From: Snapshot-Content-Location: https://www.wattpad.com/1369490188-nayi-sake-da-damata-1-2 Subject: NAYI SAKE DA DAMATA - 1&2 - Wattpad Date: Wed, 3 Dec 2025 11:20:59 -0000 MIME-Version: 1.0 Content-Type: multipart/related; type="text/html"; boundary="----MultipartBoundary--ZpT23MmpkpqBStjkuHij1PavN9zpsKy390CGyMIOtL----" ------MultipartBoundary--ZpT23MmpkpqBStjkuHij1PavN9zpsKy390CGyMIOtL---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: binary Content-Location: https://www.wattpad.com/1369490188-nayi-sake-da-damata-1-2 NAYI SAKE DA DAMATA - 1&2 - Wattpad
Browse

YOU ARE READING

NAYI SAKE DA DAMATA

General Fiction

story of Bahiyya

billynabdul hasanadanlarabawa maidambu mamugee nanaaisha

1&2

301 7 2 
                                              

                                                    
_*NAYI SAKE....!*_💘
    💘 '''DA DAMA TA'''



   FREE BOOK



https://chat.whatsapp.com/GmRn5CocVzZ6hGc10bkV34



*E.W.F*



Mrs bb
Mom muhseen.



Watt pad name
Humaira3461



      🅿️.....1&2




"Banga ranar da zan zo gidan nan bakiyi kuka ba, shin wai *Fa'iz* shi kad'ai ne d'a namiji a duniyar nan da har zaki karar da kuruciyarki wajen jiransa? Kukan ki ya isa haka nan akansa da ace kukan zai miki magani tun tuni da yai miki, tsawon wannan lokacin inda ko yaya yana jinki aransa bazai banzatar dake haka ba,to ya nuna maki karewa da karau ma ya furta maki da bakinsa,mace mai irin sunan ki ma baya marmarin sake Aure balle ke karan kanki, to dalili name ki tsawwala na rayuwarki, dubeki *BAHIYYA* kinbi kin lalace kinyi baki kin rame wallahi wanda ya sanki shekarun baya bazai ce kece a haka ba, nidai nayi lallashin duniyar nan akan kiyi hkr da fa'iz ki yafesa, ki fuskanci rayuwarki ta gaba shine zai fishsheki alkairi"



Kuka kurin nake silently sai kana cikin dakin zaka iya jin sautinsa, na saka fuskata cikin ta fukan hannaye na ina tayi baji ba gani, sun dauki tsawon mintoci ba wanda ke magana banda sautin kukana, kafin na fara sassautawa ina kokarin dainawa nake magana cikin sassanyar muryarta data kara yin sanyi saboda kukan da nasha.



"Sakina duk abunda kike gaya mun nasan gaskiya kike nuna mun,da ace ina cikin ransa ko yayane tabbas zai waiwayoni ya yafe mun, ya mance baya ya maidani gidansa, amman yama riga yai aurensa tuni hakan ya sake nuna mun cewar Fa'iz da gaske yake ya yanke duk wata alak'a dake tsakaninnmu, bansan meyasa ko naji haushinsa araina sai indaina saboda dai babu irin damar da bai bani ba wajen gyara kuskurena, ba irin hakurin da bayyi dani ba alokacin da nakejin duniyar tana juyawa dani, nice na zubar da duk wani kimata ga idonsa nice najawo ma kaina duk wulakanci da cin mutuncin da yake mun, *NAYI SAKE DA DAMA TA* sakina, sannan nayi asarar miji irin fa'iz koda wani auren nayi nasan bazan tab'a samun mai hakuri irinsa ba, mai kawaici da kauda kai irinsa ba, kamar yadda kikace ya kamata ace na hakura dashi na fuskanci rayuwar dake gabana nida y'ata, duk da nasan watarana dole ya ansheta duka daga gareni."



Wasu hawayen masu ciwo suka sake zubo man, sakina ta rik'o hannuna cikin tausayawa tana cewa,
"Ki dauka haka Allah ya hukunta miki Bahiyya,ki cigaba da hakuri watarana saidai labari abunda zakiyi kiyi kokari daddy yabar fushi dake,zaki samu salama kota b'angarensa ne sannan inda zan gaya miki kiji ki maida masa yarsa zaki fi zama lafiya...............kiyi hakuri sakina ina masifar son Amnat nan da can bana son ta matsa daga gareni, bazan iya maida masa ita ba rabin jikina ce ita din"



"Shikenan Allah ya zab'a abunda yafi zama alkairi, amman ki dage da addua itace takobin mumini sannan kiyi nesa nesa da  Ammah kinfi kowa sanin son karya take miki, zuwa yanzu kinsan komi don haka keda yarki kuyi baya baya"



Murmushin yak'e nayi ina cewa, "na riga nai maganin wannan damuwar sakina, ai anriga anyi walkiya an haska mun, ni kad'ai na zan iya rayuwa ta ma ba dole saida su ba, nabarta da Allah akan abunda tayi mani, nai imanin Allah zai saka man tun anan duniya zata ga sakamakon abunda tayi, aiga yaran nan gabanta duk mata, shikadai ya isheta ni nai waje na aje Ammah"



Sakina bata tafi gida ba sai wajen sallar isha'i sannan mijinta yazo ya dauketa, yayin da nakejin kamar karta tafi don da sakina kurin nake samu ina d'ebe kewa, bamai fira dani agidan bamai jana ajiki na zama kamar wata mujiya, duk yadda Ammah ke wani nuna ta damu dani da y'ata nasan karya take, tunda waye ummul'aba'isin rabani da gidan mijina inba ita ba, shiyasa banajin zan iya yimata kallon rahma zafinta nakeji ainun cikin zuciyarta.



Bayan na dawo daga rakiyar Sakina Daddy ya dawo sai kurin na wuce falonsa yau ko zai tsine man saiya yafe man ba zan bar falonsa ba abun ya isheni dame zanji ne?

Story continues below

              

                    
Samun na tai tare da Amnat sunata fira tana bashi labari, sallamar da nayi itace tasa ya sauke Amnat daga saman cinyarsa yana bata chocolate yace, "zauna anan baby bari nayi wanka"



Tako zauna tana b'anb'are chocolate d'in, ya shige bai sake kallon inda nake ba, waje na samu na zauna don ba inda zani har saiya gaji ya fito, tunda tunanin sa sadda zai dawo natafi don daman dana shigo masa haka yake man dana tafi saiya dawo.



Hakan bai hana ya nuna tsananin kaunarsa ga Amnat ba, don itace kad'ai jikarsa *Sanyin idaniyarsa* duk da tsananin fushin da yake da mamanta bai hana shi kula da ita kamar kwai ba.



"Maah Babi ya bani choculet"



D'an murmushi nayi mata ina cewa, "har yau bakin babyna bai iya fadar chocolate ba,"



Dariya tayi tana sake b'are wata tana cinyewa, "maah jan koya sai watarana, yanju ban iya ba"



"Allah ya nuna mana wataranan Babyna,"



"Amin Maah,laaaa maaah munyi labari da Abbyna da wayar Babi"



Lumshe idanuna nayi saboda wani abu da naji ya sokeni, duk sadda za'ai maganarsa zuciyata har wani tsuma takeyi,



"Labarin me kukai da Abbyn babyna?"



"Yace wai makalanta jai cani,sannan kuma yace wai inaso in dawo gidan ci?"



Jinai zuciyarta tai bala'in dokawa nai saurin koma wa wajen Amnat d'in ina tallabo duka fuskarta, don har idona ya cika da ruwa dagajin abunda Amnat din tace,



Cikin rawar murya nake cewa, "babyna bakice mashi zaki koma ba dai ko? Inasonki da yawa bazan bari kitafi ki barni ba, inaso na cigaba da rayuwa dake har abadan,"



Jikin yarinyar yai sanyi sosai kamar ta fahimci maganar, ta saka hannunta tana goge man hawayen cikin lallashi take cewa,



"Maah kidaina yin kuka kinji? In kina yi ni ma yi zanyi, ni bazan koma wajen Abby ba tunda kina yin kuka"



Rungumeta nai inajin kamar na tsaga kirjina na sakata, wata kaunarta na sake shigata itama ta makaleni tana cewa,



"Inasonki maah"



Ban san sadda na saki karamin kuka ba ina cewa, "nima ina sonki Babyna"



A haka daddy ya fito ya iske mu, daidai sadda Ammah ke shigowa da kayan abincinsa,taje ta aje tana duban mu tana cewa,



"Ku kuma fa? kamar wandanda akai ma mutuwa"



Uffan bance mata ba haka ma daddy,amnat ce ta maida mata da cewa "ke Ammah ba munyi fad'a ba, ba ruwanki damu"



"Don k'aniyarki ni kike cema haka..........kinga jeki idan na gama zan nemeki"



Daddy ya katseta da fad'ar haka,aiko taji haushi sosai ta juya fuuuuu tabar wajen ya bita da kallo kawai yana juyowa wajen mu, saukowa k'asa nayi na zauna ina ta jan majina ina wasa da yatsuna, Amnat nata masa surutu wajen abincin sa yaje yana ce mata tazo suyi dinner.



Saida yaci ya koshi shida Amnat sannan ya dawo cikin falon bayan ya kunna kayan kallo, ya rage volume ya na duban Amnat yace da ita,



"Baby maza jeki ciki dakina game d'inki na nan ki dauka kiyi kafin na sallami mamanki"



Ta diro tana amsa mashi ta ruga cikin bedroom dinsa, duk shiru mukai nidashi jin yaki magana yasa cikin kuka kasa-kasa nake cewa,



"Daddy kai mun rai ka daina wannan fushin dani, Rayuwata gaba d'aya ta koma babu wani farin ciki kuka da kunci da damuwa sune abokaina yanzu, Daddy ka dubeni da fuskar rahma ka yafe mun laifina, wallahi nayi dana sani har ba iyaka akan abun nayi, sai yanzu nake gane cewar ashe anyi amfani da kuruciyata an sani abunda ba daidai ba,Amman wallahi daddy banida laifi duk da ni na aikata abun"



Kallona kurin yake yi baice komi ba, tsawon lokaci nida shi ba wanda yai magana, saida ya mula yasha iska sannan aya ansa mun da cewa.



"Waya gabatar mun da *FA'IZ* agidan nan?"



Kaina k'asa na amsa masa da cewa, "nice Daddy"



"Sadda na nemi Fa'iz nai mashi maganarki kinsan da cewa kai tsaye ya sanar dani inyi hakuri shi bai shirya aure ba, kuma bayajinki cikin ransa sosai"



Saurin kallon Daddy nayi da mamakin maganar da yai mun, bai kula ba ya cigaba da cewa,
"Banji komi ba sadda nake rok'onsa yasoki ya amunce ya aureki saboda yadda kike sonshi, har nake cin alwashin cewar bazai samu matsala dake ba, saboda ked'in kin samu tarbiya,da kalamai masu dad'i da iya zance na samu na shawo kan yaron nan ya amunce, amman duk gwagwarmayar nan baki sani ba, kikaje kina masa hauka kina yin dukkan abunda kika ga shine zabinki,ni kika ba kunya Bahiyya ba kowa ba domin dai har gobe bazan mance randa yazo nan ya bani takaddarki ba, tare da cewar inyi hakuri ya sawwak'e maki saboda irin rashin tarbiyar da kikaje kikai masa, ya kuma tattaro mun dukkan wasu tallafi danai masa abaya yazo ya aje mani ya tafi, ashe duk yadda na zage wajen tarbiyarki Bahiyya saida kika bani kunya, da wane ido zan kalli wannan yaron mai tarin kawaici da alkunya, ban san tsawon lokacin da kika dauka kina masa iskanci ba,duk ya jure amman saida kika kaishi bango Bahiyya! Kinyi mun adalci kenan? Kinyi ma kanki adalci da yarki?"



Kuka nake k'asa-k'asa wanda har kirjina d'aga wa yake, hakika na cuci kaina ko kuma ince Amma ta cuceni ta jefani cikin wani hali, taya zan fito fili in sanar da Daddy cewar matar daya dauki amanarta yaba itace silar komi, matar daya yarda da ita bayan ni itace ta cucemu muduka saboda bakin halinta da mugun halinta,nasan duk randa yasan abunda ta aikata mun saiyai jinyar zuciyarsa, saboda bayan mamana itace mace ta farko daya nuna ma kauna sa kulawa, gashi taci amanarsa.



"Ni bance kizo ki tusani gaba kina kuka ba, baida wani amfani komi ya riga ya faru bamai iya dawo da hannun agogo baya a gyara, abunda na sani shine har abadan abidina bazan nemi uban yarki in sake neman alfarma akan ya maida aurenku ba, kunyar sa ma nakeji akan yadda komi ya faru duk da bai daina daukata matsayin mahaifi ba,don har katin auren sa ya kawo mun, kuma ni nan ni na biya sadakin badan ya gaza ba, saidan nai masa kara da halacci.
Naji ciwo matuk'a da kika rasa nagartaccen miji irinsa Bahiyya, ba baki nai maki ba da wuya ki samu rabinsa nan gaba"



Wadannan maganganun n daddy sun sake dagula lissafina ainun,raina kamar zai fita haka naita kuka nama kasa cewa komi,don jikina har rawa yake saboda kuka.



"Daddy kayi hakuri, ka yafe mun don girman Allah, hakika nai wauta nayi kuskure nayi nadama marar iyaka, da ana dawo da baya a gyara ta da tuni na gyaro tawa, amman bakin alk'alami ya bushe, kai mun afuwa kota b'angarenka in samu natsuwa, nabi duk hanyar dazan ga na wanke laifina wajen Abbyn amnat Abun ya gagara, har na sare daman kai nake da hope akanka zaka shawo kanshi, Amman kace ba zakai ba na hakura da cikar burina na koma wa gidan Fa'iz fatana ka yafe mun ka daina fushi dani,nai maka alk'awarin kasancewa tagari yadda kakeso amman ka daina fushi dani"



Shiru yai na tsayin lokaci saboda wani tausayinta yakejin yana shigarsa ainun, tunda yake da ita bai tab'a fushi da ita haka ba shiyasa shi kanshi abun yana nukurkusar sa.



"Stop crying na hakura da fatan zaki gyara kuskurenki nan gaba, sannan bazan zuba maki ido kiyi ta zaka haka ba ko ki koma karatu ko na samu wanda zan had'aki dashi kiyi wani auren,..............zan koma karatun Daddy insha Allahu,amman karkace nai aure acikin wannan halin da nake ciki"



"Shikenan Allah ya kyauta gaba"



Na tashi don dauko Amnat mutafi yace in barta tare zasu kwana, nai mamaki saboda dai irin haka bata tab'a faruwa ba, anya ba akwai abunda ya had'osu da ammah ba? Tab'e baki nayi na wuce kawai zanso ma ta had'o sun, zanso yasan wacece yake tare da ita, sumumu kasau macijin sari kanok'e ce ita.



Karo naci da umaimah karamar kanwata ta fito daga dakina, na kalleta ba walwala afuskata nace, "me kika yo mun adaki?"



Cikin sanyin rai tace, "wallahi ba komi, daman nazo wajenki ne ki taimaka mun nayi solving din wani assignment"



Na kauda kai kawai ina rab'ata na wuce ina cewa, "banda lokaci"



Na rufe kofata na saka key,wannan daren ban runtsa ba tunanin duniya ya addabeni, jinake inama ace komi mafarki ne ba zahiri ba, ban san inason fa'iz ba sai d'aj tsukin nan, bana second biyar banjisa a raina ba, hotunan sa kuwa awayata duk na haddacesu,don tsaf zan iya zanashi don nidin na iya zane tun secondary school,ban bacci ba sai assalatu.



       
            ***********

      *FA'IZ S. ZUBAIR*









Mom muhseen✍🏻
Wattpad App - Unlock exclusive features
Download the app
------MultipartBoundary--ZpT23MmpkpqBStjkuHij1PavN9zpsKy390CGyMIOtL---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-4276ee1b-7a91-4b76-b89f-7307d459b324@mhtml.blink @charset "utf-8"; main#parts-container-new { visibility: hidden; display: none; } ------MultipartBoundary--ZpT23MmpkpqBStjkuHij1PavN9zpsKy390CGyMIOtL---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-e4d979b7-cca8-487f-8b7d-585ec2b90c3d@mhtml.blink @charset "utf-8"; .qJTHM { user-select: none; color: rgb(32, 33, 36); direction: ltr; font-family: Roboto-Regular, arial, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; margin: 0px; overflow: hidden; text-size-adjust: 100%; } .ynRLnc { left: -9999px; position: absolute; top: -9999px; } .L6cTce { display: none; } .bltWBb { overflow-wrap: break-word; word-break: break-word; } .hSRGPd { color: rgb(26, 115, 232); cursor: pointer; font-weight: 500; text-decoration: none; } .Bz112c-W3lGp { height: 16px; width: 16px; } .Bz112c-E3DyYd { height: 20px; width: 20px; } .Bz112c-r9oPif { height: 24px; width: 24px; } .Bz112c-u2z5K { height: 36px; width: 36px; } .Bz112c-uaxL4e { border-radius: 10px; } .LgbsSe-Bz112c { display: block; } .S9gUrf-YoZ4jf { border: none; margin: 0px; padding: 0px; } .S9gUrf-YoZ4jf * { border: none; margin: 0px; padding: 0px; } .fFW7wc-ibnC6b > .aZ2wEe > div { border-color: rgb(66, 133, 244); } .P1ekSe-ZMv3u { transition: height 0.2s linear 0s; } .P1ekSe-ZMv3u > div:nth-child(1) { transition: width 0.3s linear 0s; background-color: rgb(26, 115, 232) !important; } .P1ekSe-ZMv3u > div:nth-child(2) { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, rgb(26, 115, 232), rgb(26, 115, 232)) !important; } .P1ekSe-ZMv3u > div:nth-child(3) { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, rgb(26, 115, 232), rgb(26, 115, 232)) !important; } .haAclf { display: inline-block; } .nsm7Bb-HzV7m-LgbsSe { border-radius: 4px; box-sizing: border-box; transition: background-color 0.218s ease 0s, border-color 0.218s ease 0s; user-select: none; appearance: none; background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(218, 220, 224); color: rgb(60, 64, 67); cursor: pointer; font-family: "Google Sans", arial, sans-serif; font-size: 14px; height: 40px; letter-spacing: 0.25px; outline: none; overflow: hidden; padding: 0px 12px; position: relative; text-align: center; vertical-align: middle; white-space: nowrap; width: auto; } @media not all { .nsm7Bb-HzV7m-LgbsSe { border: 2px solid windowtext; color: windowtext; } } @media not all { .nsm7Bb-HzV7m-LgbsSe { color: rgb(0, 0, 0); } } .nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe { font-size: 14px; height: 32px; letter-spacing: 0.25px; padding: 0px 10px; } .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe { font-size: 11px; height: 20px; letter-spacing: 0.3px; padding: 0px 8px; } .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe { padding: 0px; width: 40px; } .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe { width: 32px; } .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe { width: 20px; } .nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK { border-radius: 20px; } .nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe { border-radius: 16px; } .nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe { border-radius: 10px; } .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc { border: none; color: rgb(255, 255, 255); } .nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc { background-color: rgb(26, 115, 232); } .nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc { background-color: rgb(32, 33, 36); color: rgb(232, 234, 237); } @media screen and (prefers-contrast: more) { .nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc { color: rgb(255, 255, 255); } } .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c { height: 18px; margin-right: 8px; min-width: 18px; width: 18px; } .nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c { height: 14px; min-width: 14px; width: 14px; } .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c { height: 10px; min-width: 10px; width: 10px; } .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c { margin-left: 8px; margin-right: -4px; } .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c { margin: 0px; padding: 10px; } .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c { padding: 8px; } .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c { padding: 4px; } .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { border-top-left-radius: 3px; border-bottom-left-radius: 3px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background-color: rgb(255, 255, 255); height: 36px; margin-left: -10px; margin-right: 12px; min-width: 36px; width: 36px; } .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c, .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c { margin: 0px; padding: 0px; } .nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { height: 28px; margin-left: -8px; margin-right: 10px; min-width: 28px; width: 28px; } .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { height: 16px; margin-left: -6px; margin-right: 8px; min-width: 16px; width: 16px; } .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { border-radius: 3px; margin-left: 2px; margin-right: 0px; padding: 0px; } .nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { border-radius: 18px; } .nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { border-radius: 14px; } .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { border-radius: 8px; } .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-pack: justify; justify-content: space-between; height: 100%; position: relative; width: 100%; } .nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX { -webkit-box-pack: center; justify-content: center; } .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId { -webkit-box-flex: 1; flex-grow: 1; font-family: "Google Sans", arial, sans-serif; font-weight: 500; overflow: hidden; text-overflow: ellipsis; vertical-align: top; } .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId { font-weight: 300; } .nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId { -webkit-box-flex: 0; flex-grow: 0; } .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe { transition: background-color 0.218s ease 0s; inset: 0px; position: absolute; } .nsm7Bb-HzV7m-LgbsSe:hover, .nsm7Bb-HzV7m-LgbsSe:focus { box-shadow: none; border-color: rgb(210, 227, 252); outline: none; } .nsm7Bb-HzV7m-LgbsSe:focus-within { outline: rgb(0, 99, 155) solid 2px; border-color: transparent; } .nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe { background: rgba(66, 133, 244, 0.08); } .nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe, .nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe { background: rgba(66, 133, 244, 0.1); } .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe { background: rgba(255, 255, 255, 0.24); } .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe, .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe { background: rgba(255, 255, 255, 0.32); } .nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY { border-radius: 50%; display: flex; height: 20px; margin-left: -4px; margin-right: 8px; min-width: 20px; width: 20px; } .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId { font-family: Roboto; font-size: 12px; text-align: left; } .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf, .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS { overflow: hidden; text-overflow: ellipsis; } .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff { display: flex; -webkit-box-align: center; align-items: center; color: rgb(95, 99, 104); fill: rgb(95, 99, 104); font-size: 11px; font-weight: 400; } .nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff { color: rgb(232, 234, 237); fill: rgb(232, 234, 237); } @media screen and (prefers-contrast: more) { .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff, .nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff { color: rgb(0, 0, 0); fill: rgb(0, 0, 0); } } .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c { height: 18px; margin: -3px -3px -3px 2px; min-width: 18px; width: 18px; } .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { border-radius: 0px 3px 3px 0px; margin-left: 12px; margin-right: -10px; } .nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { border-radius: 18px; } .L5Fo6c-sM5MNb { border: 0px; display: block; left: 0px; position: relative; top: 0px; } .L5Fo6c-bF1uUb { border-radius: 4px; inset: 0px; cursor: pointer; position: absolute; } .L5Fo6c-bF1uUb:focus { border: none; outline: none; } sentinel { } ------MultipartBoundary--ZpT23MmpkpqBStjkuHij1PavN9zpsKy390CGyMIOtL---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-25e785a6-c570-47dc-90a8-9cdab423ab7d@mhtml.blink @charset "utf-8"; .fb_hidden { position: absolute; top: -10000px; z-index: 10001; } .fb_reposition { overflow: hidden; position: relative; } .fb_invisible { display: none; } .fb_reset { background: none; border: 0px; border-spacing: 0px; color: rgb(0, 0, 0); cursor: auto; direction: ltr; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 1; margin: 0px; overflow: visible; padding: 0px; text-align: left; text-decoration: none; text-indent: 0px; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-spacing: normal; } .fb_reset > div { overflow: hidden; } @keyframes fb_transform { 0% { opacity: 0; transform: scale(0.95); } 100% { opacity: 1; transform: scale(1); } } .fb_animate { animation: 0.3s ease 0s 1 normal forwards running fb_transform; } .fb_hidden { position: absolute; top: -10000px; z-index: 10001; } .fb_reposition { overflow: hidden; position: relative; } .fb_invisible { display: none; } .fb_reset { background: none; border: 0px; border-spacing: 0px; color: rgb(0, 0, 0); cursor: auto; direction: ltr; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 1; margin: 0px; overflow: visible; padding: 0px; text-align: left; text-decoration: none; text-indent: 0px; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-spacing: normal; } .fb_reset > div { overflow: hidden; } @keyframes fb_transform { 0% { opacity: 0; transform: scale(0.95); } 100% { opacity: 1; transform: scale(1); } } .fb_animate { animation: 0.3s ease 0s 1 normal forwards running fb_transform; } .fb_dialog { background: rgba(82, 82, 82, 0.7); position: absolute; top: -10000px; z-index: 10001; } .fb_dialog_advanced { border-radius: 8px; padding: 10px; } .fb_dialog_content { background: rgb(255, 255, 255); color: rgb(55, 55, 55); } .fb_dialog_close_icon { background: url("https://connect.facebook.net/rsrc.php/v4/yq/r/IE9JII6Z1Ys.png") 0px 0px no-repeat scroll transparent; cursor: pointer; display: block; height: 15px; position: absolute; right: 18px; top: 17px; width: 15px; } .fb_dialog_mobile .fb_dialog_close_icon { left: 5px; right: auto; top: 5px; } .fb_dialog_padding { background-color: transparent; position: absolute; width: 1px; z-index: -1; } .fb_dialog_close_icon:hover { background: url("https://connect.facebook.net/rsrc.php/v4/yq/r/IE9JII6Z1Ys.png") 0px -15px no-repeat scroll transparent; } .fb_dialog_close_icon:active { background: url("https://connect.facebook.net/rsrc.php/v4/yq/r/IE9JII6Z1Ys.png") 0px -30px no-repeat scroll transparent; } .fb_dialog_iframe { line-height: 0; } .fb_dialog_content .dialog_title { background: rgb(109, 132, 180); border: 1px solid rgb(54, 88, 153); color: rgb(255, 255, 255); font-size: 14px; font-weight: 700; margin: 0px; } .fb_dialog_content .dialog_title > span { background: url("https://connect.facebook.net/rsrc.php/v4/yd/r/Cou7n-nqK52.gif") 5px 50% no-repeat; float: left; padding: 5px 0px 7px 26px; } body.fb_hidden { height: 100%; left: 0px; margin: 0px; overflow: visible; position: absolute; top: -10000px; transform: none; width: 100%; } .fb_dialog.fb_dialog_mobile.loading { background: url("https://connect.facebook.net/rsrc.php/v4/ya/r/3rhSv5V8j3o.gif") 50% 50% no-repeat rgb(255, 255, 255); min-height: 100%; min-width: 100%; overflow: hidden; position: absolute; top: 0px; z-index: 10001; } .fb_dialog.fb_dialog_mobile.loading.centered { background: none; height: auto; min-height: initial; min-width: initial; width: auto; } .fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner { width: 100%; } .fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content { background: none; } .loading.centered #fb_dialog_loader_close { clear: both; color: rgb(255, 255, 255); display: block; font-size: 18px; padding-top: 20px; } #fb-root #fb_dialog_ipad_overlay { background: rgba(0, 0, 0, 0.4); inset: 0px; min-height: 100%; position: absolute; width: 100%; z-index: 10000; } #fb-root #fb_dialog_ipad_overlay.hidden { display: none; } .fb_dialog.fb_dialog_mobile.loading iframe { visibility: hidden; } .fb_dialog_mobile .fb_dialog_iframe { position: sticky; top: 0px; } .fb_dialog_content .dialog_header { border-bottom: 1px solid rgb(4, 59, 135); border-top-color: rgb(4, 59, 135); border-right-color: rgb(4, 59, 135); border-left-color: rgb(4, 59, 135); box-shadow: rgb(255, 255, 255) 0px 1px 1px -1px inset; color: rgb(255, 255, 255); font: 700 14px Helvetica, sans-serif; text-overflow: ellipsis; text-shadow: rgba(0, 30, 84, 0.298) 0px -1px 0px; vertical-align: middle; white-space: nowrap; } .fb_dialog_content .dialog_header table { height: 43px; width: 100%; } .fb_dialog_content .dialog_header td.header_left { font-size: 12px; padding-left: 5px; vertical-align: middle; width: 60px; } .fb_dialog_content .dialog_header td.header_right { font-size: 12px; padding-right: 5px; vertical-align: middle; width: 60px; } .fb_dialog_content .touchable_button { background-clip: padding-box; border: 1px solid rgb(41, 72, 125); border-radius: 3px; display: inline-block; line-height: 18px; margin-top: 3px; max-width: 85px; padding: 4px 12px; position: relative; } .fb_dialog_content .dialog_header .touchable_button input { background: none; border: none; color: rgb(255, 255, 255); font: 700 12px Helvetica, sans-serif; margin: 2px -12px; padding: 2px 6px 3px; text-shadow: rgba(0, 30, 84, 0.298) 0px -1px 0px; } .fb_dialog_content .dialog_header .header_center { color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; line-height: 18px; text-align: center; vertical-align: middle; } .fb_dialog_content .dialog_content { background: url("https://connect.facebook.net/rsrc.php/v4/y9/r/jKEcVPZFk-2.gif") 50% 50% no-repeat; border-width: 0px 1px; border-right-style: solid; border-left-style: solid; border-right-color: rgb(74, 74, 74); border-left-color: rgb(74, 74, 74); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; border-top-style: initial; border-top-color: initial; height: 150px; } .fb_dialog_content .dialog_footer { background: rgb(245, 246, 247); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204) rgb(74, 74, 74) rgb(74, 74, 74); border-image: initial; height: 40px; } #fb_dialog_loader_close { float: left; } .fb_dialog.fb_dialog_mobile .fb_dialog_close_icon { visibility: hidden; } #fb_dialog_loader_spinner { animation: 1.2s linear 0s infinite normal none running rotateSpinner; background-color: transparent; background-image: url("https://connect.facebook.net/rsrc.php/v4/yD/r/t-wz8gw1xG1.png"); background-position: 50% 50%; background-repeat: no-repeat; height: 24px; width: 24px; } @keyframes rotateSpinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fb_iframe_widget { display: inline-block; position: relative; } .fb_iframe_widget span { display: inline-block; position: relative; text-align: justify; } .fb_iframe_widget iframe { position: absolute; } .fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe { max-width: 100%; } .fb_iframe_widget_fluid_desktop iframe { min-width: 220px; position: relative; } .fb_iframe_widget_lift { z-index: 1; } .fb_iframe_widget_fluid { display: inline; } .fb_iframe_widget_fluid span { width: 100%; } ------MultipartBoundary--ZpT23MmpkpqBStjkuHij1PavN9zpsKy390CGyMIOtL---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://static.wattpad.com/css/mobile-web/mobile-web.c5e4dadf.min.css @charset "utf-8"; .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-item img { display: block; width: 100%; transform-style: preserve-3d; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { user-select: none; } .owl-carousel.owl-grab { cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 0.5s ease-in-out 0s; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 0.4s ease 0s; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: rgb(0, 0, 0); } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; backface-visibility: hidden; transition: transform 0.1s ease 0s, -webkit-transform 0.1s ease 0s; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 0.4s ease 0s; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .btn-lg-modifier { padding: 5px 20px; font-size: 18px; line-height: 36px; border-radius: 6px; margin: 6px 10px; } .btn-md-modifier { padding: 5px 18px; font-size: 16px; line-height: 30px; border-radius: 6px; margin: 3px 5px; } .btn-sm-modifier { padding: 5px 15px; font-size: 15px; line-height: 18px; border-radius: 6px; margin: 3px 5px; } body.premium-theme.theme-1 #header-container #header { background-color: rgb(95, 115, 52); } body.premium-theme.theme-1 #header-container #header .button-group.dropdown { color: rgb(255, 255, 255); background-color: rgb(95, 115, 52); border-color: transparent; } body.premium-theme.theme-1 #header-container #header .button-group.dropdown:hover { color: rgb(255, 255, 255); background-color: rgb(80, 97, 44); border-color: rgb(80, 97, 44); } body.premium-theme.theme-1 #header-container #header .button-group.dropdown.active, body.premium-theme.theme-1 #header-container #header .button-group.dropdown:active { color: rgb(255, 255, 255); background-color: rgb(66, 80, 36); border-color: rgb(70, 90, 27); } body.premium-theme.theme-1 #header-container #header .button-group.dropdown.active .fa, body.premium-theme.theme-1 #header-container #header .button-group.dropdown:active .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-1 #header-container #header .button-group.dropdown:focus { color: rgb(255, 255, 255); background-color: rgb(95, 115, 52); border-color: transparent; } .open > .dropdown-toggle body.premium-theme.theme-1 #header-container #header .button-group.dropdown, body.premium-theme.theme-1 #header-container #header .button-group.dropdown.active, body.premium-theme.theme-1 #header-container #header .button-group.dropdown:active { background-image: none; } body.premium-theme.theme-1 #header-container #header .button-group.dropdown.disabled, body.premium-theme.theme-1 #header-container #header .button-group.dropdown.disabled.active, body.premium-theme.theme-1 #header-container #header .button-group.dropdown.disabled:active, body.premium-theme.theme-1 #header-container #header .button-group.dropdown.disabled:hover, body.premium-theme.theme-1 #header-container #header .button-group.dropdown[disabled], body.premium-theme.theme-1 #header-container #header .button-group.dropdown[disabled].active, body.premium-theme.theme-1 #header-container #header .button-group.dropdown[disabled]:active, body.premium-theme.theme-1 #header-container #header .button-group.dropdown[disabled]:hover, fieldset[disabled] body.premium-theme.theme-1 #header-container #header .button-group.dropdown, fieldset[disabled] body.premium-theme.theme-1 #header-container #header .button-group.dropdown.active, fieldset[disabled] body.premium-theme.theme-1 #header-container #header .button-group.dropdown:active, fieldset[disabled] body.premium-theme.theme-1 #header-container #header .button-group.dropdown:hover { background-color: rgb(124, 150, 68); border-color: rgb(124, 150, 68); } body.premium-theme.theme-1 #header-container #header #header-item-search form input { box-shadow: rgb(111, 111, 111) 0px 1px 1px inset; } body.premium-theme.theme-1 #header-container #header #header-item-search form button .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-1 #header-container #header #header-item-logo a { background-image: url("/img/logos/wp-logo-white.png"); } body.premium-theme.theme-1 #header-container #header #login-menu button, body.premium-theme.theme-1 #header-container #header #login-menu > a, body.premium-theme.theme-1 #header-container #header #profile-dropdown button, body.premium-theme.theme-1 #header-container #header #profile-dropdown > a, body.premium-theme.theme-1 #header-container #header > nav > ul > li button, body.premium-theme.theme-1 #header-container #header > nav > ul > li > a { color: rgb(255, 255, 255); } body.premium-theme.theme-1 #header-container #app-header { background-color: rgb(95, 115, 52); } body.premium-theme.theme-1 #header-container #app-header .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-1 #header-container #app-header .icon-container svg { stroke: rgb(255, 255, 255); } body.premium-theme.theme-1 #header-container #app-header .icon-container svg .nav-library { fill: rgb(255, 255, 255); } body.premium-theme.theme-1 #header-container #app-header .icon-container::after { background: rgb(255, 255, 255) !important; } body.premium-theme.theme-1 #app-container #home-index nav ul { border: 1px solid rgb(95, 115, 52); } body.premium-theme.theme-1 #app-container #home-index nav li:not(.active) a { color: rgb(95, 115, 52); } body.premium-theme.theme-1 #app-container #home-index nav li.active { background-color: rgb(95, 115, 52); } body.premium-theme.theme-2 #header-container #header { background-color: rgb(92, 75, 81); } body.premium-theme.theme-2 #header-container #header .button-group.dropdown { color: rgb(255, 255, 255); background-color: rgb(92, 75, 81); border-color: transparent; } body.premium-theme.theme-2 #header-container #header .button-group.dropdown:hover { color: rgb(255, 255, 255); background-color: rgb(78, 64, 69); border-color: rgb(78, 64, 69); } body.premium-theme.theme-2 #header-container #header .button-group.dropdown.active, body.premium-theme.theme-2 #header-container #header .button-group.dropdown:active { color: rgb(255, 255, 255); background-color: rgb(64, 52, 56); border-color: rgb(67, 50, 56); } body.premium-theme.theme-2 #header-container #header .button-group.dropdown.active .fa, body.premium-theme.theme-2 #header-container #header .button-group.dropdown:active .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-2 #header-container #header .button-group.dropdown:focus { color: rgb(255, 255, 255); background-color: rgb(92, 75, 81); border-color: transparent; } .open > .dropdown-toggle body.premium-theme.theme-2 #header-container #header .button-group.dropdown, body.premium-theme.theme-2 #header-container #header .button-group.dropdown.active, body.premium-theme.theme-2 #header-container #header .button-group.dropdown:active { background-image: none; } body.premium-theme.theme-2 #header-container #header .button-group.dropdown.disabled, body.premium-theme.theme-2 #header-container #header .button-group.dropdown.disabled.active, body.premium-theme.theme-2 #header-container #header .button-group.dropdown.disabled:active, body.premium-theme.theme-2 #header-container #header .button-group.dropdown.disabled:hover, body.premium-theme.theme-2 #header-container #header .button-group.dropdown[disabled], body.premium-theme.theme-2 #header-container #header .button-group.dropdown[disabled].active, body.premium-theme.theme-2 #header-container #header .button-group.dropdown[disabled]:active, body.premium-theme.theme-2 #header-container #header .button-group.dropdown[disabled]:hover, fieldset[disabled] body.premium-theme.theme-2 #header-container #header .button-group.dropdown, fieldset[disabled] body.premium-theme.theme-2 #header-container #header .button-group.dropdown.active, fieldset[disabled] body.premium-theme.theme-2 #header-container #header .button-group.dropdown:active, fieldset[disabled] body.premium-theme.theme-2 #header-container #header .button-group.dropdown:hover { background-color: rgb(120, 98, 106); border-color: rgb(120, 98, 106); } body.premium-theme.theme-2 #header-container #header #header-item-search form input { box-shadow: rgb(111, 111, 111) 0px 1px 1px inset; } body.premium-theme.theme-2 #header-container #header #header-item-search form button .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-2 #header-container #header #header-item-logo a { background-image: url("/img/logos/wp-logo-white.png"); } body.premium-theme.theme-2 #header-container #header #login-menu button, body.premium-theme.theme-2 #header-container #header #login-menu > a, body.premium-theme.theme-2 #header-container #header #profile-dropdown button, body.premium-theme.theme-2 #header-container #header #profile-dropdown > a, body.premium-theme.theme-2 #header-container #header > nav > ul > li button, body.premium-theme.theme-2 #header-container #header > nav > ul > li > a { color: rgb(255, 255, 255); } body.premium-theme.theme-2 #header-container #app-header { background-color: rgb(92, 75, 81); } body.premium-theme.theme-2 #header-container #app-header .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-2 #header-container #app-header .icon-container svg { stroke: rgb(255, 255, 255); } body.premium-theme.theme-2 #header-container #app-header .icon-container svg .nav-library { fill: rgb(255, 255, 255); } body.premium-theme.theme-2 #header-container #app-header .icon-container::after { background: rgb(255, 255, 255) !important; } body.premium-theme.theme-2 #app-container #home-index nav ul { border: 1px solid rgb(92, 75, 81); } body.premium-theme.theme-2 #app-container #home-index nav li:not(.active) a { color: rgb(92, 75, 81); } body.premium-theme.theme-2 #app-container #home-index nav li.active { background-color: rgb(92, 75, 81); } body.premium-theme.theme-3 #header-container #header { background-color: rgb(240, 96, 96); } body.premium-theme.theme-3 #header-container #header .button-group.dropdown { color: rgb(255, 255, 255); background-color: rgb(240, 96, 96); border-color: transparent; } body.premium-theme.theme-3 #header-container #header .button-group.dropdown:hover { color: rgb(255, 255, 255); background-color: rgb(238, 73, 73); border-color: rgb(238, 73, 73); } body.premium-theme.theme-3 #header-container #header .button-group.dropdown.active, body.premium-theme.theme-3 #header-container #header .button-group.dropdown:active { color: rgb(255, 255, 255); background-color: rgb(236, 49, 49); border-color: rgb(215, 71, 71); } body.premium-theme.theme-3 #header-container #header .button-group.dropdown.active .fa, body.premium-theme.theme-3 #header-container #header .button-group.dropdown:active .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-3 #header-container #header .button-group.dropdown:focus { color: rgb(255, 255, 255); background-color: rgb(240, 96, 96); border-color: transparent; } .open > .dropdown-toggle body.premium-theme.theme-3 #header-container #header .button-group.dropdown, body.premium-theme.theme-3 #header-container #header .button-group.dropdown.active, body.premium-theme.theme-3 #header-container #header .button-group.dropdown:active { background-image: none; } body.premium-theme.theme-3 #header-container #header .button-group.dropdown.disabled, body.premium-theme.theme-3 #header-container #header .button-group.dropdown.disabled.active, body.premium-theme.theme-3 #header-container #header .button-group.dropdown.disabled:active, body.premium-theme.theme-3 #header-container #header .button-group.dropdown.disabled:hover, body.premium-theme.theme-3 #header-container #header .button-group.dropdown[disabled], body.premium-theme.theme-3 #header-container #header .button-group.dropdown[disabled].active, body.premium-theme.theme-3 #header-container #header .button-group.dropdown[disabled]:active, body.premium-theme.theme-3 #header-container #header .button-group.dropdown[disabled]:hover, fieldset[disabled] body.premium-theme.theme-3 #header-container #header .button-group.dropdown, fieldset[disabled] body.premium-theme.theme-3 #header-container #header .button-group.dropdown.active, fieldset[disabled] body.premium-theme.theme-3 #header-container #header .button-group.dropdown:active, fieldset[disabled] body.premium-theme.theme-3 #header-container #header .button-group.dropdown:hover { background-color: rgb(244, 143, 143); border-color: rgb(244, 143, 143); } body.premium-theme.theme-3 #header-container #header #header-item-search form input { box-shadow: rgb(111, 111, 111) 0px 1px 1px inset; } body.premium-theme.theme-3 #header-container #header #header-item-search form button .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-3 #header-container #header #header-item-logo a { background-image: url("/img/logos/wp-logo-white.png"); } body.premium-theme.theme-3 #header-container #header #login-menu button, body.premium-theme.theme-3 #header-container #header #login-menu > a, body.premium-theme.theme-3 #header-container #header #profile-dropdown button, body.premium-theme.theme-3 #header-container #header #profile-dropdown > a, body.premium-theme.theme-3 #header-container #header > nav > ul > li button, body.premium-theme.theme-3 #header-container #header > nav > ul > li > a { color: rgb(255, 255, 255); } body.premium-theme.theme-3 #header-container #app-header { background-color: rgb(240, 96, 96); } body.premium-theme.theme-3 #header-container #app-header .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-3 #header-container #app-header .icon-container svg { stroke: rgb(255, 255, 255); } body.premium-theme.theme-3 #header-container #app-header .icon-container svg .nav-library { fill: rgb(255, 255, 255); } body.premium-theme.theme-3 #header-container #app-header .icon-container::after { background: rgb(255, 255, 255) !important; } body.premium-theme.theme-3 #app-container #home-index nav ul { border: 1px solid rgb(240, 96, 96); } body.premium-theme.theme-3 #app-container #home-index nav li:not(.active) a { color: rgb(240, 96, 96); } body.premium-theme.theme-3 #app-container #home-index nav li.active { background-color: rgb(240, 96, 96); } body.premium-theme.theme-4 #header-container #header { background-color: rgb(53, 122, 190); } body.premium-theme.theme-4 #header-container #header .button-group.dropdown { color: rgb(255, 255, 255); background-color: rgb(53, 122, 190); border-color: transparent; } body.premium-theme.theme-4 #header-container #header .button-group.dropdown:hover { color: rgb(255, 255, 255); background-color: rgb(47, 109, 170); border-color: rgb(47, 109, 170); } body.premium-theme.theme-4 #header-container #header .button-group.dropdown.active, body.premium-theme.theme-4 #header-container #header .button-group.dropdown:active { color: rgb(255, 255, 255); background-color: rgb(42, 96, 150); border-color: rgb(28, 97, 165); } body.premium-theme.theme-4 #header-container #header .button-group.dropdown.active .fa, body.premium-theme.theme-4 #header-container #header .button-group.dropdown:active .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-4 #header-container #header .button-group.dropdown:focus { color: rgb(255, 255, 255); background-color: rgb(53, 122, 190); border-color: transparent; } .open > .dropdown-toggle body.premium-theme.theme-4 #header-container #header .button-group.dropdown, body.premium-theme.theme-4 #header-container #header .button-group.dropdown.active, body.premium-theme.theme-4 #header-container #header .button-group.dropdown:active { background-image: none; } body.premium-theme.theme-4 #header-container #header .button-group.dropdown.disabled, body.premium-theme.theme-4 #header-container #header .button-group.dropdown.disabled.active, body.premium-theme.theme-4 #header-container #header .button-group.dropdown.disabled:active, body.premium-theme.theme-4 #header-container #header .button-group.dropdown.disabled:hover, body.premium-theme.theme-4 #header-container #header .button-group.dropdown[disabled], body.premium-theme.theme-4 #header-container #header .button-group.dropdown[disabled].active, body.premium-theme.theme-4 #header-container #header .button-group.dropdown[disabled]:active, body.premium-theme.theme-4 #header-container #header .button-group.dropdown[disabled]:hover, fieldset[disabled] body.premium-theme.theme-4 #header-container #header .button-group.dropdown, fieldset[disabled] body.premium-theme.theme-4 #header-container #header .button-group.dropdown.active, fieldset[disabled] body.premium-theme.theme-4 #header-container #header .button-group.dropdown:active, fieldset[disabled] body.premium-theme.theme-4 #header-container #header .button-group.dropdown:hover { background-color: rgb(86, 147, 208); border-color: rgb(86, 147, 208); } body.premium-theme.theme-4 #header-container #header #header-item-search form input { box-shadow: rgb(111, 111, 111) 0px 1px 1px inset; } body.premium-theme.theme-4 #header-container #header #header-item-search form button .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-4 #header-container #header #header-item-logo a { background-image: url("/img/logos/wp-logo-white.png"); } body.premium-theme.theme-4 #header-container #header #login-menu button, body.premium-theme.theme-4 #header-container #header #login-menu > a, body.premium-theme.theme-4 #header-container #header #profile-dropdown button, body.premium-theme.theme-4 #header-container #header #profile-dropdown > a, body.premium-theme.theme-4 #header-container #header > nav > ul > li button, body.premium-theme.theme-4 #header-container #header > nav > ul > li > a { color: rgb(255, 255, 255); } body.premium-theme.theme-4 #header-container #app-header { background-color: rgb(53, 122, 190); } body.premium-theme.theme-4 #header-container #app-header .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-4 #header-container #app-header .icon-container svg { stroke: rgb(255, 255, 255); } body.premium-theme.theme-4 #header-container #app-header .icon-container svg .nav-library { fill: rgb(255, 255, 255); } body.premium-theme.theme-4 #header-container #app-header .icon-container::after { background: rgb(255, 255, 255) !important; } body.premium-theme.theme-4 #app-container #home-index nav ul { border: 1px solid rgb(53, 122, 190); } body.premium-theme.theme-4 #app-container #home-index nav li:not(.active) a { color: rgb(53, 122, 190); } body.premium-theme.theme-4 #app-container #home-index nav li.active { background-color: rgb(53, 122, 190); } body.premium-theme.theme-5 #header-container #header { background-color: rgb(16, 148, 166); } body.premium-theme.theme-5 #header-container #header .button-group.dropdown { color: rgb(255, 255, 255); background-color: rgb(16, 148, 166); border-color: transparent; } body.premium-theme.theme-5 #header-container #header .button-group.dropdown:hover { color: rgb(255, 255, 255); background-color: rgb(14, 127, 143); border-color: rgb(14, 127, 143); } body.premium-theme.theme-5 #header-container #header .button-group.dropdown.active, body.premium-theme.theme-5 #header-container #header .button-group.dropdown:active { color: rgb(255, 255, 255); background-color: rgb(12, 107, 119); border-color: rgb(0, 123, 141); } body.premium-theme.theme-5 #header-container #header .button-group.dropdown.active .fa, body.premium-theme.theme-5 #header-container #header .button-group.dropdown:active .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-5 #header-container #header .button-group.dropdown:focus { color: rgb(255, 255, 255); background-color: rgb(16, 148, 166); border-color: transparent; } .open > .dropdown-toggle body.premium-theme.theme-5 #header-container #header .button-group.dropdown, body.premium-theme.theme-5 #header-container #header .button-group.dropdown.active, body.premium-theme.theme-5 #header-container #header .button-group.dropdown:active { background-image: none; } body.premium-theme.theme-5 #header-container #header .button-group.dropdown.disabled, body.premium-theme.theme-5 #header-container #header .button-group.dropdown.disabled.active, body.premium-theme.theme-5 #header-container #header .button-group.dropdown.disabled:active, body.premium-theme.theme-5 #header-container #header .button-group.dropdown.disabled:hover, body.premium-theme.theme-5 #header-container #header .button-group.dropdown[disabled], body.premium-theme.theme-5 #header-container #header .button-group.dropdown[disabled].active, body.premium-theme.theme-5 #header-container #header .button-group.dropdown[disabled]:active, body.premium-theme.theme-5 #header-container #header .button-group.dropdown[disabled]:hover, fieldset[disabled] body.premium-theme.theme-5 #header-container #header .button-group.dropdown, fieldset[disabled] body.premium-theme.theme-5 #header-container #header .button-group.dropdown.active, fieldset[disabled] body.premium-theme.theme-5 #header-container #header .button-group.dropdown:active, fieldset[disabled] body.premium-theme.theme-5 #header-container #header .button-group.dropdown:hover { background-color: rgb(20, 189, 213); border-color: rgb(20, 189, 213); } body.premium-theme.theme-5 #header-container #header #header-item-search form input { box-shadow: rgb(111, 111, 111) 0px 1px 1px inset; } body.premium-theme.theme-5 #header-container #header #header-item-search form button .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-5 #header-container #header #header-item-logo a { background-image: url("/img/logos/wp-logo-white.png"); } body.premium-theme.theme-5 #header-container #header #login-menu button, body.premium-theme.theme-5 #header-container #header #login-menu > a, body.premium-theme.theme-5 #header-container #header #profile-dropdown button, body.premium-theme.theme-5 #header-container #header #profile-dropdown > a, body.premium-theme.theme-5 #header-container #header > nav > ul > li button, body.premium-theme.theme-5 #header-container #header > nav > ul > li > a { color: rgb(255, 255, 255); } body.premium-theme.theme-5 #header-container #app-header { background-color: rgb(16, 148, 166); } body.premium-theme.theme-5 #header-container #app-header .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-5 #header-container #app-header .icon-container svg { stroke: rgb(255, 255, 255); } body.premium-theme.theme-5 #header-container #app-header .icon-container svg .nav-library { fill: rgb(255, 255, 255); } body.premium-theme.theme-5 #header-container #app-header .icon-container::after { background: rgb(255, 255, 255) !important; } body.premium-theme.theme-5 #app-container #home-index nav ul { border: 1px solid rgb(16, 148, 166); } body.premium-theme.theme-5 #app-container #home-index nav li:not(.active) a { color: rgb(16, 148, 166); } body.premium-theme.theme-5 #app-container #home-index nav li.active { background-color: rgb(16, 148, 166); } body.premium-theme.theme-7 #header-container #header { background-color: rgb(40, 181, 153); } body.premium-theme.theme-7 #header-container #header .button-group.dropdown { color: rgb(255, 255, 255); background-color: rgb(40, 181, 153); border-color: transparent; } body.premium-theme.theme-7 #header-container #header .button-group.dropdown:hover { color: rgb(255, 255, 255); background-color: rgb(35, 160, 135); border-color: rgb(35, 160, 135); } body.premium-theme.theme-7 #header-container #header .button-group.dropdown.active, body.premium-theme.theme-7 #header-container #header .button-group.dropdown:active { color: rgb(255, 255, 255); background-color: rgb(31, 139, 118); border-color: rgb(15, 156, 128); } body.premium-theme.theme-7 #header-container #header .button-group.dropdown.active .fa, body.premium-theme.theme-7 #header-container #header .button-group.dropdown:active .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-7 #header-container #header .button-group.dropdown:focus { color: rgb(255, 255, 255); background-color: rgb(40, 181, 153); border-color: transparent; } .open > .dropdown-toggle body.premium-theme.theme-7 #header-container #header .button-group.dropdown, body.premium-theme.theme-7 #header-container #header .button-group.dropdown.active, body.premium-theme.theme-7 #header-container #header .button-group.dropdown:active { background-image: none; } body.premium-theme.theme-7 #header-container #header .button-group.dropdown.disabled, body.premium-theme.theme-7 #header-container #header .button-group.dropdown.disabled.active, body.premium-theme.theme-7 #header-container #header .button-group.dropdown.disabled:active, body.premium-theme.theme-7 #header-container #header .button-group.dropdown.disabled:hover, body.premium-theme.theme-7 #header-container #header .button-group.dropdown[disabled], body.premium-theme.theme-7 #header-container #header .button-group.dropdown[disabled].active, body.premium-theme.theme-7 #header-container #header .button-group.dropdown[disabled]:active, body.premium-theme.theme-7 #header-container #header .button-group.dropdown[disabled]:hover, fieldset[disabled] body.premium-theme.theme-7 #header-container #header .button-group.dropdown, fieldset[disabled] body.premium-theme.theme-7 #header-container #header .button-group.dropdown.active, fieldset[disabled] body.premium-theme.theme-7 #header-container #header .button-group.dropdown:active, fieldset[disabled] body.premium-theme.theme-7 #header-container #header .button-group.dropdown:hover { background-color: rgb(60, 212, 182); border-color: rgb(60, 212, 182); } body.premium-theme.theme-7 #header-container #header #header-item-search form input { box-shadow: rgb(111, 111, 111) 0px 1px 1px inset; } body.premium-theme.theme-7 #header-container #header #header-item-search form button .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-7 #header-container #header #header-item-logo a { background-image: url("/img/logos/wp-logo-white.png"); } body.premium-theme.theme-7 #header-container #header #login-menu button, body.premium-theme.theme-7 #header-container #header #login-menu > a, body.premium-theme.theme-7 #header-container #header #profile-dropdown button, body.premium-theme.theme-7 #header-container #header #profile-dropdown > a, body.premium-theme.theme-7 #header-container #header > nav > ul > li button, body.premium-theme.theme-7 #header-container #header > nav > ul > li > a { color: rgb(255, 255, 255); } body.premium-theme.theme-7 #header-container #app-header { background-color: rgb(40, 181, 153); } body.premium-theme.theme-7 #header-container #app-header .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-7 #header-container #app-header .icon-container svg { stroke: rgb(255, 255, 255); } body.premium-theme.theme-7 #header-container #app-header .icon-container svg .nav-library { fill: rgb(255, 255, 255); } body.premium-theme.theme-7 #header-container #app-header .icon-container::after { background: rgb(255, 255, 255) !important; } body.premium-theme.theme-7 #app-container #home-index nav ul { border: 1px solid rgb(40, 181, 153); } body.premium-theme.theme-7 #app-container #home-index nav li:not(.active) a { color: rgb(40, 181, 153); } body.premium-theme.theme-7 #app-container #home-index nav li.active { background-color: rgb(40, 181, 153); } body.premium-theme.theme-8 #header-container #header { background-color: rgb(60, 60, 60); } body.premium-theme.theme-8 #header-container #header .button-group.dropdown { color: rgb(255, 255, 255); background-color: rgb(60, 60, 60); border-color: transparent; } body.premium-theme.theme-8 #header-container #header .button-group.dropdown:hover { color: rgb(255, 255, 255); background-color: rgb(47, 47, 47); border-color: rgb(47, 47, 47); } body.premium-theme.theme-8 #header-container #header .button-group.dropdown.active, body.premium-theme.theme-8 #header-container #header .button-group.dropdown:active { color: rgb(255, 255, 255); background-color: rgb(35, 35, 35); border-color: rgb(34, 34, 34); } body.premium-theme.theme-8 #header-container #header .button-group.dropdown.active .fa, body.premium-theme.theme-8 #header-container #header .button-group.dropdown:active .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-8 #header-container #header .button-group.dropdown:focus { color: rgb(255, 255, 255); background-color: rgb(60, 60, 60); border-color: transparent; } .open > .dropdown-toggle body.premium-theme.theme-8 #header-container #header .button-group.dropdown, body.premium-theme.theme-8 #header-container #header .button-group.dropdown.active, body.premium-theme.theme-8 #header-container #header .button-group.dropdown:active { background-image: none; } body.premium-theme.theme-8 #header-container #header .button-group.dropdown.disabled, body.premium-theme.theme-8 #header-container #header .button-group.dropdown.disabled.active, body.premium-theme.theme-8 #header-container #header .button-group.dropdown.disabled:active, body.premium-theme.theme-8 #header-container #header .button-group.dropdown.disabled:hover, body.premium-theme.theme-8 #header-container #header .button-group.dropdown[disabled], body.premium-theme.theme-8 #header-container #header .button-group.dropdown[disabled].active, body.premium-theme.theme-8 #header-container #header .button-group.dropdown[disabled]:active, body.premium-theme.theme-8 #header-container #header .button-group.dropdown[disabled]:hover, fieldset[disabled] body.premium-theme.theme-8 #header-container #header .button-group.dropdown, fieldset[disabled] body.premium-theme.theme-8 #header-container #header .button-group.dropdown.active, fieldset[disabled] body.premium-theme.theme-8 #header-container #header .button-group.dropdown:active, fieldset[disabled] body.premium-theme.theme-8 #header-container #header .button-group.dropdown:hover { background-color: rgb(86, 86, 86); border-color: rgb(86, 86, 86); } body.premium-theme.theme-8 #header-container #header #header-item-search form input { box-shadow: rgb(111, 111, 111) 0px 1px 1px inset; } body.premium-theme.theme-8 #header-container #header #header-item-search form button .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-8 #header-container #header #header-item-logo a { background-image: url("/img/logos/wp-logo-white.png"); } body.premium-theme.theme-8 #header-container #header #login-menu button, body.premium-theme.theme-8 #header-container #header #login-menu > a, body.premium-theme.theme-8 #header-container #header #profile-dropdown button, body.premium-theme.theme-8 #header-container #header #profile-dropdown > a, body.premium-theme.theme-8 #header-container #header > nav > ul > li button, body.premium-theme.theme-8 #header-container #header > nav > ul > li > a { color: rgb(255, 255, 255); } body.premium-theme.theme-8 #header-container #app-header { background-color: rgb(60, 60, 60); } body.premium-theme.theme-8 #header-container #app-header .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-8 #header-container #app-header .icon-container svg { stroke: rgb(255, 255, 255); } body.premium-theme.theme-8 #header-container #app-header .icon-container svg .nav-library { fill: rgb(255, 255, 255); } body.premium-theme.theme-8 #header-container #app-header .icon-container::after { background: rgb(255, 255, 255) !important; } body.premium-theme.theme-8 #app-container #home-index nav ul { border: 1px solid rgb(60, 60, 60); } body.premium-theme.theme-8 #app-container #home-index nav li:not(.active) a { color: rgb(60, 60, 60); } body.premium-theme.theme-8 #app-container #home-index nav li.active { background-color: rgb(60, 60, 60); } body.premium-theme.theme-9 #header-container #header { background-color: rgb(240, 101, 34); } body.premium-theme.theme-9 #header-container #header .button-group.dropdown { color: rgb(255, 255, 255); background-color: rgb(240, 101, 34); border-color: transparent; } body.premium-theme.theme-9 #header-container #header .button-group.dropdown:hover { color: rgb(255, 255, 255); background-color: rgb(233, 86, 16); border-color: rgb(233, 86, 16); } body.premium-theme.theme-9 #header-container #header .button-group.dropdown.active, body.premium-theme.theme-9 #header-container #header .button-group.dropdown:active { color: rgb(255, 255, 255); background-color: rgb(209, 77, 14); border-color: rgb(215, 76, 9); } body.premium-theme.theme-9 #header-container #header .button-group.dropdown.active .fa, body.premium-theme.theme-9 #header-container #header .button-group.dropdown:active .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-9 #header-container #header .button-group.dropdown:focus { color: rgb(255, 255, 255); background-color: rgb(240, 101, 34); border-color: transparent; } .open > .dropdown-toggle body.premium-theme.theme-9 #header-container #header .button-group.dropdown, body.premium-theme.theme-9 #header-container #header .button-group.dropdown.active, body.premium-theme.theme-9 #header-container #header .button-group.dropdown:active { background-image: none; } body.premium-theme.theme-9 #header-container #header .button-group.dropdown.disabled, body.premium-theme.theme-9 #header-container #header .button-group.dropdown.disabled.active, body.premium-theme.theme-9 #header-container #header .button-group.dropdown.disabled:active, body.premium-theme.theme-9 #header-container #header .button-group.dropdown.disabled:hover, body.premium-theme.theme-9 #header-container #header .button-group.dropdown[disabled], body.premium-theme.theme-9 #header-container #header .button-group.dropdown[disabled].active, body.premium-theme.theme-9 #header-container #header .button-group.dropdown[disabled]:active, body.premium-theme.theme-9 #header-container #header .button-group.dropdown[disabled]:hover, fieldset[disabled] body.premium-theme.theme-9 #header-container #header .button-group.dropdown, fieldset[disabled] body.premium-theme.theme-9 #header-container #header .button-group.dropdown.active, fieldset[disabled] body.premium-theme.theme-9 #header-container #header .button-group.dropdown:active, fieldset[disabled] body.premium-theme.theme-9 #header-container #header .button-group.dropdown:hover { background-color: rgb(243, 134, 82); border-color: rgb(243, 134, 82); } body.premium-theme.theme-9 #header-container #header #header-item-search form input { box-shadow: rgb(111, 111, 111) 0px 1px 1px inset; } body.premium-theme.theme-9 #header-container #header #header-item-search form button .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-9 #header-container #header #header-item-logo a { background-image: url("/img/logos/wp-logo-white.png"); } body.premium-theme.theme-9 #header-container #header #login-menu button, body.premium-theme.theme-9 #header-container #header #login-menu > a, body.premium-theme.theme-9 #header-container #header #profile-dropdown button, body.premium-theme.theme-9 #header-container #header #profile-dropdown > a, body.premium-theme.theme-9 #header-container #header > nav > ul > li button, body.premium-theme.theme-9 #header-container #header > nav > ul > li > a { color: rgb(255, 255, 255); } body.premium-theme.theme-9 #header-container #app-header { background-color: rgb(240, 101, 34); } body.premium-theme.theme-9 #header-container #app-header .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-9 #header-container #app-header .icon-container svg { stroke: rgb(255, 255, 255); } body.premium-theme.theme-9 #header-container #app-header .icon-container svg .nav-library { fill: rgb(255, 255, 255); } body.premium-theme.theme-9 #header-container #app-header .icon-container::after { background: rgb(255, 255, 255) !important; } body.premium-theme.theme-9 #app-container #home-index nav ul { border: 1px solid rgb(240, 101, 34); } body.premium-theme.theme-9 #app-container #home-index nav li:not(.active) a { color: rgb(240, 101, 34); } body.premium-theme.theme-9 #app-container #home-index nav li.active { background-color: rgb(240, 101, 34); } body.premium-theme.theme-10 #header-container #header { background-color: rgb(166, 107, 145); } body.premium-theme.theme-10 #header-container #header .button-group.dropdown { color: rgb(255, 255, 255); background-color: rgb(166, 107, 145); border-color: transparent; } body.premium-theme.theme-10 #header-container #header .button-group.dropdown:hover { color: rgb(255, 255, 255); background-color: rgb(155, 93, 133); border-color: rgb(155, 93, 133); } body.premium-theme.theme-10 #header-container #header .button-group.dropdown.active, body.premium-theme.theme-10 #header-container #header .button-group.dropdown:active { color: rgb(255, 255, 255); background-color: rgb(139, 83, 119); border-color: rgb(140, 66, 120); } body.premium-theme.theme-10 #header-container #header .button-group.dropdown.active .fa, body.premium-theme.theme-10 #header-container #header .button-group.dropdown:active .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-10 #header-container #header .button-group.dropdown:focus { color: rgb(255, 255, 255); background-color: rgb(166, 107, 145); border-color: transparent; } .open > .dropdown-toggle body.premium-theme.theme-10 #header-container #header .button-group.dropdown, body.premium-theme.theme-10 #header-container #header .button-group.dropdown.active, body.premium-theme.theme-10 #header-container #header .button-group.dropdown:active { background-image: none; } body.premium-theme.theme-10 #header-container #header .button-group.dropdown.disabled, body.premium-theme.theme-10 #header-container #header .button-group.dropdown.disabled.active, body.premium-theme.theme-10 #header-container #header .button-group.dropdown.disabled:active, body.premium-theme.theme-10 #header-container #header .button-group.dropdown.disabled:hover, body.premium-theme.theme-10 #header-container #header .button-group.dropdown[disabled], body.premium-theme.theme-10 #header-container #header .button-group.dropdown[disabled].active, body.premium-theme.theme-10 #header-container #header .button-group.dropdown[disabled]:active, body.premium-theme.theme-10 #header-container #header .button-group.dropdown[disabled]:hover, fieldset[disabled] body.premium-theme.theme-10 #header-container #header .button-group.dropdown, fieldset[disabled] body.premium-theme.theme-10 #header-container #header .button-group.dropdown.active, fieldset[disabled] body.premium-theme.theme-10 #header-container #header .button-group.dropdown:active, fieldset[disabled] body.premium-theme.theme-10 #header-container #header .button-group.dropdown:hover { background-color: rgb(185, 139, 169); border-color: rgb(185, 139, 169); } body.premium-theme.theme-10 #header-container #header #header-item-search form input { box-shadow: rgb(111, 111, 111) 0px 1px 1px inset; } body.premium-theme.theme-10 #header-container #header #header-item-search form button .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-10 #header-container #header #header-item-logo a { background-image: url("/img/logos/wp-logo-white.png"); } body.premium-theme.theme-10 #header-container #header #login-menu button, body.premium-theme.theme-10 #header-container #header #login-menu > a, body.premium-theme.theme-10 #header-container #header #profile-dropdown button, body.premium-theme.theme-10 #header-container #header #profile-dropdown > a, body.premium-theme.theme-10 #header-container #header > nav > ul > li button, body.premium-theme.theme-10 #header-container #header > nav > ul > li > a { color: rgb(255, 255, 255); } body.premium-theme.theme-10 #header-container #app-header { background-color: rgb(166, 107, 145); } body.premium-theme.theme-10 #header-container #app-header .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-10 #header-container #app-header .icon-container svg { stroke: rgb(255, 255, 255); } body.premium-theme.theme-10 #header-container #app-header .icon-container svg .nav-library { fill: rgb(255, 255, 255); } body.premium-theme.theme-10 #header-container #app-header .icon-container::after { background: rgb(255, 255, 255) !important; } body.premium-theme.theme-10 #app-container #home-index nav ul { border: 1px solid rgb(166, 107, 145); } body.premium-theme.theme-10 #app-container #home-index nav li:not(.active) a { color: rgb(166, 107, 145); } body.premium-theme.theme-10 #app-container #home-index nav li.active { background-color: rgb(166, 107, 145); } body.premium-theme.theme-11 #header-container #header { background-color: rgb(1, 82, 114); } body.premium-theme.theme-11 #header-container #header .button-group.dropdown { color: rgb(255, 255, 255); background-color: rgb(1, 82, 114); border-color: transparent; } body.premium-theme.theme-11 #header-container #header .button-group.dropdown:hover { color: rgb(255, 255, 255); background-color: rgb(1, 64, 89); border-color: rgb(1, 64, 89); } body.premium-theme.theme-11 #header-container #header .button-group.dropdown.active, body.premium-theme.theme-11 #header-container #header .button-group.dropdown:active { color: rgb(255, 255, 255); background-color: rgb(1, 46, 63); border-color: rgb(0, 57, 89); } body.premium-theme.theme-11 #header-container #header .button-group.dropdown.active .fa, body.premium-theme.theme-11 #header-container #header .button-group.dropdown:active .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-11 #header-container #header .button-group.dropdown:focus { color: rgb(255, 255, 255); background-color: rgb(1, 82, 114); border-color: transparent; } .open > .dropdown-toggle body.premium-theme.theme-11 #header-container #header .button-group.dropdown, body.premium-theme.theme-11 #header-container #header .button-group.dropdown.active, body.premium-theme.theme-11 #header-container #header .button-group.dropdown:active { background-image: none; } body.premium-theme.theme-11 #header-container #header .button-group.dropdown.disabled, body.premium-theme.theme-11 #header-container #header .button-group.dropdown.disabled.active, body.premium-theme.theme-11 #header-container #header .button-group.dropdown.disabled:active, body.premium-theme.theme-11 #header-container #header .button-group.dropdown.disabled:hover, body.premium-theme.theme-11 #header-container #header .button-group.dropdown[disabled], body.premium-theme.theme-11 #header-container #header .button-group.dropdown[disabled].active, body.premium-theme.theme-11 #header-container #header .button-group.dropdown[disabled]:active, body.premium-theme.theme-11 #header-container #header .button-group.dropdown[disabled]:hover, fieldset[disabled] body.premium-theme.theme-11 #header-container #header .button-group.dropdown, fieldset[disabled] body.premium-theme.theme-11 #header-container #header .button-group.dropdown.active, fieldset[disabled] body.premium-theme.theme-11 #header-container #header .button-group.dropdown:active, fieldset[disabled] body.premium-theme.theme-11 #header-container #header .button-group.dropdown:hover { background-color: rgb(1, 118, 165); border-color: rgb(1, 118, 165); } body.premium-theme.theme-11 #header-container #header #header-item-search form input { box-shadow: rgb(111, 111, 111) 0px 1px 1px inset; } body.premium-theme.theme-11 #header-container #header #header-item-search form button .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-11 #header-container #header #header-item-logo a { background-image: url("/img/logos/wp-logo-white.png"); } body.premium-theme.theme-11 #header-container #header #login-menu button, body.premium-theme.theme-11 #header-container #header #login-menu > a, body.premium-theme.theme-11 #header-container #header #profile-dropdown button, body.premium-theme.theme-11 #header-container #header #profile-dropdown > a, body.premium-theme.theme-11 #header-container #header > nav > ul > li button, body.premium-theme.theme-11 #header-container #header > nav > ul > li > a { color: rgb(255, 255, 255); } body.premium-theme.theme-11 #header-container #app-header { background-color: rgb(1, 82, 114); } body.premium-theme.theme-11 #header-container #app-header .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-11 #header-container #app-header .icon-container svg { stroke: rgb(255, 255, 255); } body.premium-theme.theme-11 #header-container #app-header .icon-container svg .nav-library { fill: rgb(255, 255, 255); } body.premium-theme.theme-11 #header-container #app-header .icon-container::after { background: rgb(255, 255, 255) !important; } body.premium-theme.theme-11 #app-container #home-index nav ul { border: 1px solid rgb(1, 82, 114); } body.premium-theme.theme-11 #app-container #home-index nav li:not(.active) a { color: rgb(1, 82, 114); } body.premium-theme.theme-11 #app-container #home-index nav li.active { background-color: rgb(1, 82, 114); } body.premium-theme.theme-12 #header-container #header { background-color: rgb(44, 62, 80); } body.premium-theme.theme-12 #header-container #header .button-group.dropdown { color: rgb(255, 255, 255); background-color: rgb(44, 62, 80); border-color: transparent; } body.premium-theme.theme-12 #header-container #header .button-group.dropdown:hover { color: rgb(255, 255, 255); background-color: rgb(35, 49, 64); border-color: rgb(35, 49, 64); } body.premium-theme.theme-12 #header-container #header .button-group.dropdown.active, body.premium-theme.theme-12 #header-container #header .button-group.dropdown:active { color: rgb(255, 255, 255); background-color: rgb(26, 36, 47); border-color: rgb(19, 37, 55); } body.premium-theme.theme-12 #header-container #header .button-group.dropdown.active .fa, body.premium-theme.theme-12 #header-container #header .button-group.dropdown:active .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-12 #header-container #header .button-group.dropdown:focus { color: rgb(255, 255, 255); background-color: rgb(44, 62, 80); border-color: transparent; } .open > .dropdown-toggle body.premium-theme.theme-12 #header-container #header .button-group.dropdown, body.premium-theme.theme-12 #header-container #header .button-group.dropdown.active, body.premium-theme.theme-12 #header-container #header .button-group.dropdown:active { background-image: none; } body.premium-theme.theme-12 #header-container #header .button-group.dropdown.disabled, body.premium-theme.theme-12 #header-container #header .button-group.dropdown.disabled.active, body.premium-theme.theme-12 #header-container #header .button-group.dropdown.disabled:active, body.premium-theme.theme-12 #header-container #header .button-group.dropdown.disabled:hover, body.premium-theme.theme-12 #header-container #header .button-group.dropdown[disabled], body.premium-theme.theme-12 #header-container #header .button-group.dropdown[disabled].active, body.premium-theme.theme-12 #header-container #header .button-group.dropdown[disabled]:active, body.premium-theme.theme-12 #header-container #header .button-group.dropdown[disabled]:hover, fieldset[disabled] body.premium-theme.theme-12 #header-container #header .button-group.dropdown, fieldset[disabled] body.premium-theme.theme-12 #header-container #header .button-group.dropdown.active, fieldset[disabled] body.premium-theme.theme-12 #header-container #header .button-group.dropdown:active, fieldset[disabled] body.premium-theme.theme-12 #header-container #header .button-group.dropdown:hover { background-color: rgb(62, 87, 113); border-color: rgb(62, 87, 113); } body.premium-theme.theme-12 #header-container #header #header-item-search form input { box-shadow: rgb(111, 111, 111) 0px 1px 1px inset; } body.premium-theme.theme-12 #header-container #header #header-item-search form button .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-12 #header-container #header #header-item-logo a { background-image: url("/img/logos/wp-logo-white.png"); } body.premium-theme.theme-12 #header-container #header #login-menu button, body.premium-theme.theme-12 #header-container #header #login-menu > a, body.premium-theme.theme-12 #header-container #header #profile-dropdown button, body.premium-theme.theme-12 #header-container #header #profile-dropdown > a, body.premium-theme.theme-12 #header-container #header > nav > ul > li button, body.premium-theme.theme-12 #header-container #header > nav > ul > li > a { color: rgb(255, 255, 255); } body.premium-theme.theme-12 #header-container #app-header { background-color: rgb(44, 62, 80); } body.premium-theme.theme-12 #header-container #app-header .fa { color: rgb(255, 255, 255); } body.premium-theme.theme-12 #header-container #app-header .icon-container svg { stroke: rgb(255, 255, 255); } body.premium-theme.theme-12 #header-container #app-header .icon-container svg .nav-library { fill: rgb(255, 255, 255); } body.premium-theme.theme-12 #header-container #app-header .icon-container::after { background: rgb(255, 255, 255) !important; } body.premium-theme.theme-12 #app-container #home-index nav ul { border: 1px solid rgb(44, 62, 80); } body.premium-theme.theme-12 #app-container #home-index nav li:not(.active) a { color: rgb(44, 62, 80); } body.premium-theme.theme-12 #app-container #home-index nav li.active { background-color: rgb(44, 62, 80); } html { font-family: sans-serif; text-size-adjust: 100%; } body { margin: 0px; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0px; } [hidden], template { display: none; } a { background: 0px 0px; } a:active, a:hover { outline: 0px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0px; } mark { background: rgb(255, 255, 0); color: rgb(0, 0, 0); } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0px; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0px; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; } fieldset { border: 1px solid silver; margin: 0px 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0px; padding: 0px; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0px; } td, th { padding: 0px; } @media print { * { text-shadow: none !important; color: rgb(0, 0, 0) !important; background: 0px 0px !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]::after { content: " (" attr(href) ")"; } abbr[title]::after { content: " (" attr(title) ")"; } a[href^="#"]::after, a[href^="javascript:"]::after { content: ""; } blockquote, pre { border: 1px solid rgb(153, 153, 153); break-inside: avoid; } thead { display: table-header-group; } img, tr { break-inside: avoid; } img { max-width: 100% !important; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { break-after: avoid; } select { background: rgb(255, 255, 255) !important; } .navbar { display: none; } .table td, .table th { background-color: rgb(255, 255, 255) !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: rgb(0, 0, 0) !important; } .label { border: 1px solid rgb(0, 0, 0); } .table { border-collapse: collapse !important; } .table-bordered td, .table-bordered th { border: 1px solid rgb(221, 221, 221) !important; } } * { box-sizing: border-box; } ::after, ::before { box-sizing: border-box; } body, html { height: 100%; } html { font-size: 10px; -webkit-tap-highlight-color: transparent; } body { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; color: rgb(111, 111, 111); background-color: rgb(255, 255, 255); -webkit-font-smoothing: antialiased; } #app-container { min-height: 100%; } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; -webkit-font-smoothing: antialiased; } .js-app-off button:not(.enable), .js-app-off input:not(.enable) { cursor: not-allowed; pointer-events: none; opacity: 0.65; box-shadow: none; } a { text-decoration: none; } a:hover { text-decoration: underline; } a.alt-link { color: rgb(111, 111, 111); } a.alt-link:focus, a.alt-link:hover { color: rgb(111, 111, 111); } a:not([class*="button__"]):not([class*="btn"]):not([class*="learn-more-link"]):not([class*="watty-regulation-link"]):not([class*="wattys-tag"]) { color: rgb(34, 34, 34); } a[class*="btn"]:hover, a[class*="button__"]:hover { text-decoration: none; } figure { margin: 0px; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 5px; } .img-circle { border-radius: 50%; } hr { margin-top: 12px; margin-bottom: 12px; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(238, 238, 238); } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0px; overflow: visible; clip: auto; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; color: inherit; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 18px; color: rgb(111, 111, 111); } .h1, .h2, .h3, h1, h2, h3 { margin-top: 24px; margin-bottom: 12px; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 66.67%; } .h4, .h5, .h6, h4, h5, h6 { margin-top: 12px; margin-bottom: 12px; } .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 75%; } .h1, h1 { font-size: 30px; font-weight: 700; line-height: 30px; } .h2, h2 { font-size: 24px; font-weight: 400; line-height: 24px; } .h3, h3 { font-size: 21px; font-weight: 400; line-height: 24px; } .h4, h4 { font-size: 18px; font-weight: 700; line-height: 18px; } .h5, h5 { font-size: 16px; font-weight: 400; line-height: 18px; } .h6, h6 { font-size: 14px; font-weight: 700; line-height: 18px; } p { margin: 0px 0px 12px; } .lead { margin-bottom: 24px; font-size: 18px; font-weight: 400; line-height: 24px; } @media (min-width: 768px) { .lead { font-size: 24px; } } .small, small { font-size: 14px; line-height: 18px; } .x-small { font-size: 13px; line-height: 18px; } cite { font-style: normal; } .mark, mark { background-color: rgb(252, 248, 227); padding: 0.2em; } .time, time { font-size: 14px; color: rgb(111, 111, 111); } .italic { font-style: italic; } .bold, .strong { font-weight: 700; } .mediumbold { font-weight: 600; } .light { font-weight: 100; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .tracked-tight { letter-spacing: -0.03em; } .tracked-loose { letter-spacing: 0.03em; } .text-muted { color: rgb(111, 111, 111); } .text-primary { color: rgb(255, 97, 34); } a.text-primary:hover { color: rgb(238, 68, 0); } .text-success { color: rgb(60, 118, 61); } a.text-success:hover { color: rgb(43, 84, 44); } .text-info { color: rgb(49, 112, 143); } a.text-info:hover { color: rgb(36, 82, 105); } .text-warning { color: rgb(138, 109, 59); } a.text-warning:hover { color: rgb(102, 81, 44); } .text-danger { color: rgb(169, 68, 66); } a.text-danger:hover { color: rgb(132, 53, 52); } .bg-primary { color: rgb(255, 255, 255); background-color: rgb(255, 97, 34); } a.bg-primary:hover { background-color: rgb(238, 68, 0); } .bg-success { background-color: rgb(223, 240, 216); } a.bg-success:hover { background-color: rgb(193, 226, 179); } .bg-info { background-color: rgb(217, 237, 247); } a.bg-info:hover { background-color: rgb(175, 217, 238); } .bg-warning { background-color: rgb(252, 248, 227); } a.bg-warning:hover { background-color: rgb(247, 236, 181); } .bg-danger { background-color: rgb(242, 222, 222); } a.bg-danger:hover { background-color: rgb(228, 185, 185); } .page-header { padding-bottom: 11px; margin: 48px 0px 24px; border-bottom: 1px solid rgb(238, 238, 238); } ol, ul { margin-top: 0px; margin-bottom: 12px; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; } .list-unstyled { padding-left: 0px; list-style: none; } .list-inline { padding-left: 0px; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0px; margin-bottom: 24px; } dd, dt { line-height: 24px; } dt { font-weight: 700; } dd { margin-left: 0px; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted rgb(111, 111, 111); } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 12px 24px; margin: 0px 0px 24px; font-size: 20px; border-left: 5px solid rgb(238, 238, 238); } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0px; } blockquote .small, blockquote footer, blockquote small { display: block; line-height: 18px; color: rgb(111, 111, 111); } blockquote .small::before, blockquote footer::before, blockquote small::before { content: "— "; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0px; border-right: 5px solid rgb(238, 238, 238); border-left: 0px; text-align: right; } .blockquote-reverse .small::before, .blockquote-reverse footer::before, .blockquote-reverse small::before, blockquote.pull-right .small::before, blockquote.pull-right footer::before, blockquote.pull-right small::before { content: ""; } .blockquote-reverse .small::after, .blockquote-reverse footer::after, .blockquote-reverse small::after, blockquote.pull-right .small::after, blockquote.pull-right footer::after, blockquote.pull-right small::after { content: " —"; } blockquote::after, blockquote::before { content: ""; } address { margin-bottom: 24px; font-style: normal; line-height: 24px; } pre { margin: 12px 0px 21px; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 21px; color: rgb(111, 111, 111); white-space: pre-wrap; overflow-wrap: break-word; } pre iframe, pre img { max-width: 100%; } .container { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } @media (min-width: 768px) { .container { width: 740px; } } @media (min-width: 992px) { .container { width: 960px; } } @media (min-width: 1400px) { .container { width: 1160px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } .row { margin-left: -10px; margin-right: -10px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.6667%; } .col-xs-10 { width: 83.3333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.6667%; } .col-xs-7 { width: 58.3333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.6667%; } .col-xs-4 { width: 33.3333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.6667%; } .col-xs-1 { width: 8.33333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.6667%; } .col-xs-pull-10 { right: 83.3333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.6667%; } .col-xs-pull-7 { right: 58.3333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.6667%; } .col-xs-pull-4 { right: 33.3333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.6667%; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.6667%; } .col-xs-push-10 { left: 83.3333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.6667%; } .col-xs-push-7 { left: 58.3333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.6667%; } .col-xs-push-4 { left: 33.3333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.6667%; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.6667%; } .col-xs-offset-10 { margin-left: 83.3333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.6667%; } .col-xs-offset-7 { margin-left: 58.3333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.6667%; } .col-xs-offset-4 { margin-left: 33.3333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.6667%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-0 { margin-left: 0px; } @media (min-width: 768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.6667%; } .col-sm-10 { width: 83.3333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.6667%; } .col-sm-7 { width: 58.3333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.6667%; } .col-sm-4 { width: 33.3333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.6667%; } .col-sm-1 { width: 8.33333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.6667%; } .col-sm-pull-10 { right: 83.3333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.6667%; } .col-sm-pull-7 { right: 58.3333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.6667%; } .col-sm-pull-4 { right: 33.3333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.6667%; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.6667%; } .col-sm-push-10 { left: 83.3333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.6667%; } .col-sm-push-7 { left: 58.3333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.6667%; } .col-sm-push-4 { left: 33.3333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.6667%; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.6667%; } .col-sm-offset-10 { margin-left: 83.3333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.6667%; } .col-sm-offset-7 { margin-left: 58.3333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.6667%; } .col-sm-offset-4 { margin-left: 33.3333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.6667%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-0 { margin-left: 0px; } } @media (min-width: 992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.6667%; } .col-md-10 { width: 83.3333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.6667%; } .col-md-7 { width: 58.3333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.6667%; } .col-md-4 { width: 33.3333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.6667%; } .col-md-1 { width: 8.33333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.6667%; } .col-md-pull-10 { right: 83.3333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.6667%; } .col-md-pull-7 { right: 58.3333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.6667%; } .col-md-pull-4 { right: 33.3333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.6667%; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.6667%; } .col-md-push-10 { left: 83.3333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.6667%; } .col-md-push-7 { left: 58.3333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.6667%; } .col-md-push-4 { left: 33.3333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.6667%; } .col-md-push-1 { left: 8.33333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.6667%; } .col-md-offset-10 { margin-left: 83.3333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.6667%; } .col-md-offset-7 { margin-left: 58.3333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.6667%; } .col-md-offset-4 { margin-left: 33.3333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.6667%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-0 { margin-left: 0px; } } @media (min-width: 1400px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.6667%; } .col-lg-10 { width: 83.3333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.6667%; } .col-lg-7 { width: 58.3333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.6667%; } .col-lg-4 { width: 33.3333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.6667%; } .col-lg-1 { width: 8.33333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.6667%; } .col-lg-pull-10 { right: 83.3333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.6667%; } .col-lg-pull-7 { right: 58.3333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.6667%; } .col-lg-pull-4 { right: 33.3333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.6667%; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.6667%; } .col-lg-push-10 { left: 83.3333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.6667%; } .col-lg-push-7 { left: 58.3333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.6667%; } .col-lg-push-4 { left: 33.3333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.6667%; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.6667%; } .col-lg-offset-10 { margin-left: 83.3333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.6667%; } .col-lg-offset-7 { margin-left: 58.3333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.6667%; } .col-lg-offset-4 { margin-left: 33.3333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.6667%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-0 { margin-left: 0px; } } .col-centered { display: inline-block; float: none; margin-right: -4px; } fieldset { padding: 0px; margin: 0px; border: 0px; min-width: 0px; } legend { display: block; width: 100%; padding: 0px; margin-bottom: 24px; font-size: 24px; line-height: inherit; color: rgb(34, 34, 34); border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } input[type="search"] { box-sizing: border-box; } input[type="checkbox"], input[type="radio"] { margin: 6px 0px 0px; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } output { display: block; padding-top: 7px; font-size: 16px; line-height: 24px; color: rgb(111, 111, 111); } .form-control { display: block; width: 100%; height: 36px; padding: 6px 15px; font-size: 16px; line-height: 24px; color: rgb(111, 111, 111); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(238, 238, 238); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; } .form-control:focus { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; } .form-control::-webkit-input-placeholder { color: rgb(111, 111, 111); } .form-control input::-webkit-input-placeholder { color: rgb(111, 111, 111); font-size: 16px; transition: color 133ms ease 0s; } .form-control:focus::-webkit-input-placeholder { color: rgb(238, 238, 238); } .form-control:focus input::-webkit-input-placeholder { color: rgb(238, 238, 238); font-size: 16px; transition: color 133ms ease 0s; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: rgb(238, 238, 238); opacity: 1; } textarea.form-control { height: auto; } input[type="search"] { appearance: none; } input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"] { line-height: 36px; } input[type="date"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, input[type="time"].input-sm { line-height: 24px; } input[type="date"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, input[type="time"].input-lg { line-height: 42px; } .form-group { margin-bottom: 15px; } .checkbox, .radio { position: relative; display: block; min-height: 24px; margin-top: 12px; margin-bottom: 12px; } .checkbox label, .radio label { padding-left: 20px; margin-bottom: 0px; font-weight: 400; cursor: pointer; } .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] { position: absolute; margin-left: -20px; } .checkbox + .checkbox, .radio + .radio { margin-top: -5px; } .checkbox-inline, .radio-inline { display: inline-block; padding-left: 20px; margin-bottom: 0px; vertical-align: middle; font-weight: 400; cursor: pointer; } .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin-top: 0px; margin-left: 10px; } fieldset[disabled] input[type="checkbox"], fieldset[disabled] input[type="radio"], input[type="checkbox"].disabled, input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="radio"][disabled] { cursor: not-allowed; } .checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline { cursor: not-allowed; } .checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0px; padding-right: 0px; } .form-horizontal .form-group-sm .form-control, .input-sm { height: 24px; padding: 3px; font-size: 14px; line-height: 18px; border-radius: 2px; } select.input-sm { height: 24px; line-height: 24px; } select[multiple].input-sm, textarea.input-sm { height: auto; } .form-horizontal .form-group-lg .form-control, .input-lg { height: 42px; padding: 12px; font-size: 18px; line-height: 30px; border-radius: 5px; } select.input-lg { height: 42px; line-height: 42px; } select[multiple].input-lg, textarea.input-lg { height: auto; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 45px; } .has-feedback .alert { display: none; } .has-feedback .field-container { position: relative; } .has-feedback .field-valid-check { position: absolute; top: 14px; right: 12px; } .has-feedback.valid .validation.on-valid { opacity: 1; } .has-feedback.valid .form-control:focus { border-color: rgb(126, 187, 107); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(126, 187, 107, 0.6) 0px 0px 8px; } .has-feedback.invalid .validation.on-invalid { opacity: 1; } .has-feedback.invalid .alert { display: block; } .has-feedback.invalid .form-control:focus { border-color: rgb(238, 158, 139); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(238, 158, 139, 0.6) 0px 0px 8px; } .has-feedback.warning .validation.on-warning { opacity: 1; } .has-feedback.warning .alert { display: block; } .form-control-feedback { position: absolute; top: 29px; right: 0px; z-index: 2; display: block; width: 36px; height: 12px; line-height: 12px; margin: 12px 0px; text-align: center; font-size: 18px; } .form-control-feedback.interact { transition: all 133ms ease-in 0s; opacity: 0.5; z-index: 3; } .form-control-feedback.interact:hover { cursor: pointer; } .form-control-feedback.interact.active { opacity: 1; } .form-control-feedback.validation { transition: opacity 0.2s ease-in 0s; opacity: 0; } .input-lg ~ .form-control-feedback { width: 42px; height: 18px; line-height: 18px; font-size: 21px; } .input-sm ~ .form-control-feedback { width: 24px; height: 12px; line-height: 12px; margin: 6px 0px; font-size: 18px; } .has-feedback.invalid .interact, .has-feedback.valid .interact, .has-feedback.warning .interact { right: 36px; border-right: 1px solid rgb(238, 238, 238); } .has-feedback.invalid .input-lg ~ .interact, .has-feedback.valid .input-lg ~ .interact, .has-feedback.warning .input-lg ~ .interact { right: 42px; } .has-feedback.invalid .input-sm ~ .interact, .has-feedback.valid .input-sm ~ .interact, .has-feedback.warning .input-sm ~ .interact { right: 24px; } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline { color: rgb(60, 118, 61); } .has-success .form-control { border-color: rgb(60, 118, 61); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; } .has-success .form-control:focus { border-color: rgb(43, 84, 44); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(103, 177, 104) 0px 0px 6px; } .has-success .input-group-addon { color: rgb(60, 118, 61); border-color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); } .has-success .form-control-feedback { color: rgb(60, 118, 61); } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline { color: rgb(138, 109, 59); } .has-warning .form-control { border-color: rgb(138, 109, 59); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; } .has-warning .form-control:focus { border-color: rgb(102, 81, 44); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(192, 161, 107) 0px 0px 6px; } .has-warning .input-group-addon { color: rgb(138, 109, 59); border-color: rgb(138, 109, 59); background-color: rgb(252, 248, 227); } .has-warning .form-control-feedback { color: rgb(138, 109, 59); } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline { color: rgb(169, 68, 66); } .has-error .form-control { border-color: rgb(169, 68, 66); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; } .has-error .form-control:focus { border-color: rgb(132, 53, 52); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(206, 132, 131) 0px 0px 6px; } .has-error .input-group-addon { color: rgb(169, 68, 66); border-color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); } .has-error .form-control-feedback { color: rgb(169, 68, 66); } .has-feedback label.sr-only ~ .form-control-feedback { top: 0px; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: rgb(175, 175, 175); } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0px; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0px; vertical-align: middle; } .form-inline .checkbox, .form-inline .radio { display: inline-block; margin-top: 0px; margin-bottom: 0px; vertical-align: middle; } .form-inline .checkbox label, .form-inline .radio label { padding-left: 0px; } .form-inline .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"] { position: relative; margin-left: 0px; } .form-inline .has-feedback .form-control-feedback { top: 0px; } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { margin-top: 0px; margin-bottom: 0px; padding-top: 7px; } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 31px; } .form-horizontal .form-group { margin-left: -10px; margin-right: -10px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0px; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { top: 0px; right: 10px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 361px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 4px; } } .btn { padding: 5px 15px; font-size: 15px; line-height: 18px; border-radius: 6px; margin: 3px 5px 0px; display: inline-block; font-weight: 600; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 2px solid transparent; white-space: nowrap; user-select: none; transition: all 0.1s ease-in-out 0s; position: relative; } .btn:focus, .btn:hover { text-decoration: none; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; box-shadow: none; } .btn .fa { position: relative; top: 1px; padding-right: 7px; line-height: 0.1; } .btn.btn-lg { padding: 5px 20px; font-size: 18px; line-height: 36px; border-radius: 6px; margin: 6px 10px; } .btn.btn-md { padding: 5px 18px; font-size: 16px; line-height: 30px; border-radius: 6px; margin: 3px 5px; } .btn.btn-sm { padding: 5px 15px; font-size: 15px; line-height: 18px; border-radius: 6px; margin: 3px 5px; } .btn-left-icon .fa, .btn-left-icon img, .btn-left-icon svg { margin-right: 8px; } .btn-right-icon .fa, .btn-right-icon img, .btn-right-icon svg { margin-left: 8px; } .btn-margin-right { margin-right: 8px; } .btn-margin-left { margin-left: 8px; } .btn-square { border-radius: 6px !important; } .btn-icon { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 42px; height: 42px; padding: 0px !important; border-radius: 50% !important; } .btn-icon.btn-md { width: 42px; height: 42px; } .btn-icon.btn-sm { width: 36px; height: 36px; } .btn-icon.btn-lg { width: 50px; height: 50px; } .btn-icon-only > .fa { padding-right: 0px; } .btn-link { color: rgb(230, 72, 9); font-weight: 400; cursor: pointer; border-radius: 0px; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: rgb(230, 72, 9); text-decoration: none; background-color: transparent; } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color: rgb(111, 111, 111); text-decoration: none; } .btn-primary { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 0px 24px; font-size: 16px; border-radius: 50vh; font-weight: 700; white-space: nowrap; user-select: none; transition: all 0.1s ease-in-out 0s; position: relative; border: none; color: rgb(255, 255, 255); background-color: rgb(34, 34, 34); height: 42px; } .btn-primary .fa, .btn-primary img, .btn-primary svg { color: rgb(255, 255, 255); } .btn-primary.btn-sm { height: 36px; font-size: 14px; } .btn-primary.btn-md { height: 42px; } .btn-primary.btn-lg { height: 50px; } .btn-primary:focus, .btn-primary:hover { color: rgb(255, 255, 255); text-decoration: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary { cursor: not-allowed; pointer-events: none; } .btn-primary:hover { background-color: rgb(85, 85, 85); } .btn-primary:disabled, fieldset[disabled] .btn-primary { background-color: rgb(85, 85, 85); } .btn-secondary { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 0px 24px; font-size: 16px; border-radius: 50vh; font-weight: 700; white-space: nowrap; user-select: none; transition: all 0.1s ease-in-out 0s; position: relative; border: none; color: rgb(34, 34, 34); background-color: rgb(238, 238, 238); height: 42px; } .btn-secondary .fa, .btn-secondary img, .btn-secondary svg { color: rgb(34, 34, 34); } .btn-secondary.btn-sm { height: 36px; font-size: 14px; } .btn-secondary.btn-md { height: 42px; } .btn-secondary.btn-lg { height: 50px; } .btn-secondary:focus, .btn-secondary:hover { color: rgb(34, 34, 34); text-decoration: none; } .btn-secondary.disabled, .btn-secondary[disabled], fieldset[disabled] .btn-secondary { cursor: not-allowed; pointer-events: none; } .btn-secondary:disabled, fieldset[disabled] .btn-secondary { color: rgba(34, 34, 34, 0.3); } .btn-secondary:disabled .fa, .btn-secondary:disabled img, .btn-secondary:disabled svg, fieldset[disabled] .btn-secondary .fa, fieldset[disabled] .btn-secondary img, fieldset[disabled] .btn-secondary svg { color: rgba(34, 34, 34, 0.3); } .btn-secondary:hover { background-color: rgb(225, 225, 225); border-color: rgb(225, 225, 225); } .btn-orange { color: rgb(255, 255, 255); background-color: rgb(255, 97, 34); border-color: transparent; } .btn-orange:hover { color: rgb(255, 255, 255); background-color: rgb(255, 79, 8); border-color: rgb(255, 79, 8); } .btn-orange.active, .btn-orange:active { color: rgb(255, 255, 255); background-color: rgb(238, 68, 0); border-color: rgb(255, 97, 34); } .btn-orange.active .fa, .btn-orange:active .fa { color: rgb(255, 255, 255); } .btn-orange:focus { color: rgb(255, 255, 255); background-color: rgb(255, 97, 34); border-color: transparent; } .btn-orange.active, .btn-orange:active, .open > .dropdown-toggle .btn-orange { background-image: none; } .btn-orange.disabled, .btn-orange.disabled.active, .btn-orange.disabled:active, .btn-orange.disabled:hover, .btn-orange[disabled], .btn-orange[disabled].active, .btn-orange[disabled]:active, .btn-orange[disabled]:hover, fieldset[disabled] .btn-orange, fieldset[disabled] .btn-orange.active, fieldset[disabled] .btn-orange:active, fieldset[disabled] .btn-orange:hover { background-color: rgb(255, 133, 85); border-color: rgb(255, 133, 85); } .btn-purple { color: rgb(255, 255, 255); background-color: rgb(59, 25, 169); border-color: transparent; } .btn-purple:hover { color: rgb(255, 255, 255); background-color: rgb(51, 22, 147); border-color: rgb(51, 22, 147); } .btn-purple.active, .btn-purple:active { color: rgb(255, 255, 255); background-color: rgb(43, 18, 125); border-color: rgb(59, 25, 169); } .btn-purple.active .fa, .btn-purple:active .fa { color: rgb(255, 255, 255); } .btn-purple:focus { color: rgb(255, 255, 255); background-color: rgb(59, 25, 169); border-color: transparent; } .btn-purple.active, .btn-purple:active, .open > .dropdown-toggle .btn-purple { background-image: none; } .btn-purple.disabled, .btn-purple.disabled.active, .btn-purple.disabled:active, .btn-purple.disabled:hover, .btn-purple[disabled], .btn-purple[disabled].active, .btn-purple[disabled]:active, .btn-purple[disabled]:hover, fieldset[disabled] .btn-purple, fieldset[disabled] .btn-purple.active, fieldset[disabled] .btn-purple:active, fieldset[disabled] .btn-purple:hover { background-color: rgb(75, 32, 213); border-color: rgb(75, 32, 213); } .btn-grey { color: rgb(34, 34, 34); background-color: rgb(238, 238, 238); border-color: rgb(238, 238, 238); } .btn-grey:hover { color: rgb(34, 34, 34); background-color: rgb(225, 225, 225); border-color: rgb(225, 225, 225); } .btn-grey.active, .btn-grey:active { color: rgb(255, 255, 255); background-color: rgb(213, 213, 213); border-color: rgb(238, 238, 238); } .btn-grey.active .fa, .btn-grey:active .fa { color: rgb(255, 255, 255); } .btn-grey:focus { color: rgb(34, 34, 34); background-color: rgb(238, 238, 238); border-color: rgb(238, 238, 238); } .btn-grey.active, .btn-grey:active, .open > .dropdown-toggle .btn-grey { background-image: none; } .btn-grey.disabled, .btn-grey.disabled.active, .btn-grey.disabled:active, .btn-grey.disabled:hover, .btn-grey[disabled], .btn-grey[disabled].active, .btn-grey[disabled]:active, .btn-grey[disabled]:hover, fieldset[disabled] .btn-grey, fieldset[disabled] .btn-grey.active, fieldset[disabled] .btn-grey:active, fieldset[disabled] .btn-grey:hover { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .btn-lightgrey { color: rgb(238, 238, 238); background-color: rgb(238, 238, 238); border-color: rgb(238, 238, 238); } .btn-lightgrey:hover { color: rgb(238, 238, 238); background-color: rgb(225, 225, 225); border-color: rgb(225, 225, 225); } .btn-lightgrey.active, .btn-lightgrey:active { color: rgb(255, 255, 255); background-color: rgb(213, 213, 213); border-color: rgb(238, 238, 238); } .btn-lightgrey.active .fa, .btn-lightgrey:active .fa { color: rgb(255, 255, 255); } .btn-lightgrey:focus { color: rgb(238, 238, 238); background-color: rgb(238, 238, 238); border-color: rgb(238, 238, 238); } .btn-lightgrey.active, .btn-lightgrey:active, .open > .dropdown-toggle .btn-lightgrey { background-image: none; } .btn-lightgrey.disabled, .btn-lightgrey.disabled.active, .btn-lightgrey.disabled:active, .btn-lightgrey.disabled:hover, .btn-lightgrey[disabled], .btn-lightgrey[disabled].active, .btn-lightgrey[disabled]:active, .btn-lightgrey[disabled]:hover, fieldset[disabled] .btn-lightgrey, fieldset[disabled] .btn-lightgrey.active, fieldset[disabled] .btn-lightgrey:active, fieldset[disabled] .btn-lightgrey:hover { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .btn-white { color: rgb(111, 111, 111); background-color: rgb(255, 255, 255); border-color: rgb(238, 238, 238); } .btn-white:hover { color: rgb(111, 111, 111); background-color: rgb(242, 242, 242); border-color: rgb(242, 242, 242); } .btn-white.active, .btn-white:active { color: rgb(255, 255, 255); background-color: rgb(230, 230, 230); border-color: rgb(111, 111, 111); } .btn-white.active .fa, .btn-white:active .fa { color: rgb(255, 255, 255); } .btn-white:focus { color: rgb(111, 111, 111); background-color: rgb(255, 255, 255); border-color: rgb(238, 238, 238); } .btn-white.active, .btn-white:active, .open > .dropdown-toggle .btn-white { background-image: none; } .btn-white.disabled, .btn-white.disabled.active, .btn-white.disabled:active, .btn-white.disabled:hover, .btn-white[disabled], .btn-white[disabled].active, .btn-white[disabled]:active, .btn-white[disabled]:hover, fieldset[disabled] .btn-white, fieldset[disabled] .btn-white.active, fieldset[disabled] .btn-white:active, fieldset[disabled] .btn-white:hover { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .btn-teal { color: rgb(255, 255, 255); background-color: rgb(0, 178, 178); border-color: transparent; } .btn-teal:hover { color: rgb(255, 255, 255); background-color: rgb(0, 152, 153); border-color: rgb(0, 152, 153); } .btn-teal.active, .btn-teal:active { color: rgb(255, 255, 255); background-color: rgb(0, 127, 127); border-color: rgb(0, 178, 178); } .btn-teal.active .fa, .btn-teal:active .fa { color: rgb(255, 255, 255); } .btn-teal:focus { color: rgb(255, 255, 255); background-color: rgb(0, 178, 178); border-color: transparent; } .btn-teal.active, .btn-teal:active, .open > .dropdown-toggle .btn-teal { background-image: none; } .btn-teal.disabled, .btn-teal.disabled.active, .btn-teal.disabled:active, .btn-teal.disabled:hover, .btn-teal[disabled], .btn-teal[disabled].active, .btn-teal[disabled]:active, .btn-teal[disabled]:hover, fieldset[disabled] .btn-teal, fieldset[disabled] .btn-teal.active, fieldset[disabled] .btn-teal:active, fieldset[disabled] .btn-teal:hover { background-color: rgb(0, 229, 229); border-color: rgb(0, 229, 229); } .btn-premium-teal { color: rgb(255, 255, 255); background-color: rgb(0, 178, 178); border-color: transparent; } .btn-premium-teal:hover { color: rgb(255, 255, 255); background-color: rgb(0, 152, 153); border-color: rgb(0, 152, 153); } .btn-premium-teal.active, .btn-premium-teal:active { color: rgb(255, 255, 255); background-color: rgb(0, 127, 127); border-color: rgb(0, 153, 153); } .btn-premium-teal.active .fa, .btn-premium-teal:active .fa { color: rgb(255, 255, 255); } .btn-premium-teal:focus { color: rgb(255, 255, 255); background-color: rgb(0, 178, 178); border-color: transparent; } .btn-premium-teal.active, .btn-premium-teal:active, .open > .dropdown-toggle .btn-premium-teal { background-image: none; } .btn-premium-teal.disabled, .btn-premium-teal.disabled.active, .btn-premium-teal.disabled:active, .btn-premium-teal.disabled:hover, .btn-premium-teal[disabled], .btn-premium-teal[disabled].active, .btn-premium-teal[disabled]:active, .btn-premium-teal[disabled]:hover, fieldset[disabled] .btn-premium-teal, fieldset[disabled] .btn-premium-teal.active, fieldset[disabled] .btn-premium-teal:active, fieldset[disabled] .btn-premium-teal:hover { background-color: rgb(0, 229, 229); border-color: rgb(0, 229, 229); } .btn-glass { color: rgb(255, 255, 255); background-color: rgb(34, 34, 34); border-color: rgb(255, 255, 255); } .btn-glass:hover { color: rgb(255, 255, 255); background-color: rgb(21, 21, 21); border-color: rgb(21, 21, 21); } .btn-glass.active, .btn-glass:active { color: rgb(111, 111, 111); background-color: rgb(8, 8, 8); border-color: rgb(255, 255, 255); } .btn-glass.active .fa, .btn-glass:active .fa { color: rgb(111, 111, 111); } .btn-glass:focus { color: rgb(255, 255, 255); background-color: rgb(34, 34, 34); border-color: rgb(255, 255, 255); } .btn-glass.active, .btn-glass:active, .open > .dropdown-toggle .btn-glass { background-image: none; } .btn-glass.disabled, .btn-glass.disabled.active, .btn-glass.disabled:active, .btn-glass.disabled:hover, .btn-glass[disabled], .btn-glass[disabled].active, .btn-glass[disabled]:active, .btn-glass[disabled]:hover, fieldset[disabled] .btn-glass, fieldset[disabled] .btn-glass.active, fieldset[disabled] .btn-glass:active, fieldset[disabled] .btn-glass:hover { background-color: rgb(60, 60, 60); border-color: rgb(60, 60, 60); } .btn-glass:hover { background-color: rgb(111, 111, 111); border-color: rgb(255, 255, 255); } .btn-glass.active, .btn-glass:active { background-color: rgb(255, 255, 255); } .btn-red { color: rgb(255, 255, 255); background-color: rgb(233, 74, 44); border-color: transparent; } .btn-red:hover { color: rgb(255, 255, 255); background-color: rgb(228, 56, 24); border-color: rgb(228, 56, 24); } .btn-red.active, .btn-red:active { color: rgb(255, 255, 255); background-color: rgb(205, 50, 21); border-color: rgb(233, 74, 44); } .btn-red.active .fa, .btn-red:active .fa { color: rgb(255, 255, 255); } .btn-red:focus { color: rgb(255, 255, 255); background-color: rgb(233, 74, 44); border-color: transparent; } .btn-red.active, .btn-red:active, .open > .dropdown-toggle .btn-red { background-image: none; } .btn-red.disabled, .btn-red.disabled.active, .btn-red.disabled:active, .btn-red.disabled:hover, .btn-red[disabled], .btn-red[disabled].active, .btn-red[disabled]:active, .btn-red[disabled]:hover, fieldset[disabled] .btn-red, fieldset[disabled] .btn-red.active, fieldset[disabled] .btn-red:active, fieldset[disabled] .btn-red:hover { background-color: rgb(238, 114, 90); border-color: rgb(238, 114, 90); } .btn-green { color: rgb(255, 255, 255); background-color: rgb(1, 176, 90); border-color: transparent; } .btn-green:hover { color: rgb(255, 255, 255); background-color: rgb(1, 151, 77); border-color: rgb(1, 151, 77); } .btn-green.active, .btn-green:active { color: rgb(255, 255, 255); background-color: rgb(1, 125, 64); border-color: rgb(1, 176, 90); } .btn-green.active .fa, .btn-green:active .fa { color: rgb(255, 255, 255); } .btn-green:focus { color: rgb(255, 255, 255); background-color: rgb(1, 176, 90); border-color: transparent; } .btn-green.active, .btn-green:active, .open > .dropdown-toggle .btn-green { background-image: none; } .btn-green.disabled, .btn-green.disabled.active, .btn-green.disabled:active, .btn-green.disabled:hover, .btn-green[disabled], .btn-green[disabled].active, .btn-green[disabled]:active, .btn-green[disabled]:hover, fieldset[disabled] .btn-green, fieldset[disabled] .btn-green.active, fieldset[disabled] .btn-green:active, fieldset[disabled] .btn-green:hover { background-color: rgb(1, 227, 116); border-color: rgb(1, 227, 116); } .btn-cta-black { color: rgb(255, 255, 255); background-color: rgb(34, 34, 34); border-color: transparent; } .btn-cta-black:hover { color: rgb(255, 255, 255); background-color: rgb(21, 21, 21); border-color: rgb(21, 21, 21); } .btn-cta-black.active, .btn-cta-black:active { color: rgb(255, 255, 255); background-color: rgb(8, 8, 8); border-color: rgb(34, 34, 34); } .btn-cta-black.active .fa, .btn-cta-black:active .fa { color: rgb(255, 255, 255); } .btn-cta-black:focus { color: rgb(255, 255, 255); background-color: rgb(34, 34, 34); border-color: transparent; } .btn-cta-black.active, .btn-cta-black:active, .open > .dropdown-toggle .btn-cta-black { background-image: none; } .btn-cta-black.disabled, .btn-cta-black.disabled.active, .btn-cta-black.disabled:active, .btn-cta-black.disabled:hover, .btn-cta-black[disabled], .btn-cta-black[disabled].active, .btn-cta-black[disabled]:active, .btn-cta-black[disabled]:hover, fieldset[disabled] .btn-cta-black, fieldset[disabled] .btn-cta-black.active, fieldset[disabled] .btn-cta-black:active, fieldset[disabled] .btn-cta-black:hover { background-color: rgb(60, 60, 60); border-color: rgb(60, 60, 60); } .btn-cta-grey { color: rgb(34, 34, 34); background-color: rgb(238, 238, 238); border-color: transparent; } .btn-cta-grey:hover { color: rgb(34, 34, 34); background-color: rgb(225, 225, 225); border-color: rgb(225, 225, 225); } .btn-cta-grey.active, .btn-cta-grey:active { color: rgb(34, 34, 34); background-color: rgb(213, 213, 213); border-color: rgb(238, 238, 238); } .btn-cta-grey.active .fa, .btn-cta-grey:active .fa { color: rgb(34, 34, 34); } .btn-cta-grey:focus { color: rgb(34, 34, 34); background-color: rgb(238, 238, 238); border-color: transparent; } .btn-cta-grey.active, .btn-cta-grey:active, .open > .dropdown-toggle .btn-cta-grey { background-image: none; } .btn-cta-grey.disabled, .btn-cta-grey.disabled.active, .btn-cta-grey.disabled:active, .btn-cta-grey.disabled:hover, .btn-cta-grey[disabled], .btn-cta-grey[disabled].active, .btn-cta-grey[disabled]:active, .btn-cta-grey[disabled]:hover, fieldset[disabled] .btn-cta-grey, fieldset[disabled] .btn-cta-grey.active, fieldset[disabled] .btn-cta-grey:active, fieldset[disabled] .btn-cta-grey:hover { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .btn-facebook, .btn-facebook-link { color: rgb(255, 255, 255); background-color: rgb(59, 89, 152); border-color: rgb(59, 89, 152); } .btn-facebook-link:hover, .btn-facebook:hover { color: rgb(255, 255, 255); background-color: rgb(52, 78, 134); border-color: rgb(52, 78, 134); } .btn-facebook-link.active, .btn-facebook-link:active, .btn-facebook.active, .btn-facebook:active { color: rgb(255, 255, 255); background-color: rgb(45, 67, 115); border-color: rgb(59, 89, 152); } .btn-facebook-link.active .fa, .btn-facebook-link:active .fa, .btn-facebook.active .fa, .btn-facebook:active .fa { color: rgb(255, 255, 255); } .btn-facebook-link:focus, .btn-facebook:focus { color: rgb(255, 255, 255); background-color: rgb(59, 89, 152); border-color: rgb(59, 89, 152); } .btn-facebook-link.active, .btn-facebook-link:active, .btn-facebook.active, .btn-facebook:active, .open > .dropdown-toggle .btn-facebook, .open > .dropdown-toggle .btn-facebook-link { background-image: none; } .btn-facebook-link.disabled, .btn-facebook-link.disabled.active, .btn-facebook-link.disabled:active, .btn-facebook-link.disabled:hover, .btn-facebook-link[disabled], .btn-facebook-link[disabled].active, .btn-facebook-link[disabled]:active, .btn-facebook-link[disabled]:hover, .btn-facebook.disabled, .btn-facebook.disabled.active, .btn-facebook.disabled:active, .btn-facebook.disabled:hover, .btn-facebook[disabled], .btn-facebook[disabled].active, .btn-facebook[disabled]:active, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook, fieldset[disabled] .btn-facebook-link, fieldset[disabled] .btn-facebook-link.active, fieldset[disabled] .btn-facebook-link:active, fieldset[disabled] .btn-facebook-link:hover, fieldset[disabled] .btn-facebook.active, fieldset[disabled] .btn-facebook:active, fieldset[disabled] .btn-facebook:hover { background-color: rgb(76, 112, 186); border-color: rgb(76, 112, 186); } .btn-block { display: block; width: 100%; padding-left: 0px; padding-right: 0px; } .btn-block + .btn-block { margin-top: 5px; } input[type="button"].btn-block, input[type="reset"].btn-block, input[type="submit"].btn-block { width: 100%; } .btn-no-background { color: rgb(238, 238, 238); border: none; background: 0px 0px; } .btn-no-background:active, .btn-no-background:focus, .btn-no-background:hover { color: rgb(255, 255, 255); border: none; background: 0px 0px; } .btn-no-background:disabled { color: rgb(238, 238, 238); border: none; background: 0px 0px; } .btn-no-style { border: none; background: inherit; padding: 0px; display: contents; } .btn-text { color: rgb(111, 111, 111); font-weight: 600; border: none; background: 0px 0px; padding: 0px; } .btn-text:hover { color: rgb(111, 111, 111); } .btn-text:active, .btn-text:focus { color: rgb(111, 111, 111); box-shadow: none; } .btn-text:disabled { color: rgb(111, 111, 111); } .btn-replies { border-right: none; border-left: none; border-image: initial; margin: 0px; border-top: 1px solid rgb(238, 238, 238); border-bottom: 1px solid rgb(238, 238, 238); border-radius: 0px; color: rgb(111, 111, 111); padding: 9px 0px; } .btn-left-align { margin-left: 0px; } .btn-right-align { margin-right: 0px; } .btn-load-more { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 0px 24px; font-size: 16px; border-radius: 50vh; font-weight: 700; white-space: nowrap; user-select: none; transition: all 0.1s ease-in-out 0s; position: relative; border: none; color: rgb(34, 34, 34); background-color: rgba(18, 18, 18, 0.12); height: 42px; } .btn-load-more .fa, .btn-load-more img, .btn-load-more svg { color: rgb(34, 34, 34); } .btn-load-more.btn-sm { height: 36px; font-size: 14px; } .btn-load-more.btn-md { height: 42px; } .btn-load-more.btn-lg { height: 50px; } .btn-load-more:focus, .btn-load-more:hover { color: rgb(34, 34, 34); text-decoration: none; } .btn-load-more.disabled, .btn-load-more[disabled], fieldset[disabled] .btn-load-more { cursor: not-allowed; pointer-events: none; } .btn-load-more:disabled, fieldset[disabled] .btn-load-more { color: rgba(18, 18, 18, 0.12); } .btn-load-more:hover { background-color: rgb(18, 18, 18); color: rgb(255, 255, 255); } .fade { opacity: 0; transition: opacity 0.15s linear 0s; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0px; overflow: hidden; transition: height 0.35s ease 0s; } .caret { display: inline-block; width: 0px; height: 0px; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown { position: relative; } .dropdown-toggle .fa { font-size: 16px; line-height: 0.1; position: relative; top: 3px; padding: 0px; } .dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: block; visibility: hidden; opacity: 0; float: left; min-width: 160px; padding: 0px; margin: 2px 0px 0px; list-style: none; font-size: 16px; text-align: left; background-color: rgb(255, 255, 255); border: 1px solid transparent; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 12px; background-clip: padding-box; transition: opacity 0.1s ease-in-out 0s; } .dropdown-menu.pull-right { right: 0px; left: auto; } .dropdown-menu .divider { height: 1px; margin: 11px 0px; overflow: hidden; background-color: rgb(229, 229, 229); } .dropdown-menu .btn-option, .dropdown-menu > li > a, .dropdown-menu > ul > li > a { display: block; height: 30px; padding: 3px 15px; clear: both; font-size: 14px; font-weight: 400; line-height: 24px; color: rgb(91, 91, 91); white-space: nowrap; transition: all 0.1s ease-in-out 0s; } .dropdown-menu .btn-option { background: 0px 0px; border: none; width: 100%; text-align: left; } .dropdown-menu .btn-option span { left: -6px; position: relative; top: 2px !important; } .dropdown-menu .btn-option:hover { color: rgb(34, 34, 34); background-color: rgb(238, 238, 238); } .dropdown-menu .btn-option:hover span { color: rgb(0, 127, 128); } .dropdown-menu.large ul { list-style-type: none; padding: 8px 12px; margin-bottom: 0px; } .dropdown-menu.large li { line-height: 21px; padding: 6px 0px; } .dropdown-menu.large li.divider { padding: 1px 0px 0px; } .dropdown-menu.large li.dropdown-header { padding: 6px 12px; } .dropdown-menu.large li a { height: auto; padding: 0px; color: rgb(34, 34, 34); font-size: 16px; line-height: 21px; } .dropdown-menu.items { padding: 0px; overflow: hidden; border-top-color: rgb(238, 238, 238); background: rgb(238, 238, 238); } .dropdown-menu.items ul { padding: 0px; margin-bottom: 0px; background: rgb(255, 255, 255); list-style-type: none; width: 100%; } .dropdown-menu.items li { font-size: 16px; padding: 6px 12px; line-height: 21px; background-color: rgb(255, 255, 255); transition: background 0.1s ease 0s; } .dropdown-menu.items li.dropdown-header { margin: 0px; font-weight: 600; background: rgb(238, 238, 238); font-size: 16px; border-top: 1px solid rgb(238, 238, 238); } .dropdown-menu.items li.dropdown-header:first-child { border: none; } .dropdown-menu.items .autocomplete-item-container { padding: 0px 10px; } .dropdown-menu.items .autocomplete-item-container .autocomplete-item { cursor: pointer; height: 42px; padding: 9px; } .dropdown-menu.items .autocomplete-item-container .autocomplete-item:not(:first-child) { border-top: 1px solid rgb(238, 238, 238); } .dropdown-menu.items .autocomplete-item-container .autocomplete-item.selected, .dropdown-menu.items .autocomplete-item-container .autocomplete-item:hover { color: rgb(0, 127, 128); background: rgb(234, 240, 244); } .dropdown-menu.items .autocomplete-item-container .autocomplete-item a { display: block; padding: 0px; } .dropdown-menu.items .autocomplete-item-container .autocomplete-item a:active, .dropdown-menu.items .autocomplete-item-container .autocomplete-item a:focus, .dropdown-menu.items .autocomplete-item-container .autocomplete-item a:hover { text-decoration: none; } .dropdown-menu.items .autocomplete-item-container .autocomplete-item a .term { font-size: 15px; color: rgb(111, 111, 111); padding-left: 10px; } .dropdown-menu.columns li { padding: 0px; border-right: 1px solid rgb(242, 242, 242); } .dropdown-menu.columns li a { position: relative; height: auto; font-size: 17px; line-height: 21px; padding: 6px 12px 6px 30px; } .dropdown-menu.columns li a img, .dropdown-menu.columns li a span { position: absolute; top: 8px; left: 8px; } .dropdown-menu.columns li.selected > a { font-weight: 700; } .dropdown-menu.table-of-contents { margin-left: -120px; background: 0px 0px; box-shadow: none; padding: 0px; overflow: visible; } .dropdown-menu.table-of-contents ul { list-style-type: none; padding: 5px 0px 0px; margin: 0px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 12px; overflow-y: scroll; max-height: 200px; background-clip: border-box; } .dropdown-menu.table-of-contents li { margin: 0px 9px; border-top: 1px solid rgb(238, 238, 238); } .dropdown-menu.table-of-contents li:first-child { border: none; } .dropdown-menu.table-of-contents li a { cursor: pointer; position: relative; height: auto; margin: 0px -9px; padding: 12px 41px 12px 15px; font-weight: 600; line-height: 18px; white-space: inherit; } .dropdown-menu.table-of-contents li a:hover { color: rgb(111, 111, 111); text-decoration: none; background-color: rgb(238, 238, 238); } .dropdown-menu.add-to-library { width: 240px; left: 50%; border-radius: 5px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 6px 0px; border: none; margin-left: -200px; background: rgb(255, 255, 255); padding: 0px; } .dropdown-menu.add-to-library ul { list-style-type: none; padding: 5px 0px 0px; margin: 0px; overflow-y: scroll; max-height: 200px; background-clip: border-box; } .dropdown-menu.add-to-library li { padding: 0px 9px; border-bottom: 1px solid rgb(238, 238, 238); } .dropdown-menu.add-to-library li a { cursor: pointer; position: relative; height: auto; margin: 0px -9px; padding: 6px 44px 6px 40px; font-weight: 600; line-height: 18px; white-space: inherit; } .dropdown-menu.add-to-library li a:hover { color: rgb(111, 111, 111); text-decoration: none; background-color: rgb(238, 238, 238); } .dropdown-menu.add-to-library li a .status { position: absolute; top: 6px; right: 12px; font-size: 9px; } .dropdown-menu.add-to-library li a .status .fa-check { top: 1px; font-size: 12px; } .dropdown-menu.add-to-library li a .fa-library { font-size: 15px; position: absolute; left: 15px; top: 8px !important; } .dropdown-menu.add-to-library li a .fa-reading-list { font-size: 20px; position: absolute; left: 12px; top: 6px !important; } .dropdown-menu.add-to-library .reading-list-name { display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dropdown-menu.add-to-library .fa { padding: 0px; top: 0px; } .dropdown-menu.add-to-library .inputs { padding: 10px 0px 10px 10px; position: relative; } .dropdown-menu.add-to-library .inputs input { border-radius: 5px; } .dropdown-menu.add-to-library .inputs .form-control { display: inline-block; vertical-align: middle; height: 28px; padding: 6px; width: 185px; font-size: 15px; } .dropdown-menu.add-to-library .inputs .error-feedback { display: none; } .dropdown-menu.add-to-library .inputs.has-error input::-webkit-input-placeholder { color: rgb(255, 109, 85); font-size: 12px; transition: color 133ms ease 0s; } .dropdown-menu.add-to-library .inputs.has-error .form-control { border-color: rgb(255, 109, 85); padding-left: 23px; } .dropdown-menu.add-to-library .inputs.has-error .error-feedback { display: inline-block; position: absolute; left: 17px; top: 18px !important; } .dropdown-menu.add-to-library .inputs .btn { padding: 5px 12px; border: none; margin: 0px; } .dropdown-menu.add-to-library ul.scrollable ~ .inputs { box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px 0px; } .dropdown-menu > li:not(:last-child) { border-bottom: 1px solid rgb(238, 238, 238); } .dropdown-menu > li a.list-item-no-style { padding: 0px; height: inherit; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { text-decoration: none; color: rgb(34, 34, 34); background-color: rgb(238, 238, 238); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; background-color: rgb(255, 97, 34); } .triangle { display: block; visibility: hidden; opacity: 0; position: absolute; z-index: 1001; top: 100%; left: 50%; margin-top: -7px; margin-left: -10px; width: 0px; height: 0px; border-style: solid; border-width: 0px 10px 10px; border-color: transparent transparent rgb(255, 255, 255); transition: opacity 0.1s ease-in-out 0s; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { color: rgb(111, 111, 111); } .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { text-decoration: none; background-color: transparent; background-image: none; cursor: not-allowed; } .open > .dropdown-menu, .open > .triangle { visibility: visible; opacity: 1; } .open > a { outline: 0px; } .dropdown-menu-right { left: auto; right: 0px; } .dropdown-menu-left { left: 0px; right: auto; } .dropdown-header { display: block; padding: 6px 12px; margin: 0px -12px; font-size: 14px; line-height: 24px; color: rgb(111, 111, 111); background: rgb(238, 238, 238); font-weight: 700; white-space: nowrap; } .dropdown-backdrop { position: fixed; inset: 0px; z-index: 990; } .pull-right > .dropdown-menu { right: 0px; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0px; border-bottom: 4px solid; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { left: auto; right: 0px; } .navbar-right .dropdown-menu-left { left: 0px; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; float: left; } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 2; } .btn-group-vertical > .btn:focus, .btn-group > .btn:focus { outline: 0px; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0px; } .btn-group > .btn:first-child { margin-left: 0px; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0px; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; } .btn-group.open .dropdown-toggle.btn-link { box-shadow: none; } .btn .caret { margin-left: 0px; } .btn-lg .caret { border-width: 5px 5px 0px; } .dropup .btn-lg .caret { border-width: 0px 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0px; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0px; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 3px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 3px; border-top-right-radius: 0px; border-top-left-radius: 0px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn > input[type="checkbox"], [data-toggle="buttons"] > .btn > input[type="radio"] { position: absolute; z-index: -1; opacity: 0; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-left: 0px; padding-right: 0px; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0px; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 42px; padding: 12px; font-size: 18px; line-height: 30px; border-radius: 5px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 42px; line-height: 42px; } select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 24px; padding: 3px; font-size: 14px; line-height: 18px; border-radius: 2px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 24px; line-height: 24px; } select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn, textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn { height: auto; } .input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell; } .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) { border-radius: 0px; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 15px; font-size: 16px; font-weight: 400; line-height: 1; color: rgb(111, 111, 111); text-align: center; background-color: rgb(238, 238, 238); border: 1px solid rgb(238, 238, 238); border-radius: 3px; } .input-group-addon.input-sm { padding: 3px 8px; font-size: 14px; border-radius: 2px; } .input-group-addon.input-lg { padding: 12px 20px; font-size: 18px; border-radius: 5px; } .input-group-addon input[type="checkbox"], .input-group-addon input[type="radio"] { margin-top: 0px; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .input-group-addon:first-child { border-right: 0px; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .input-group-addon:last-child { border-left: 0px; } .input-group-btn { position: relative; font-size: 0px; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: 700; line-height: 1; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } a.label:focus, a.label:hover { color: rgb(255, 255, 255); text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: rgb(111, 111, 111); } .label-default[href]:focus, .label-default[href]:hover { background-color: rgb(86, 86, 86); } .label-primary { background-color: rgb(255, 97, 34); } .label-primary[href]:focus, .label-primary[href]:hover { background-color: rgb(238, 68, 0); } .label-success { background-color: rgb(0, 178, 178); } .label-success[href]:focus, .label-success[href]:hover { background-color: rgb(0, 127, 127); } .label-info { background-color: rgb(0, 178, 178); } .label-info[href]:focus, .label-info[href]:hover { background-color: rgb(0, 127, 127); } .label-warning { background-color: rgb(250, 173, 161); } .label-warning[href]:focus, .label-warning[href]:hover { background-color: rgb(247, 131, 113); } .label-danger { background-color: rgb(255, 63, 18); } .label-danger[href]:focus, .label-danger[href]:hover { background-color: rgb(222, 42, 0); } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 14px; font-weight: 700; color: rgb(255, 255, 255); line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: rgb(111, 111, 111); border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge { top: 0px; padding: 1px 5px; } a.badge:focus, a.badge:hover { color: rgb(255, 255, 255); text-decoration: none; cursor: pointer; } .nav-pills > .active > a > .badge, a.list-group-item.active > .badge { color: rgb(230, 72, 9); background-color: rgb(255, 255, 255); } .nav-pills > li > a > .badge { margin-left: 3px; } .badges { display: inline-flex; -webkit-box-align: center; align-items: center; } .badges .user-badge { display: flex; -webkit-box-align: center; align-items: center; margin-left: 8px; } .modal-open, .paragraph-comments-drawer-open, .wp-modal-open { overflow: hidden; } #languageModal { z-index: 1050; } #languageModal iframe { width: 100%; height: 510px; } #languageModal .modal-body { padding: 0px; margin-bottom: -10px; } .modal { display: none; overflow: hidden; position: fixed; inset: 0px; z-index: 1050; outline: 0px; } .modal.fade .modal-dialog { transform: translate3d(0px, -25%, 0px); transition: transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s; } .modal.in .modal-dialog { transform: translate3d(0px, 0px, 0px); } .modal-open .modal { overflow: hidden auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px; background-clip: padding-box; outline: 0px; } .modal-backdrop { position: fixed; inset: 0px; z-index: 1040; background-color: rgb(0, 0, 0); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: 0.5; } .modal-backdrop.profile-show { display: block !important; } .modal-header { padding: 15px 15px 0px; min-height: 39px; } .modal-header .close { margin-top: 4px; cursor: pointer; } .modal-header .close.top-right { position: absolute; top: 15px; right: 15px; margin: 0px; } .modal-title { line-height: 24px; } .modal-subtitle { line-height: 21px; padding: 6px 0px; } .modal-body { position: relative; padding: 7.5px 15px 15px; } .modal-footer { background: rgb(238, 238, 238); padding: 15px; text-align: right; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .modal-sm .modal-body, .modal-sm .modal-footer, .modal-sm .modal-header { padding: 12px; } .modal-sm .modal-header { padding-bottom: 0px; } .modal-sm .modal-header .close.top-right { top: 12px; right: 12px; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 600px) { .modal-dialog { width: 380px; margin: 15px auto; } } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px; } .modal-sm { width: 380px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } #generic-modal { z-index: 1071; } #generic-modal .panel-body, #generic-modal .panel-footer, #generic-modal .panel-heading { padding-left: 0px; padding-right: 0px; } #generic-modal .panel-heading { padding-top: 12px; padding-right: 24px; } #generic-modal .panel-footer { padding-bottom: 0px; } #generic-modal .close { position: absolute; padding: 12px; top: 2px; right: 1px; cursor: pointer; } .modal-content.feed-item-new { background: rgb(238, 238, 238); border-radius: 5px; border: none; overflow: hidden; box-shadow: rgba(120, 120, 120, 0.25) 0px 2px 5px; } .modal-content.feed-item-new .modal-header h6 { margin: 0px; } .modal-content.feed-item-new .modal-header .close { position: absolute; padding: 12px; top: 2px; right: 1px; } .modal-content.feed-item-new .modal-header .close .fa { margin: 0px; padding: 0px; } .modal-content.feed-item-new .modal-body, .modal-content.feed-item-new .modal-footer { padding: 0px; } .modal-content.feed-item-new .list-group { margin: 9px; border-radius: 3px; border: 1px solid rgb(238, 238, 238); overflow: hidden; } .modal-content.feed-item-new .list-group .list-group-item { background: rgb(255, 255, 255); padding: 0px; position: relative; border-top-color: rgb(238, 238, 238); border-bottom-color: rgb(238, 238, 238); border-left: none; border-right: none; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .modal-content.feed-item-new .list-group .list-group-item > a, .modal-content.feed-item-new .list-group .list-group-item > div { padding: 9px; display: block; } .modal-content.feed-item-new .list-group .list-group-item > a::after, .modal-content.feed-item-new .list-group .list-group-item > a::before, .modal-content.feed-item-new .list-group .list-group-item > div::after, .modal-content.feed-item-new .list-group .list-group-item > div::before { content: " "; display: table; } .modal-content.feed-item-new .list-group .list-group-item > a::after, .modal-content.feed-item-new .list-group .list-group-item > div::after { clear: both; } .modal-content.feed-item-new .list-group .list-group-item > a::after, .modal-content.feed-item-new .list-group .list-group-item > a::before, .modal-content.feed-item-new .list-group .list-group-item > div::after, .modal-content.feed-item-new .list-group .list-group-item > div::before { content: " "; display: table; } .modal-content.feed-item-new .list-group .list-group-item > a::after, .modal-content.feed-item-new .list-group .list-group-item > div::after { clear: both; } .modal-content.feed-item-new .modal-footer button { padding: 12px; } @media (max-width: 768px) { .modal-container.auth-modal { position: fixed; inset: 0px; z-index: 1030; } .modal-container.auth-modal .modal-content { position: relative; width: 100%; height: 100%; border-radius: 0px; border: none; } .modal-container.auth-modal .modal-content .close-btn { display: inline-block; padding: 20px; } } .tooltip { position: absolute; z-index: 1070; display: block; visibility: visible; font-size: 14px; line-height: 1.4; opacity: 0; } .tooltip.in { opacity: 0.9; } .tooltip.top { margin-top: -3px; padding: 5px 0px; } .tooltip.right { margin-left: 3px; padding: 0px 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0px; } .tooltip.left { margin-left: -3px; padding: 0px 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: rgb(255, 255, 255); text-align: center; text-decoration: none; background-color: rgb(0, 0, 0); border-radius: 3px; } .tooltip-arrow { position: absolute; width: 0px; height: 0px; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0px; left: 50%; margin-left: -5px; border-width: 5px 5px 0px; border-top-color: rgb(0, 0, 0); } .tooltip.top-left .tooltip-arrow { bottom: 0px; left: 5px; border-width: 5px 5px 0px; border-top-color: rgb(0, 0, 0); } .tooltip.top-right .tooltip-arrow { bottom: 0px; right: 5px; border-width: 5px 5px 0px; border-top-color: rgb(0, 0, 0); } .tooltip.right .tooltip-arrow { top: 50%; left: 0px; margin-top: -5px; border-width: 5px 5px 5px 0px; border-right-color: rgb(0, 0, 0); } .tooltip.left .tooltip-arrow { top: 50%; right: 0px; margin-top: -5px; border-width: 5px 0px 5px 5px; border-left-color: rgb(0, 0, 0); } .tooltip.bottom .tooltip-arrow { top: 0px; left: 50%; margin-left: -5px; border-width: 0px 5px 5px; border-bottom-color: rgb(0, 0, 0); } .tooltip.bottom-left .tooltip-arrow { top: 0px; left: 5px; border-width: 0px 5px 5px; border-bottom-color: rgb(0, 0, 0); } .tooltip.bottom-right .tooltip-arrow { top: 0px; right: 5px; border-width: 0px 5px 5px; border-bottom-color: rgb(0, 0, 0); } .popover { position: absolute; top: 0px; left: 0px; z-index: 1060; display: none; max-width: 320px; padding: 1px; text-align: left; background-color: rgb(238, 238, 238); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px; white-space: normal; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0px; padding: 8px 14px; font-size: 16px; font-weight: 400; line-height: 18px; background-color: rgb(238, 238, 238); border-bottom: 1px solid rgb(225, 225, 225); border-radius: 4px 4px 0px 0px; color: rgb(34, 34, 34); } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow::after { position: absolute; display: block; width: 0px; height: 0px; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow::after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0px; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top > .arrow::after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0px; border-top-color: rgb(255, 255, 255); } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0px; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right > .arrow::after { content: " "; left: 1px; bottom: -10px; border-left-width: 0px; border-right-color: rgb(255, 255, 255); } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0px; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom > .arrow::after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0px; border-bottom-color: rgb(255, 255, 255); } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0px; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow::after { content: " "; right: 1px; border-right-width: 0px; border-left-color: rgb(255, 255, 255); bottom: -10px; } .react-popover-content { z-index: 1029; background: rgb(255, 255, 255); box-shadow: rgba(34, 34, 34, 0.08) 0px 3px 14px 2px, rgba(34, 34, 34, 0.1) 0px 8px 10px 1px; border-radius: 4px; } .react-popover-content .react-popover-arrow { width: 0px; height: 0px; border-style: solid; position: absolute; margin: 5px; } .react-popover-content[data-placement^="top"] { margin-bottom: 5px; } .react-popover-content[data-placement^="top"] .react-popover-arrow { border-width: 5px 5px 0px; border-color: rgb(255, 255, 255) transparent transparent; bottom: -5px; left: calc(45%); margin-top: 0px; margin-bottom: 0px; } .react-popover-content[data-placement^="bottom"] { margin-top: 5px; } .react-popover-content[data-placement^="bottom"] .react-popover-arrow { border-width: 0px 5px 5px; border-color: transparent transparent rgb(255, 255, 255); top: -5px; left: calc(45%); margin-top: 0px; margin-bottom: 0px; } .react-popover-content[data-placement^="right"] { margin-left: 5px; } .react-popover-content[data-placement^="right"] .react-popover-arrow { border-width: 5px 5px 5px 0px; border-color: transparent rgb(255, 255, 255) transparent transparent; left: -5px; top: calc(45%); margin-left: 0px; margin-right: 0px; } .react-popover-content[data-placement^="left"] { margin-right: 5px; } .react-popover-content[data-placement^="left"] .react-popover-arrow { border-width: 5px 0px 5px 5px; border-color: transparent transparent transparent rgb(255, 255, 255); right: -5px; top: calc(45%); margin-left: 0px; margin-right: 0px; } .react-popover-content[data-x-out-of-boundaries] { display: none; } .react-popover-content .react-popover-tooltip { width: 350px; } .react-popover-content .react-popover-tooltip .popover-title { font-weight: 600; background-color: rgb(255, 255, 255); border: none; padding: 12px 14px; } .react-popover-content .react-popover-tooltip .popover-content { font-size: 12px; line-height: 1.5; padding: 0px 14px 9px; } .react-popover-content .react-popover-tooltip .additional-content, .react-popover-content .react-popover-tooltip .secondary-content { margin-top: 9px; } .react-popover-content .react-popover-tooltip .tooltip-footer { border-top: 1px solid rgb(238, 238, 238); display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin-top: 12px; padding-top: 2px; } .react-popover-content .react-popover-tooltip .tooltip-footer .on-okay { padding: 3px 12px; border-radius: 3px; } .react-popover-content--above-modal { z-index: 1031; } .react-popover-list { max-height: 500px; padding: 2px; overflow: auto; } @media (max-width: 768px) { .react-popover-list { max-height: 300px; } } .react-popover-list .react-popover-item { color: rgb(111, 111, 111); font-weight: 700; padding: 12px 20px; display: flex; -webkit-box-align: center; align-items: center; border-bottom: 1px solid rgb(238, 238, 238); } .react-popover-list .react-popover-item.selected, .react-popover-list .react-popover-item:hover { color: rgb(34, 34, 34); font-weight: 700; text-decoration: none; background: rgb(238, 238, 238); } .react-popover-list .react-popover-item.selected { pointer-events: none; } .react-popover-list .react-popover-item:last-child { border-bottom: none; } .react-popover-container--small { font-size: 14px; width: 240px; background-color: rgb(255, 255, 255); color: rgb(18, 18, 18); box-shadow: rgba(34, 34, 34, 0.1) 0px 4px 5px, rgba(34, 34, 34, 0.08) 0px 1px 10px; border-radius: 4px; padding: 0px 8px; } .react-popover-container--small .react-popover-header { display: flex; padding: 8px 0px; -webkit-box-pack: justify; justify-content: space-between; } .react-popover-container--small .react-popover-header .react-popover-title { padding-left: 40%; font-weight: 700; } .react-popover-container--small .react-popover-header .react-popover-done-btn { border: none; background: 0px 0px; } .react-popover-container--small .react-popover-header .react-popover-done-btn:hover { border-radius: 8px; background-color: rgb(238, 238, 238); } .react-popover-container--small .react-popover-list--small { list-style: none; padding: 0px; margin: 0px; max-height: 170px; overflow-y: auto; } .react-popover-container--small .react-popover-list--small .react-popover-item .react-popover-item__btn { width: 100%; height: 34px; -webkit-box-align: center; align-items: center; color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); border: none; cursor: pointer; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; line-height: 21px; padding: 5px 10px; } .react-popover-container--small .react-popover-list--small .react-popover-item .react-popover-item__btn:hover { color: rgb(34, 34, 34); text-decoration: none; background-color: rgb(238, 238, 238); border-radius: 8px; } .react-popover-container--small .react-popover-list--small .react-popover-item .react-popover-item__btn .item-name { padding: 0px 8px; width: 100%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .react-popover-container--small .react-popover-input-row { display: flex; padding: 10px; } .react-popover-container--small .react-popover-input-row .input-text { font-size: 14px; height: 28px; -webkit-box-flex: 2; flex: 2 1 0%; } .react-popover-container--small .react-popover-input-row .btn-icon { background-color: rgb(238, 238, 238); border-style: none; margin-left: 8px; height: 28px; max-width: 28px; -webkit-box-flex: 1; flex: 1 1 0%; } .react-popover-container--small .react-popover-error { font-size: 12px; color: rgb(224, 0, 0); padding: 5px; line-height: 15px; } .media-wrapper { position: relative; } .media-wrapper .carousel-indicators { left: 50%; z-index: 15; padding-left: 0px; list-style: none; text-align: center; } .media-wrapper .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 0px; border: 1px solid rgb(0, 0, 0); border-radius: 10px; cursor: pointer; } .media-wrapper .carousel-indicators .active { background-color: rgb(0, 0, 0); } .hbs-dev { background: rgba(255, 255, 255, 0.8); position: absolute; z-index: 1; padding: 0px; line-height: 12px; color: red !important; } .hbs-dev + :not(.hbs-dev) { outline: red solid 1px; } .hbs-dev + .hbs-dev { margin-top: 12px; } .btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .panel-body::after, .panel-body::before, .row::after, .row::before, .user-profile .user-about .panel-body::after, .user-profile .user-about .panel-body::before { content: " "; display: table; } .btn-group-vertical > .btn-group::after, .btn-toolbar::after, .clearfix::after, .container-fluid::after, .container::after, .dl-horizontal dd::after, .form-horizontal .form-group::after, .modal-footer::after, .panel-body::after, .row::after, .user-profile .user-about .panel-body::after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .center-text { text-align: center; } .left-text { text-align: left; } .right-text { text-align: right; } .pull-right { float: right !important; } .pull-left { float: left !important; } .inline-block { display: inline-block !important; } .align-left { left: 0px; right: auto; } .align-right { right: 0px; left: auto; } .relative { position: relative; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0px / 0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0px; } @media (max-width: 575px) { .hidden-xxs { display: none !important; } } @media (min-width: 576px) { .shown-xxs { display: none !important; } } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; transform: translate3d(0px, 0px, 0px); } .visible-lg, .visible-md, .visible-sm, .visible-xs { display: none !important; } .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } td.visible-xs, th.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } td.visible-sm, th.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1399px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } td.visible-md, th.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1399px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1399px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1399px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1400px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } td.visible-lg, th.visible-lg { display: table-cell !important; } } @media (min-width: 1400px) { .visible-lg-block { display: block !important; } } @media (min-width: 1400px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1400px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1399px) { .hidden-md { display: none !important; } } @media (min-width: 1400px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } td.visible-print, th.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } @font-face { font-family: wp-web-icons; src: url("/style/fonts/wp-web-icons.eot?v=8e2o9v#iefix") format("embedded-opentype"), url("/style/fonts/wp-web-icons.woff?v=8e2o9v") format("woff"), url("/style/fonts/wp-web-icons.ttf?v=8e2o9v") format("truetype"), url("/style/fonts/wp-web-icons.svg?v=8e2o9v#wp-web-icons") format("svg"); font-weight: 400; font-style: normal; } .left-icon .fa, .left-icon img, .left-icon svg { margin-right: 4px; } .right-icon .fa, .right-icon img, .right-icon svg { margin-left: 4px; } .fa { font-family: wp-web-icons; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .fa.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; } .fa.fa-xl { font-size: 1.5em; line-height: 0.75em; vertical-align: -15%; } .fa.fa-2x { font-size: 2em; } .fa.fa-3x { font-size: 3em; } .fa.fa-4x { font-size: 4em; } .fa.fa-5x { font-size: 5em; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0px; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-spin { display: inline-block; vertical-align: middle; animation: 1s linear 0s infinite normal none running fa-spin; } @-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-spin-fix-position { transform-origin: 35% 50%; vertical-align: inherit; } .fa-wp-base-1 { color: rgb(255, 97, 34); } .fa-wp-base-1-dark { color: rgb(230, 72, 9); } .fa-wp-base-1-60 { color: rgb(169, 62, 25); } .fa-wp-base-2 { color: rgb(0, 178, 178); } .fa-wp-base-2-dark { color: rgb(0, 153, 153); } .fa-wp-neutral-1 { color: rgb(34, 34, 34); } .fa-wp-neutral-2 { color: rgb(111, 111, 111); } .fa-wp-neutral-3 { color: rgb(238, 238, 238); } .fa-wp-neutral-5 { color: rgb(255, 255, 255); } .fa-wp-error-1 { color: rgb(255, 63, 18); } .fa-wp-success { color: rgb(0, 178, 178); } .fa-wp-lighterror { color: rgb(250, 173, 161); } .fa-wp-errorbackground { color: rgb(255, 109, 85); } .fa-wp-warning-01 { color: rgb(255, 201, 34); } .fa-wp-lightteal { color: rgb(195, 216, 220); } .fa-wp-lighterteal { color: rgb(234, 240, 244); } .fa-wp-redbrown { color: rgb(223, 100, 0); } .fa-orange { color: rgb(248, 155, 51); } .fa-ds-base-2-60 { color: rgb(59, 25, 169); } .fa-ds-neutral-100 { color: rgb(18, 18, 18); } .fa-ds-neutral-60-solid { color: rgb(179, 179, 179); } .fa-double-image::before { content: ""; } .fa-single-image::before { content: ""; } .fa-pin::before { content: ""; } .fa-mobile::before { content: ""; } .fa-mobile-phone::before { content: ""; } .fa-facebook-official::before { content: ""; } .fa-group::before { content: ""; } .fa-users::before { content: ""; } .fa-underline::before { content: ""; } .fa-dedicate::before { content: ""; } .fa-ic_reading_list::before { content: ""; } .fa-story::before { content: ""; } .fa-view::before { content: ""; } .fa-vote::before { content: ""; } .fa-vote-alt::before { content: ""; } .fa-comment::before { content: ""; } .fa-mention::before { content: ""; } .fa-flag::before { content: ""; } .fa-user::before { content: ""; } .fa-follow::before { content: ""; } .fa-following::before { content: ""; } .fa-following-request::before { content: ""; } .fa-menu::before { content: ""; } .fa-more::before { content: ""; } .fa-caret::before { content: ""; } .fa-settings::before { content: ""; } .fa-trash::before { content: ""; } .fa-list::before { content: ""; } .fa-list-add::before { content: ""; } .fa-plus::before { content: ""; } .fa-minus::before { content: ""; } .fa-check::before { content: ""; } .fa-remove::before { content: ""; } .fa-up::before { content: ""; } .fa-down::before { content: ""; } .fa-left::before { content: ""; } .fa-right::before { content: ""; } .fa-up-small::before { content: ""; } .fa-down-small::before { content: ""; } .fa-left-small::before { content: ""; } .fa-right-small::before { content: ""; } .fa-refresh::before { content: ""; } .fa-search::before { content: ""; } .fa-circle-empty::before { content: ""; } .fa-loading::before { content: ""; } .fa-circle-filled::before { content: ""; } .fa-remove-alt::before { content: ""; } .fa-warning::before { content: ""; } .fa-info::before { content: ""; } .fa-alert::before { content: ""; } .fa-inbox::before { content: ""; } .fa-facebook::before { content: ""; } .fa-tumblr::before { content: ""; } .fa-twitter::before { content: ""; } .fa-pinterest::before { content: ""; } .fa-instagram::before { content: ""; } .fa-facebook-square::before { content: ""; } .fa-tumblr-square::before { content: ""; } .fa-twitter-square::before { content: ""; } .fa-pinterest-square::before { content: ""; } .fa-share::before { content: ""; } .fa-link::before { content: ""; } .fa-attach::before { content: ""; } .fa-code::before { content: ""; } .fa-badge-blank::before { content: ""; } .fa-badge-heart::before { content: ""; } .fa-badge-promoted::before { content: ""; } .fa-badge-rating::before { content: ""; } .fa-badge-cc::before { content: ""; } .fa-copyright::before { content: ""; } .fa-public-domain::before { content: ""; } .fa-creative-commons::before { content: ""; } .fa-website::before { content: ""; } .fa-buy::before { content: ""; } .fa-ranking::before { content: ""; } .fa-location::before { content: ""; } .fa-image::before { content: ""; } .fa-video::before { content: ""; } .fa-camera::before { content: ""; } .fa-lock::before { content: ""; } .fa-unlock::before { content: ""; } .fa-mute::before { content: ""; } .fa-unmute::before { content: ""; } .fa-clock::before { content: ""; } .fa-reading-list::before { content: ""; } .fa-categories::before { content: ""; } .fa-library::before { content: ""; } .fa-stats::before { content: ""; } .fa-archive::before { content: ""; } .fa-edit::before { content: ""; } .fa-centered::before { content: ""; } .fa-justified::before { content: ""; } .fa-left-aligned::before { content: ""; } .fa-right-aligned::before { content: ""; } .fa-bold::before { content: ""; } .fa-italic::before { content: ""; } .fa-format::before { content: ""; } .fa-undo::before { content: ""; } .fa-redo::before { content: ""; } .fa-comment-count::before { content: "a"; } .fa-home::before { content: "b"; } .fa-image-warning::before { content: "c"; } [dir="rtl"] img.fa-left, [dir="rtl"] img.fa-left-small, [dir="rtl"] img.fa-right, [dir="rtl"] img.fa-right-small { transform: scaleX(-1); } [dir="rtl"] .fa-left::before { content: ""; } [dir="rtl"] .fa-right::before { content: ""; } [dir="rtl"] .fa-left-small::before { content: ""; } [dir="rtl"] .fa-right-small::before { content: ""; } .social-share-links a { display: inline-block; border-radius: 50%; height: 36px; width: 36px; background: rgb(255, 97, 34); margin-right: 3px; text-align: center; } .social-share-links a:hover { text-decoration: none; } .social-share-links a .fa { position: relative; top: 8px; } .social-share-links .share-twitter { background-color: rgb(85, 172, 238); } .social-share-links .share-facebook { background-color: rgb(59, 89, 152); } .social-share-links .share-pinterest { background-color: rgb(189, 8, 28); } .social-share-links .share-tumblr { background-color: rgb(53, 70, 92); } .SocialSharing { display: inline-block; vertical-align: bottom; right: 0px; bottom: 0px; } .SocialSharing > .button-group, .SocialSharing > a { display: inline-block; text-align: center; border-radius: 50%; height: 40px; width: 40px; background: rgb(231, 231, 229); vertical-align: top; margin: 0px 5px 5px 0px; } .SocialSharing > .button-group span, .SocialSharing > a span { position: relative; top: 9px; } .SocialSharing > .button-group:hover, .SocialSharing > a:hover { text-decoration: none; } .SocialSharing > .button-group.more, .SocialSharing > a.more { margin-left: 0px; } .SocialSharing > .button-group.more .btn, .SocialSharing > a.more .btn { padding-left: 8px; } .SocialSharing > .share-twitter { background-color: rgb(85, 172, 238); } .SocialSharing > .share-facebook { background-color: rgb(59, 89, 152); } .SocialSharing > .share-pinterest { background-color: rgb(189, 8, 28); } .SocialSharing > .share-tumblr { background-color: rgb(53, 70, 92); } .SocialSharing > .share-embed { background-color: rgb(111, 111, 111); } .SocialSharing > .share-post-to-profile { background-color: rgb(255, 97, 34); } .SocialSharing > .share-email { background-color: rgb(111, 111, 111); } .SocialSharing li a .fa { top: 2px; right: 4px; } .comments-signup-modal { z-index: 1051 !important; } .works-ad-unit { margin: 76px 0px; float: right; } .ad-unit { margin: 10px 0px; } .advertisement { margin: 0px auto; } .sticky-ad-container { position: relative; } #story-reading #parts-container-new .header-advertisement { margin-bottom: 12px; } @media (max-width: 768px) { #story-reading #parts-container-new .reading-widget.comments-ad-unit { margin-top: 30px; } } @media (min-width: 992px) { #story-reading #parts-container-new .comments.right-rail { align-self: stretch; height: auto; } #story-reading #parts-container-new .reading-widget.comments-ad-unit { position: sticky; top: 139px; } #story-reading #parts-container-new .reading-widget.comments-ad-unit .readinglong_comments, #story-reading #parts-container-new .reading-widget.comments-ad-unit .readinglong_comments_loggedout { margin-top: -344px; } #story-reading #parts-container-new .reading-widget.comments-ad-unit .readingshort_comments, #story-reading #parts-container-new .reading-widget.comments-ad-unit .readingshort_comments_loggedout { margin-top: -134px; } #story-reading #parts-container-new .reading-widget.comments-ad-unit .readingshort_comments.longer-micro-part, #story-reading #parts-container-new .reading-widget.comments-ad-unit .readingshort_comments_loggedout.longer-micro-part { margin-top: -334px; } } #story-landing .ad-unit.leaderboard .ad-label { text-align: center; text-transform: uppercase; font-weight: 100; font-size: 12px; margin-top: 0px; margin-bottom: 0px; } .hidden-mobile { display: none !important; } .faded { opacity: 0 !important; } .nav-item { text-align: center; font-weight: 700; font-size: 16px; margin: 0px; height: 42px; float: left; border-bottom: 1px solid rgb(238, 238, 238); box-sizing: border-box; background-color: rgb(255, 255, 255); } .nav-item a { color: rgb(34, 34, 34); display: block; padding: 8px 0px 6px; transition: background 80ms ease 0s; } .nav-item a.touched { background: rgb(238, 238, 238); } .nav-item a.selected { color: rgb(0, 178, 178); border-bottom: 3px solid rgb(0, 178, 178); text-decoration: none; } .tags { margin: 0px 0px 20px; } .on-showmore-description { font-weight: 600; color: rgb(255, 97, 34); } #footer-container { color: rgb(34, 34, 34); background-color: rgb(250, 250, 250); margin-top: 5px; } #footer-container .row.get-app { text-align: center; padding-top: 20px; height: auto; border-top: 1px solid rgb(238, 238, 238); } #footer-container .row.get-app h6 { color: rgb(34, 34, 34); } #footer-container .row.get-app p { line-height: normal; font-size: 13px; color: rgb(111, 111, 111); } #footer-container .row { line-height: 47px; height: 48px; border-bottom: 1px solid rgb(238, 238, 238); border-top: 1px solid rgb(238, 238, 238); } #footer-container .row h6 { padding-left: 6px; padding-right: 6px; line-height: 47px; margin: 0px; } #footer-container .row a, #footer-container .row button { color: rgb(34, 34, 34); text-decoration: none; } #footer-container .row .col-xs-2 { text-align: center; } #footer-container footer { text-align: center; font-size: 12px; color: rgb(111, 111, 111); } #footer-container footer ul { list-style: none; margin: 0px; padding: 0px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: center; justify-content: center; } #footer-container footer ul li { margin: 0px 8px; } #footer-container footer ul li a { font-weight: 700; color: rgb(111, 111, 111); } #header-container { z-index: 1030; height: 44px; } #header-container.search-view { z-index: 1050; } #header-container #app-header { height: 44px; position: fixed; width: 100%; display: flex; -webkit-box-align: center; align-items: center; box-shadow: rgba(111, 111, 111, 0.5) 0px 0px 1px 0px; background: rgb(255, 255, 255); } #header-container #app-header.logged-in > a { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-flex: 1; flex: 1 1 0%; } #header-container #app-header.logged-in > a .icon-container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: relative; } #header-container #app-header.logged-in > a.active .icon-container::after { background: rgb(255, 97, 34); content: ""; height: 3px; width: 100%; position: absolute; bottom: -10px; right: 0px; border-radius: 1.5px; } #header-container #app-header.logged-in > a.active svg { stroke: rgb(255, 97, 34); } #header-container #app-header.logged-in > a.active .nav-library { fill: rgb(255, 97, 34); } #header-container #app-header.logged-in > a:active, #header-container #app-header.logged-in > a:focus, #header-container #app-header.logged-in > a:hover { text-decoration: none; } #header-container #app-header.logged-in .notifications-icon { position: relative; } #header-container #app-header.logged-in .notifications-icon #notifications-menu-badge { position: absolute; top: -5px; left: 12px; min-width: 22px; height: 22px; padding: 0px 5px; display: flex; -webkit-box-align: end; align-items: flex-end; -webkit-box-pack: center; justify-content: center; border-radius: 50%; background-color: rgb(233, 74, 44); color: rgb(255, 255, 255); font-size: 14px; font-weight: 700; } #header-container #app-header.logged-out #search-results-close, #header-container #app-header.logged-out > a { width: 16.66%; -webkit-box-flex: 1; flex-basis: 16.66%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } #header-container #app-header.logged-out #search-results-close:active, #header-container #app-header.logged-out #search-results-close:focus, #header-container #app-header.logged-out #search-results-close:hover, #header-container #app-header.logged-out > a:active, #header-container #app-header.logged-out > a:focus, #header-container #app-header.logged-out > a:hover { text-decoration: none; } #header-container #app-header.logged-out #browse-topics { display: block; width: 50%; -webkit-box-flex: 1; flex-basis: 50%; padding: 10px 0px; } #header-container #app-header.logged-out #browse-topics .name { color: rgb(34, 34, 34); font-size: 16px; font-weight: 600; } #header-container #app-header.logged-out #browse-topics .fa-caret { vertical-align: middle; } #header-container #app-header.logged-out #search-results-close { line-height: 54px; } #header-container #app-header.logged-out .search-field-container { display: block; width: 66.66%; -webkit-box-flex: 1; flex-basis: 66.66%; } #header-container #app-header.logged-out .search-field-container .form-group.has-feedback { top: 7px; } #header-container #app-header.logged-out .search-field-container .form-group.has-feedback #search-query { width: 100%; height: 30px; border: 0px; border-radius: 5px; padding-left: 10px; padding-right: 28px; background-color: rgb(255, 255, 255); } #header-container #app-header.logged-out .search-field-container .form-group.has-feedback #search-query:active, #header-container #app-header.logged-out .search-field-container .form-group.has-feedback #search-query:focus { outline: 0px; } #header-container #app-header.logged-out .search-field-container .form-group.has-feedback .form-control-feedback { margin: 0px; } #header-container #app-header.logged-out .search-field-container .form-group.has-feedback button.btn-search { height: 30px; padding: 0px; appearance: none; background: 0px 0px; border: transparent; } #header-container #app-header.logged-out .search-field-container #search-form .dropdown-menu { position: fixed; top: 44px; width: 100%; height: calc(100% - 44px); overflow: auto; margin: 0px; border: 0px; background: rgb(255, 255, 255); } #header-container #app-header.logged-out .search-field-container #search-form .dropdown-menu .autocomplete-item-container { padding: 0px; border-bottom: 1px solid rgb(238, 238, 238); } #header-container #app-header.logged-out .logo { line-height: 40px; } #header-container #app-header.logged-out .logo img { width: 31px; height: 34px; } #header-container #app-header.logged-out .avatar { position: relative; width: 30px; height: 30px; background-color: rgba(0, 0, 0, 0.33); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } #announcements { background-color: rgb(111, 111, 111); } #announcements .announcement { font-size: 14px; line-height: 18px; padding: 16px; } #announcements .announcement > * { display: inline-block; vertical-align: middle; } #announcements .downtime { background-color: rgb(238, 238, 238); color: rgb(34, 34, 34); } #announcements .downtime .text { padding-bottom: 8px; } #announcements .downtime .btn-white { color: rgb(34, 34, 34); } #announcements .verify-email .message { color: rgb(255, 255, 255); padding: 16px; } #announcements .verify-email a:hover { text-decoration: none; } #announcements .verify-email .learn-more { color: rgb(230, 72, 9); text-transform: uppercase; font-weight: 700; margin: 0px; } #announcements .verify-email .controls { height: 35px; margin-bottom: 16px; } #announcements .email-verified-success { height: 44px; background-color: rgb(0, 178, 178); line-height: 15px; } #announcements .email-verified-success .message { padding-left: 24px; color: rgb(255, 255, 255); margin-right: 44px; } #announcements .email-verified-success .controls { position: relative; float: right; cursor: pointer; bottom: 20px; right: 24px; } .change-email, .please-verify, .sent-email { padding: 0px; } .change-email .close-modal, .please-verify .close-modal, .sent-email .close-modal { position: absolute; padding: 4px 12px; top: 2px; right: 1px; cursor: pointer; } .change-email .close-modal .fa-remove, .please-verify .close-modal .fa-remove, .sent-email .close-modal .fa-remove { font-size: 12px !important; } .change-email h2, .please-verify h2, .sent-email h2 { text-align: center; font-weight: 600; line-height: 48px; margin-top: 6px; } .change-email .controls, .please-verify .controls, .sent-email .controls { margin-top: 20px; margin-bottom: 12px; } .change-email .controls .col-xs-6, .please-verify .controls .col-xs-6, .sent-email .controls .col-xs-6 { padding: 0px; } .change-email .fa-wp-lighterror, .please-verify .fa-wp-lighterror, .sent-email .fa-wp-lighterror { padding-right: 6px; } .change-email .control-label { color: rgb(111, 111, 111); } .change-email input { border-radius: 5px; border: 2px solid rgb(204, 204, 204); } .change-email .tooltip-arrow { left: 78% !important; } .change-email .form-control-feedback { top: -4px !important; } .sent-email .controls { text-align: center; } .please-verify ul, .sent-email ul { list-style: none; padding: 0px; margin-top: 20px; position: relative; left: 50%; transform: translateX(-50%); width: 266px; } .please-verify ul span, .sent-email ul span { padding-right: 5px; } .alert { padding: 15px; margin-bottom: 24px; border: 1px solid transparent; border-radius: 3px; } .alert-danger { background-color: rgb(242, 222, 222); border-color: rgb(235, 204, 209); color: rgb(169, 68, 66); } #announcements .announcement.spielbergo { position: relative; height: 54px; min-width: 320px; padding: 11px 10px; background-color: rgb(0, 178, 178); box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 3px 0px; color: rgb(255, 255, 255); } #announcements .announcement.spielbergo div.on-dismiss { position: absolute; top: 17px; left: 10px; } #announcements .announcement.spielbergo .message { margin-left: 25px; margin-right: 88px; line-height: 16px; } #announcements .announcement.spielbergo .message > * { vertical-align: middle; } #announcements .announcement.spielbergo .message img { height: 21px; width: 21px; } #announcements .announcement.spielbergo .message .text { display: inline-block; min-width: 162px; } #announcements .announcement.spielbergo .message .text .title { font-size: 15px; font-weight: 700; } #announcements .announcement.spielbergo .message .text .subtitle { display: block; font-size: 12px; } #announcements .announcement.spielbergo a { position: absolute; top: 12px; right: 10px; padding: 5px 15px; border-radius: 5px; border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); font-size: 14px; font-weight: 600; } #announcements .announcement.spielbergo a:focus, #announcements .announcement.spielbergo a:hover { text-decoration: none; } .navigation-bar { margin-bottom: 24px; padding: 12px 4px 7.5px; border-bottom: 1px solid rgb(230, 72, 9); background-color: rgb(255, 97, 34); background-repeat: no-repeat; background-position: center center; min-height: 60px; } .navigation-bar .nav-items { text-align: center; height: 40px; } .navigation-bar .nav-items > a { vertical-align: middle; width: 140px; } .navigation-bar .nav-items > a > img { width: 140px; } .sub-navigation { width: 100%; background-color: rgb(255, 255, 255); border-top: 1px solid rgb(238, 238, 238); } .sub-navigation nav { float: left; font-size: 0px; } .sub-navigation nav ul { list-style-type: none; margin: 0px; padding: 0px; } .sub-navigation nav li { display: inline-block; font-size: 16px; } .sub-navigation nav li a { display: block; box-sizing: content-box; height: 42px; padding: 0px 12px; border-bottom: 3px solid transparent; color: rgb(34, 34, 34); font-size: 15px; line-height: 45px; transition: all 0.1s ease-in-out 0s; } .sub-navigation nav li.active a { font-weight: 600; border-bottom-color: rgb(255, 97, 34); } .sub-navigation .actions { float: right; font-size: 0px; } .sub-navigation a.btn, .sub-navigation button { margin: 12px 6px; } .sub-navigation a.btn img.fallback, .sub-navigation button img.fallback { vertical-align: middle; margin-top: -6px; } .sub-navigation .dropdown-menu, .sub-navigation .triangle { top: 73%; transition: all 360ms ease-out 0s; } .sub-navigation .open > .dropdown-menu, .sub-navigation .open > .triangle { top: 83%; transition: all 134ms ease-in 0s; } .sub-navigation .dropdown-menu .fa { position: relative; top: 2px; font-size: 16px; opacity: 0.5; } .sub-navigation .dropdown-menu .fa.fallback { vertical-align: middle; margin-top: -3px; top: 0px; } .sub-navigation .dropdown-menu a { padding: 3px 13px; } @media (max-width: 767px) { .sub-navigation a.btn .fa, .sub-navigation button .fa { padding-right: 0px; } } ul.menu-options { margin: 0px; padding: 0px 5px; background-color: rgb(255, 255, 255); list-style-type: none; } ul.menu-options li { padding: 10px; border-bottom: 1px solid rgb(238, 238, 238); } ul.menu-options li a { display: block; color: rgb(34, 34, 34); font-size: 16px; } ul.menu-options li a:focus, ul.menu-options li a:hover { box-shadow: none; text-decoration: none; } ul.menu-options li .fa { float: right; line-height: 24px; } .recommended-users .collection { background-color: rgb(255, 255, 255); border-radius: 5px; box-shadow: rgb(215, 215, 215) 0px 2px 0px; border: 1px solid rgb(238, 238, 238); padding: 0px 6px; } .recommended-users .user-item:last-child { border-bottom: none; } .recommended-users .on-viewmore { color: rgb(111, 111, 111); line-height: 42px; } .recommended-users .user-item { border-radius: 0px; } .user-profile .story-item-sm { text-align: center; } .user-profile .story-item-sm .cover { margin: auto; } .user-profile .story-item-sm .meta { margin-top: 3px; color: rgb(111, 111, 111); } .user-profile .story-item-sm .meta span img.fallback { vertical-align: middle; margin-top: -5px; } .user-profile .story-item-sm a { color: rgb(111, 111, 111); } .user-profile .story-item-sm a small { overflow-wrap: break-word; } .user-profile .reading-list-item { padding: 10px; border-bottom: 1px solid rgb(215, 215, 215); } .user-profile .reading-list-item { border-radius: 5px; background-color: rgb(255, 255, 255); margin: 6px 0px; } .user-profile .reading-list-item .cover { margin-right: 12px; } .user-profile .reading-list-item .title { font-weight: 700; overflow-wrap: break-word; } .user-profile .reading-list-item .categories { margin-top: 4px; min-height: 34px; width: 100%; } .user-profile .reading-list-item .meta { font-size: 16px; } .user-profile .reading-list-item .meta > span { padding-right: 10px; margin: 0px; color: rgb(111, 111, 111); } .user-profile .reading-list-item .meta .fa { padding-right: 3px; } .user-profile .reading-list-item .meta img.fa { width: auto; height: 1.2em; } .user-profile .reading-list-item a { display: block; color: rgb(111, 111, 111); } .user-profile .reading-list-item a.on-story-item { display: inline-block; } .user-profile .reading-list-item a:hover { text-decoration: none; } .user-profile .reading-list-item { padding: 0px 10px; } .user-profile .story-row { margin-bottom: 12px; } .user-profile .story-row .story-row-cover { display: block; width: 94px; margin-right: 10px; } .user-profile .story-row .story-row-cover img { border: 0.7px solid rgb(238, 238, 238); } .user-profile .story-row .story-title { font-size: 12px; line-height: 1.5; font-weight: 700; margin-top: 0px; margin-bottom: 1px; } .user-profile .story-row .story-title a { color: rgb(111, 111, 111); } .user-profile .story-row .upper { text-transform: uppercase; font-weight: 400; font-size: 12px; margin-bottom: 3px; line-height: 1.5; } .user-profile .story-row .teal { color: rgb(0, 178, 178); } .user-profile .story-row .grey { color: rgb(111, 111, 111); } .user-profile .story-row .meta { font-size: 12px; line-height: 1; margin-bottom: 4px; color: rgb(111, 111, 111); } .user-profile .story-row .meta .meta-comments, .user-profile .story-row .meta .meta-reads, .user-profile .story-row .meta .meta-votes { padding-right: 2px; } .user-profile .story-row .description { font-weight: 400; font-size: 12px; line-height: 1.2; color: rgb(111, 111, 111); margin: 0px; } .user-item { position: relative; min-height: 62px; background-color: rgb(255, 255, 255); border-radius: 5px; border-bottom: 1px solid rgb(215, 215, 215); margin: 6px 0px; } .user-item > a.avatar { position: absolute; top: 6px; left: 6px; } .user-item > .name { margin-left: 62px; margin-right: 42px; position: relative; top: 4px; } .user-item > .name .username { color: rgb(111, 111, 111); display: block; } .user-item > .name .small { color: rgb(111, 111, 111); } .user-item > .controls { position: absolute; top: 11px; right: 6px; } .user-item > .controls button { position: relative; top: 0px; right: 0px; } .user-item > .controls .btn-remove span { line-height: 22px; } #table-of-contents { white-space: nowrap; max-width: 500px; } #table-of-contents .modal-body { padding: 7.5px 0px 15px; } #table-of-contents .story-group { padding: 0px 15px; text-align: center; } #table-of-contents .story-group .cover, #table-of-contents .story-group .info { display: inline-block; } #table-of-contents .story-group .cover h2, #table-of-contents .story-group .info h2 { margin-top: 12px; } #table-of-contents .story-group .info { text-align: left; padding-left: 8px; width: 70%; } #table-of-contents .story-group .info a { color: rgb(34, 34, 34); white-space: pre-wrap; } #table-of-contents ul { overflow-y: scroll; margin: 24px 0px 12px; } #table-of-contents ul li:last-child { border-bottom: 1px solid rgb(238, 238, 238); } #table-of-contents li { border-top: 1px solid rgb(238, 238, 238); } #table-of-contents li a { font-weight: 600; color: rgb(34, 34, 34); background-color: rgb(250, 250, 250); display: block; padding: 12px 24px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; } #table-of-contents li a.blocked { background-color: rgb(255, 255, 255); } #table-of-contents li a.blocked .part-title { width: calc(100% - 18px); } #table-of-contents li.active { border-left: 4px solid rgb(255, 97, 34); } #table-of-contents li.active .part-title { color: rgb(255, 97, 34); } #table-of-contents li .part-title { width: 100%; float: left; overflow: hidden; text-overflow: ellipsis; } #table-of-contents li .part-title .deleted-tag, #table-of-contents li .part-title .draft-tag { padding-left: 6px; } .mobile-styling .description { border-width: 1px; border-style: solid; border-color: rgba(18, 18, 18, 0.12); border-radius: 4px; margin-bottom: 16px !important; } .mobile-styling .description .description-text { padding-left: 8px; padding-right: 8px; margin-bottom: 5px; } .mobile-styling .description .description-text.collapsed { display: -webkit-inline-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .mobile-styling .description .description-text .story-copyright { padding-top: 21px; } .mobile-styling .description .read-or-hide-wrapper { text-align: right; padding-right: 8px; padding-bottom: 8px; } .mobile-styling .description .read-or-hide-wrapper .read-or-hide { border: none; color: rgb(59, 25, 169); font-weight: 700; background-color: rgb(255, 255, 255); } .parts { border-width: 1px; border-style: solid; border-color: rgba(18, 18, 18, 0.12); border-radius: 4px; margin-bottom: 24px; } .parts .parts-header { padding: 8px 8px 0px 14px; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .parts .parts-header .parts-title { display: inline-flex; padding-left: 16px; } .parts .parts-header .parts-title .parts-num { font-weight: 700; font-size: 18px; margin: 5px 0px 5px 8px; color: rgb(0, 0, 0); } .parts .parts-header .see-all { border: none; color: rgb(59, 25, 169); font-weight: 700; background-color: rgb(255, 255, 255); } .parts .parts-wrapper { margin-top: 16px; } #funbar { z-index: 1020; width: 100%; height: 54px; padding: 6px 3px 6px 12px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px; } #funbar #funbar-controls .btn .fa { padding: 0px; top: 0px; } #funbar #funbar-controls .btn .fa:not(.fa-plus) { line-height: 24px; } #funbar-story { float: left; position: relative; top: -6px; } #funbar-story .btn-toc { height: 45px; padding: 0px 10px 0px 0px; background: 0px 0px; border-radius: 0px; margin: 6px 0px 0px; } #funbar-story .btn-toc .fa-list { vertical-align: middle; } #funbar-story .btn-toc:active, #funbar-story .btn-toc:focus { background: rgb(255, 255, 255); outline: 0px; box-shadow: none; border: none; } #funbar-story .btn-toc:active .fa-down, #funbar-story .btn-toc:focus .fa-down { color: rgb(111, 111, 111); } #funbar-story .cover { display: none; } #funbar-story .info { display: inline-block; vertical-align: middle; padding-left: 0px; text-align: left; } #funbar-story .info .title { display: block; font-size: 14px; line-height: 20px; margin: -5px 0px 0px; font-weight: 600; color: rgb(34, 34, 34); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 128px; } #funbar-story .info .author { display: block; font-size: 11px; line-height: 12px; margin: 0px; font-weight: 400; color: rgb(111, 111, 111); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 128px; } #funbar-story .deleted-tag, #funbar-story .draft-tag { padding-left: 3px; } #funbar-story .fa-down { padding-left: 8px; top: 5px; } #funbar-controls { float: right; line-height: 36px; } #funbar-controls .btn { padding: 5px 8px; } #funbar-controls .button-group { vertical-align: middle; } #funbar-controls .btn-link span.fa { font-size: 24px !important; } #funbar-controls .btn-link img.fa { height: 24px !important; width: 24px !important; } #funbar-controls .btn-link .fa { padding: 0px; } #funbar-controls .btn-link .fa-lock { top: 3px; } #funbar-controls .btn-link .fa-menu { top: 5px; } #funbar-controls .btn-link .fa-vote { top: 4px; } #funbar-controls .btn-link .fa-check { top: 5px; } #funbar-controls .btn-story-lists { padding: 5px 12px; } .mobile-cta { margin: 0px 10px 20px; padding: 22px 26px 26px; border-radius: 4px; text-align: center; background-image: url("/img/mobile-web/wattpad_background_teal.png"); background-size: cover; background-position: center center; } .mobile-cta .prompt { font-size: 21px; color: rgb(255, 255, 255); margin-bottom: 22px; } .mobile-cta .btn { margin: 0px; } body.stopScroll, html.stopScroll { position: relative; overflow: hidden; } #interstitial-container { padding: 0px; width: 100%; } .interstitial-wrapper { text-align: center; position: absolute; bottom: 0px; height: 100%; width: 100%; background: rgb(248, 247, 242); font-size: 62.5%; z-index: 2000; } .interstitial-wrapper .row { margin-left: 0px; margin-right: 0px; height: 100%; } .interstitial-wrapper .CTA { margin: 1.2em 0px; font-size: 20px; line-height: 30px; border-radius: 5px; } .interstitial-wrapper h2 { color: rgb(111, 111, 111); font-size: 2.5em; margin: 15px 0px 0px; line-height: 1; } .interstitial-wrapper #copy { padding-top: 36px; width: 80%; margin: auto; } .interstitial-wrapper #logo { margin: auto; width: 157px; height: 46px; background: url("/img/download-interstitial/logo.png?v=3") 0px 0px / contain no-repeat; } .interstitial-wrapper #rating-container { margin-top: -1.5em; font-size: 1.2em; margin-bottom: 0.5em; } .interstitial-wrapper #rating-container span { font-size: 13px; } .interstitial-wrapper #stars { display: inline-block; background: url("/img/download-interstitial/stars.png?v=1") 0px 0px / 100% no-repeat; width: 50px; height: 8px; margin-right: 3px; } .interstitial-wrapper #devices-container { margin-top: 36px; } .interstitial-wrapper #devices-container #devices { margin: auto; width: 215px; height: 111px; background-image: url("/img/download-interstitial/devices.png?v=1"); background-size: cover; } .interstitial-wrapper #skip { position: absolute; top: 0px; right: 0px; text-align: right; width: 100px; height: 100px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .interstitial-wrapper #devices-container #devices { background-image: url("/img/download-interstitial/devices@2x.png?v=1"); } .interstitial-wrapper #logo { background-image: url("/img/download-interstitial/logo@2x.png?v=1"); } .interstitial-wrapper #stars { background-image: url("/img/download-interstitial/stars@2x.png"); } } @media screen and (orientation: landscape) { .interstitial-wrapper #copy, .interstitial-wrapper #devices-container { width: 50%; height: 100%; float: left; } .interstitial-wrapper #copy { padding-left: 5%; padding-top: 6%; } .interstitial-wrapper #devices-container { padding-top: 10%; } } @media screen and (max-height: 240px) and (max-width: 320px), screen and (max-width: 240px) and (max-height: 320px) { .interstitial-wrapper #devices-container { display: none; } .interstitial-wrapper #copy { width: 100%; } } .message-new .message .post-ui button { padding-left: 10px; padding-right: 10px; margin-top: 3px; } .message-new .broadcast-checkbox-label { font-weight: initial; font-size: 12px; } .message-replies-box .message-new { margin: 20px 0px 7px; } .discover-rows { background-color: rgb(255, 255, 255); } .discover-rows .discover-module { padding: 12px 10px; min-width: 320px; border-bottom: 1px solid rgb(238, 238, 238); height: 100%; margin: 0px auto; } @media (min-width: 424px) { .discover-rows .discover-module { width: 100%; } } .discover-rows .discover-module .btn-follow { display: none; } .discover-rows .discover-module .module-header { min-height: 48px; } .discover-rows .discover-module .module-header .avatar { float: left; margin-right: 12px; height: 48px; width: 48px; } .discover-rows .discover-module .module-title { color: rgb(34, 34, 34); font-size: 16px; margin-bottom: 3px; } .discover-rows .discover-module .module-subtitle { color: rgb(111, 111, 111); font-size: 13px; line-height: 20px; } .discover-rows .discover-module .promotion-description { font-size: 11px; color: rgb(111, 111, 111); margin: 9px 0px -15px; } .discover-rows .discover-module .collection { display: inline-block; } .discover-rows .discover-module .empty-cover { background-color: rgb(255, 255, 255); } .discover-rows .discover-module .empty-cover-large { background-color: rgb(255, 255, 255); width: 295px; } .discover-rows .discover-module .discover-module-lists, .discover-rows .discover-module .discover-module-stories-large, .discover-rows .discover-module .discover-module-users-large { position: relative; display: inline-block; margin: 16px 4px 0px; vertical-align: top; } .discover-rows .discover-module .discover-module-lists:first-child, .discover-rows .discover-module .discover-module-stories-large:first-child, .discover-rows .discover-module .discover-module-users-large:first-child { margin-left: 0px; } .discover-rows .discover-module .discover-module-lists:last-child, .discover-rows .discover-module .discover-module-stories-large:last-child, .discover-rows .discover-module .discover-module-users-large:last-child { margin-right: 0px; } .discover-rows .discover-module .discover-module-lists .cover, .discover-rows .discover-module .discover-module-stories-large .cover, .discover-rows .discover-module .discover-module-users-large .cover { float: left; } .discover-rows .discover-module .discover-module-lists .cover-module-large, .discover-rows .discover-module .discover-module-stories-large .cover-module-large, .discover-rows .discover-module .discover-module-users-large .cover-module-large { width: 407px; height: 222px; } .discover-rows .discover-module .discover-module-lists .content, .discover-rows .discover-module .discover-module-stories-large .content, .discover-rows .discover-module .discover-module-users-large .content { width: 193px; float: left; margin-left: 10px; } .discover-rows .discover-module .discover-module-lists .content .title, .discover-rows .discover-module .discover-module-stories-large .content .title, .discover-rows .discover-module .discover-module-users-large .content .title { font-size: 18px; } .discover-rows .discover-module .promoted-story div { vertical-align: middle; } .discover-rows .discover-module .promoted-story .discover-module-stories-large.promoted-blurb { width: 295px; text-align: center; color: rgb(111, 111, 111); } .discover-rows .discover-module .promoted-story .discover-module-stories-large.promoted-blurb .user-description { font-style: italic; font-size: 18px; line-height: 30px; margin-bottom: 12px; } .discover-rows .discover-module .promoted-story .discover-module-stories-large.promoted-blurb .avatar { display: inline-block; float: none; margin-right: 5px; } .discover-rows .discover-module .promoted-story .discover-module-stories-large.promoted-blurb .user-name { font-size: 13px; color: rgb(111, 111, 111); } .discover-rows .discover-module .discover-module-lists .cover { background-color: rgb(255, 255, 255); } .discover-rows .discover-module .discover-module-lists .content { margin-top: 8px; } .discover-rows .discover-module .discover-module-lists .num-stories, .discover-rows .discover-module .discover-module-lists .tags a { color: rgb(111, 111, 111); } .discover-rows .discover-module .discover-module-users-large .avatar-container { float: left; } .discover-rows .discover-module .discover-module-users-large .avatar-container .avatar { width: 92px; height: 92px; margin-bottom: 12px; } .discover-rows .discover-module .discover-module-users-large .meta { margin-bottom: 0px; } .discover-rows .discover-module .discover-module-users-large .meta span { margin-right: 5px; padding: 0px; } .discover-rows .discover-module .discover-module-users-large .user-stats { font-size: 12px; color: rgb(111, 111, 111); } .discover-rows .discover-module .discover-module-users-small .avatar { width: 92px; height: 92px; margin-bottom: 6px; } .discover-rows .discover-module .discover-module-users-small .user-stats { color: rgb(111, 111, 111); } .discover-rows .discover-module .discover-module-stories-small, .discover-rows .discover-module .discover-module-users-small { position: relative; display: inline-block; vertical-align: top; width: 92px; margin: 16px 0px 0px 12px; } .discover-rows .discover-module .discover-module-stories-small:first-child, .discover-rows .discover-module .discover-module-users-small:first-child { margin-left: 0px; } .discover-rows .discover-module .discover-module-stories-small .cover, .discover-rows .discover-module .discover-module-users-small .cover { margin-bottom: 6px; } .discover-rows .discover-module .discover-module-stories-small .title, .discover-rows .discover-module .discover-module-users-small .title { height: 36px; margin-bottom: 2px; overflow: hidden; } .discover-rows .discover-module .discover-module-stories-small .username, .discover-rows .discover-module .discover-module-users-small .username { height: 18px; overflow: hidden; margin-bottom: 2px; } .discover-rows .discover-module .meta { margin-top: 0px; font-size: 12px; line-height: 18px; display: block; } .discover-rows .discover-module .supported-marker { display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 6px; color: rgb(34, 34, 34); overflow: hidden; white-space: nowrap; } .discover-rows .discover-module .supported-marker img { margin-right: 4px; width: auto; } .discover-rows .discover-module .title { font-weight: 600; color: rgb(34, 34, 34); } .discover-rows .discover-module .username { color: rgb(111, 111, 111); } .discover-rows .discover-module .category { color: rgb(111, 111, 111); text-transform: uppercase; } .discover-rows .discover-module .description { font-size: 12px; line-height: 18px; } .discover-rows .discover-module .social-meta { color: rgb(111, 111, 111); display: inline-block; position: relative; top: -3px; } .discover-rows .discover-module .social-meta .read-count, .discover-rows .discover-module .social-meta .vote-count { padding-right: 6px; } .discover-rows .discover-module .social-meta img { display: inline-block !important; } #parts-container-new #media-container .media-wrapper { margin-bottom: 48px; min-height: 120px; max-height: 340px; } #parts-container-new #media-container .media-wrapper .banned-overlay { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; backdrop-filter: blur(2px); background-color: rgba(0, 0, 0, 0.5); } #parts-container-new #media-container .media-wrapper .banned-overlay .banned-warning { position: relative; display: block; top: 45%; } #parts-container-new #media-container .media-wrapper .btn-primary { position: absolute; bottom: 10px; right: 10px; width: 40px; height: 40px; } #parts-container-new #media-container .media-wrapper .background { background-color: transparent; } #parts-container-new #media-container .media-wrapper .media .story-info { display: block; max-width: 600px; vertical-align: middle; padding: 12px 6px 10px; } #parts-container-new #media-container .media-wrapper .media .story-info .cover { width: 112px; float: left; margin: 10px; background-color: transparent; } #parts-container-new #media-container .media-wrapper .media .story-info .text { text-align: left; } #parts-container-new #media-container .media-wrapper .media .story-info .text .item-header { margin: 0px; padding-top: 5px; font-weight: 600; text-shadow: none; font-size: 12px; } #parts-container-new #media-container .media-wrapper .media .story-info .text .item-title { margin: 0px; line-height: 18px; font-weight: 600; text-shadow: none; font-size: 18px; } #parts-container-new #media-container .media-wrapper .media .story-info .text .item-category { text-transform: uppercase; color: rgb(255, 255, 255); margin-bottom: 12px; font-weight: 600; font-size: 12px; } #parts-container-new #media-container .media-wrapper .media .story-info .text .item-description { line-height: 19px; height: 114px; font-size: 15px; overflow: hidden; margin: 0px; } #parts-container-new #media-container .media-wrapper .media .story-info .item-tags { height: 46px; overflow: scroll; font-size: 15px; margin: 8px 0px 0px 8px; } #parts-container-new #media-container .media-wrapper .media .story-info .item-tags a { color: rgb(255, 255, 255); } #parts-container-new #media-container .media-wrapper .media .story-info .item-tags .collection { white-space: nowrap; text-align: left; } #parts-container-new #media-container .media-wrapper .carousel-indicators { left: 50%; padding-top: 12px; background-color: rgb(255, 255, 255); } #parts-container-new #media-container .media-wrapper .carousel-indicators .active { background-color: rgb(111, 111, 111); } #parts-container-new #media-container .media-wrapper .carousel-indicators li { border-color: rgb(111, 111, 111); } #parts-container-new #media-container .media-wrapper .carousel-indicators .icon-container { display: none; } .profile-followers-following-modal .modal-header { position: fixed; z-index: 1; width: 100%; background-color: rgb(255, 97, 34); color: rgb(255, 255, 255); height: 54px; text-align: center; } .profile-followers-following-modal .modal-header .modal-title { margin: 0px; font-size: 18px; } .profile-followers-following-modal .modal-header .close { position: absolute; top: 0px; right: 0px; margin: 0px; width: 42px; line-height: 54px; text-align: center; } .profile-followers-following-modal .modal-dialog { margin: 0px; padding-top: 54px; width: 100%; height: 100%; } .profile-followers-following-modal .modal-content { border: none; border-radius: 0px; min-height: 100%; background-color: rgb(238, 238, 238); } .profile-followers-following-modal .modal-body { padding: 10px 10px 0px; background-color: rgb(255, 255, 255); } .profile-followers-following-modal .modal-body .row { margin: 0px; } .profile-followers-following-modal #user-row-items .col-xs-12 { height: 60px; padding: 0px; } .profile-followers-following-modal #user-row-items .truncate { display: none; } .profile-followers-following-modal #user-row-items .user-data { padding-left: 15px; height: 42px; width: 86%; overflow: hidden; } .profile-followers-following-modal #user-row-items .user-data.truncate-width { width: 68%; } .profile-followers-following-modal #user-row-items .user-data .fullname { font-size: 15px; white-space: nowrap; } .profile-followers-following-modal #user-row-items .user-data .fullname .username { font-size: 11px; color: rgb(111, 111, 111); } .profile-followers-following-modal #user-row-items .user-data ul { list-style-type: none; margin: 0px; padding: 0px; font-size: 12px; color: rgb(111, 111, 111); line-height: 10px; } .profile-followers-following-modal #user-row-items .user-data ul li { display: inline-block; } .profile-followers-following-modal #user-row-items .user-data ul li + li::before { content: "·"; font-size: 24px; line-height: 1px; position: relative; top: 4px; padding-right: 2px; } .profile-followers-following-modal #user-row-items .follow { position: absolute; right: 0px; } .profile-followers-following-modal #user-row-items .follow a, .profile-followers-following-modal #user-row-items .follow button { width: 36px; height: 36px; padding: 0px; z-index: 1; } .profile-followers-following-modal #user-row-items .follow a span.fa, .profile-followers-following-modal #user-row-items .follow button span.fa { top: 2px; padding: 0px 7px; } .profile-followers-following-modal #user-row-items .follow a span.fa-user, .profile-followers-following-modal #user-row-items .follow button span.fa-user { top: 7px; } .profile-followers-following-modal #user-row-items .follow button.on-remove-follower { padding: 0px; background-color: rgb(238, 238, 238); } #similar-stories .story, #similar-stories .story-item { border-radius: 0px; margin: 6px 0px; } #similar-stories .story-item > a, #similar-stories .story > a { color: rgb(111, 111, 111); } #similar-stories .story-item > a:active, #similar-stories .story-item > a:focus, #similar-stories .story-item > a:hover, #similar-stories .story > a:active, #similar-stories .story > a:focus, #similar-stories .story > a:hover { text-decoration: none; } #similar-stories .story-item > a:active .title, #similar-stories .story-item > a:focus .title, #similar-stories .story-item > a:hover .title, #similar-stories .story > a:active .title, #similar-stories .story > a:focus .title, #similar-stories .story > a:hover .title { text-decoration: underline; } #similar-stories .story .title, #similar-stories .story-item .title { display: block; font-weight: 600; font-size: 15px; line-height: 18px; } #similar-stories .story .author, #similar-stories .story-item .author { display: block; margin-top: 3px; } #similar-stories .story-item:last-child, #similar-stories .story:last-child { margin-bottom: 20px; } #similar-stories .story .fa, #similar-stories .story-item .fa { color: rgb(111, 111, 111) !important; } #similar-stories .story .promoted .fa, #similar-stories .story-item .promoted .fa { position: relative; top: 1px; color: rgb(255, 97, 34) !important; } #similar-stories .cover { margin-right: 12px; } #similar-stories .stories > a { display: block; color: rgb(111, 111, 111); font-size: 14px; padding: 9px 12px 0px; margin: 12px 0px -3px; border-top: 1px solid rgb(238, 238, 238); } #similar-stories .categories { min-height: 0px; } #story-reading #similar-stories { padding-top: 0px; } .subscription-modal { text-align: center; } .subscription-modal .modal-body { padding: 0px; } .subscription-modal .modal-dialog { margin-top: 40px; } .subscription-modal .modal-header { position: absolute; right: 0px; z-index: 1; } .subscription-modal .modal-content { border-radius: 16px 16px 14px 14px; } .subscription-modal #subscribe-cta { border-top-right-radius: 14px; border-top-left-radius: 14px; background-color: rgb(0, 153, 153); background-image: url("/img/premium-modal/wordwall1.jpg"); padding: 50px 15px 98px; } .subscription-modal #subscribe-cta .title { padding-left: 5%; padding-right: 5%; font-size: 26px; line-height: 28px; } .subscription-modal #subscribe-cta .description { font-size: 16px; line-height: 18px; } .subscription-modal .app-img { margin-top: -90px; width: 120px; height: 245px; } .subscription-modal .subscribe-now { margin: 16px 0px; padding: 10px 0px; width: 60%; } @media (min-width: 768px) { .subscription-modal .subscribe-now { width: 40%; } } .modal-overlay, .modal-wrapper { position: fixed; top: 0px; left: 0px; width: 100vw; min-height: 100vh; z-index: 99999; } .modal-wrapper { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .modal-container { background: rgb(255, 255, 255); position: relative; min-height: 100px; max-height: 100vh; overflow-y: auto; } .modal-container .modal-close-button { background: 0px 0px; border: none; position: absolute; top: 20px; right: 20px; z-index: 1; } .modal-overlay { background: rgba(18, 18, 18, 0.64); } .avatar { border-radius: 50%; display: block; background-color: rgb(238, 238, 238); } .avatar img { width: 100%; height: 100%; border-radius: 50%; } .avatar.border { border: 1px solid rgb(255, 255, 255); background: rgb(238, 238, 238); box-shadow: rgba(0, 0, 3, 0.15) 0px 0px 5px; } .avatar.border img { padding: 1px; } .avatar.border-lg { border: 2px solid rgb(255, 255, 255); } .avatar.shadow { box-shadow: rgba(0, 0, 3, 0.3) 0px 1px 5px; } .avatar.avatar-xs { width: 24px; height: 24px; } .avatar.avatar-xs2 { width: 30px; height: 30px; } .avatar.avatar-sm { width: 32px; height: 32px; } .avatar.avatar-sm2 { width: 36px; height: 36px; } .avatar.avatar-sm3 { width: 42px; height: 42px; } .avatar.avatar-md { width: 48px; height: 48px; } .avatar.avatar-lg { width: 72px; height: 72px; } .avatar.avatar-profile { width: 96px; height: 96px; } .avatar.avatar-xl { width: 132px; height: 132px; } .avatar.avatar-logo { padding: 3px; background-color: rgb(255, 97, 34); } .avatar.avatar-logo img { background-color: rgb(255, 97, 34); } .avatar.avatar-square { border-radius: 0px; } .user-event { background: rgb(255, 255, 255); box-shadow: rgb(238, 238, 238) 0px 1px 4px 0px; margin: 12px 0px; padding: 12px; } .user-event.self { border-left: 4px solid rgb(255, 97, 34); } .user-event.external { border-left: 4px solid rgb(238, 238, 238); } .user-event blockquote { margin-left: 10px; } .user-event header { line-height: 18px; font-size: 16px; font-weight: 400; position: relative; min-height: 32px; } .user-event header > a.avatar { position: absolute; top: 2px; left: 0px; } .user-event header > div { margin-left: 44px; margin-right: 59px; } .user-event header > time { position: absolute; top: 0px; right: 0px; } .user-event .story-meta { position: relative; min-height: 113px; } .user-event .story-meta > a.cover { position: absolute; top: 0px; left: 0px; } .user-event .story-meta > a.cover img { box-shadow: rgb(111, 111, 111) 0px 2px 3px 0px; border-bottom: 1px solid rgb(111, 111, 111); } .user-event .story-meta > div { margin-left: 84px; } .user-event .story-meta > div > div.meta > span { margin-right: 12px; } .user-event .story-meta button { margin-right: 6px; } .user-event .user-meta { position: relative; min-height: 72px; } .user-event .user-meta > a.avatar { position: absolute; top: 0px; left: 0px; } .user-event .user-meta > div { margin-left: 84px; } .user-event .user-meta button { margin-right: 6px; } .user-event .title { font-size: 16px; line-height: 24px; } .user-event .subtitle { font-size: 14px; line-height: 24px; color: rgb(238, 238, 238); } .user-event .reply { margin-left: 10px; } .user-event div.warning { margin-top: 12px; } .user-event .message-replies { margin-right: -12px; margin-left: -12px; } .user-event .message-replies > .show-more { margin: 12px; } .user-event .message-replies > .collection > .user-event { margin: 0px; background: rgb(238, 238, 238); } .user-event .message-replies > .collection > .user-event header, .user-event .message-replies > .collection > .user-event > pre { margin-left: 12px; } .user-event .message-replies-box .message-new .triangle { display: none; } #deep-link-message > .user-event { padding: 12px; border-radius: 12px; background-color: rgb(195, 216, 220); border-left: none; } .cover { display: block; background-color: rgb(238, 238, 238); } .cover img { width: 100%; height: 100%; } .cover.cover-xxs { width: 28px; height: 43px; } .cover.cover-xxs.list { width: 36px; } .cover.cover-xs { width: 38px; height: 59px; } .cover.cover-xs.list { width: 46px; } .cover.cover-sm-works { width: 72px; height: 112px; } .cover.cover-sm-works.list { width: 88px; } .cover.cover-sm { width: 72px; height: 112px; } .cover.cover-sm.list { width: 88px; } .cover.cover-md { width: 108px; height: 168px; } .cover.cover-md.list { width: 129px; } .cover.cover-home { width: 92px; height: 143px; } .cover.cover-md-list { width: 107px; height: 167px; } .cover.cover-lg { width: 144px; height: 225px; } .cover.cover-lg.list { width: 176px; } .cover.cover-xlg { width: 147px; height: 229px; } .cover.cover-xxlg { width: 147px; height: 229px; } .cover.shadow { box-shadow: rgb(238, 238, 238) 0px 2px 3px 0px; border-bottom: 1px solid rgb(238, 238, 238); } .panel { margin-bottom: 12px; background-color: rgb(255, 255, 255); border: 1px solid transparent; box-shadow: rgba(34, 34, 34, 0.08) 0px 1px 10px 0px, rgba(34, 34, 34, 0.1) 0px 4px 5px 0px; } .panel-body { padding: 12px 18px; } .panel-body:first-child { border-top-right-radius: 2px; border-top-left-radius: 2px; } .panel-body:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel-body > hr { border-top-color: rgb(238, 238, 238); } .panel-heading { padding: 18px 18px 0px; border-bottom: 1px solid transparent; border-top-right-radius: 2px; border-top-left-radius: 2px; } .panel-heading h1:first-child, .panel-heading h2:first-child, .panel-heading h3:first-child, .panel-heading h4:first-child, .panel-heading h5:first-child, .panel-heading h6:first-child { margin-top: 0px; font-weight: 600; } .panel-heading span { font-size: 21px; line-height: 24px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0px; font-size: 16px; color: rgb(34, 34, 34); } .panel-title > a { color: inherit; } .panel-footer { padding: 12px 18px; background-color: rgb(255, 255, 255); border-top: 1px solid rgb(238, 238, 238); border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel > .list-group { margin-bottom: 0px; } .panel > .list-group .list-group-item { border-width: 1px 0px; border-radius: 0px; } .panel > .list-group:first-child .list-group-item:first-child { border-top: 0px; border-top-right-radius: 2px; border-top-left-radius: 2px; } .panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0px; } .list-group + .panel-footer { border-top-width: 0px; } .panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table { margin-bottom: 0px; } .panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child { border-top-right-radius: 2px; border-top-left-radius: 2px; } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child { border-top-left-radius: 2px; } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child { border-top-right-radius: 2px; } .panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 2px; } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 2px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top: 1px solid rgb(221, 221, 221); } .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th { border-top: 0px; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0px; } .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0px; } .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0px; } .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th { border-bottom: 0px; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0px; } .panel > .table-responsive { border: 0px; margin-bottom: 0px; } .panel-group { margin-bottom: 24px; } .panel-group .panel { margin-bottom: 0px; border-radius: 3px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0px; } .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid rgb(238, 238, 238); } .panel-group .panel-footer { border-top: 0px; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid rgb(238, 238, 238); } .panel-default { border-color: rgb(238, 238, 238); } .panel-default > .panel-heading { color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); border-color: rgb(238, 238, 238); } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(238, 238, 238); } .panel-default > .panel-heading .badge { color: rgb(255, 255, 255); background-color: rgb(34, 34, 34); } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(238, 238, 238); } .panel-default2 { border-color: rgb(238, 238, 238); border-radius: 5px; padding: 20px 15px; } .panel-default2 > .panel-heading { color: rgb(111, 111, 111); background-color: rgb(255, 255, 255); border-color: rgb(238, 238, 238); } .panel-default2 > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(238, 238, 238); } .panel-default2 > .panel-heading .badge { color: rgb(255, 255, 255); background-color: rgb(111, 111, 111); } .panel-default2 > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(238, 238, 238); } .panel-primary { border-color: rgb(255, 97, 34); } .panel-primary > .panel-heading { color: rgb(255, 255, 255); background-color: rgb(255, 97, 34); border-color: rgb(255, 97, 34); } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(255, 97, 34); } .panel-primary > .panel-heading .badge { color: rgb(255, 97, 34); background-color: rgb(255, 255, 255); } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(255, 97, 34); } .panel-success { border-color: rgb(214, 233, 198); } .panel-success > .panel-heading { color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198); } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(214, 233, 198); } .panel-success > .panel-heading .badge { color: rgb(223, 240, 216); background-color: rgb(60, 118, 61); } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(214, 233, 198); } .panel-info { border-color: rgb(188, 232, 241); } .panel-info > .panel-heading { color: rgb(49, 112, 143); background-color: rgb(217, 237, 247); border-color: rgb(188, 232, 241); } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(188, 232, 241); } .panel-info > .panel-heading .badge { color: rgb(217, 237, 247); background-color: rgb(49, 112, 143); } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(188, 232, 241); } .panel-warning { border-color: rgb(250, 235, 204); } .panel-warning > .panel-heading { color: rgb(138, 109, 59); background-color: rgb(252, 248, 227); border-color: rgb(250, 235, 204); } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(250, 235, 204); } .panel-warning > .panel-heading .badge { color: rgb(252, 248, 227); background-color: rgb(138, 109, 59); } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(250, 235, 204); } .panel-danger { border-color: rgb(235, 204, 209); } .panel-danger > .panel-heading { color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); border-color: rgb(235, 204, 209); } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(235, 204, 209); } .panel-danger > .panel-heading .badge { color: rgb(242, 222, 222); background-color: rgb(169, 68, 66); } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(235, 204, 209); } .panel-basic { border-color: rgb(255, 255, 255); } .panel-basic > .panel-heading { color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .panel-basic > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(255, 255, 255); } .panel-basic > .panel-heading .badge { color: rgb(255, 255, 255); background-color: rgb(34, 34, 34); } .panel-basic > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(255, 255, 255); } .panel.panel-transparent { background-color: transparent; } .panel.panel-transparent .panel-heading { background-color: rgba(255, 255, 255, 0.85); border-top-right-radius: 5px; border-top-left-radius: 5px; } .panel.panel-transparent .panel-body { background-color: rgba(255, 255, 255, 0.85); } .panel.panel-transparent .panel-body:first-child { border-top-right-radius: 5px; border-top-left-radius: 5px; } .panel.panel-transparent .panel-body:last-child { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .panel.panel-transparent .panel-body > hr { border-top-color: rgb(204, 204, 204); } .panel.panel-transparent .panel-footer { background-color: rgba(220, 220, 220, 0.85); border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .panel.panel-basic { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom: 1px solid rgb(238, 238, 238); box-shadow: none; } .panel.panel-basic .panel-heading { padding: 18px 18px 0px; } .panel.panel-basic .panel-heading > .panel-title { color: rgb(111, 111, 111); font-size: 18px; font-weight: 600; margin-bottom: 0px; } .panel.panel-basic .panel-body { padding: 18px; } .panel.panel-shadow { border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 6px 0.05px; } .panel.panel-shadow .panel-heading { padding: 18px 18px 0px; } .panel.panel-shadow .panel-heading > .panel-title { color: rgb(111, 111, 111); font-size: 18px; font-weight: 600; margin-bottom: 0px; } .panel.panel-shadow .panel-body { padding: 18px; } .panel.panel-reading { padding: 18px; border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.165) 0px 2px 5px -1px; } .panel.panel-reading pre { margin: 0px; font-size: 18px; line-height: 30px; color: rgb(34, 34, 34); white-space: inherit; } @media (min-width: 992px) { .panel.panel-reading pre { min-height: 255px; } } .panel.notification:active, .panel.notification:focus, .panel.notification:hover { background-color: rgb(238, 238, 238); } .panel.feed-item-new { background: rgb(255, 255, 255); border-radius: 5px; box-shadow: rgba(120, 120, 120, 0.25) 0px 2px 5px; border: none; overflow: hidden; } .panel.feed-item-new .panel-heading { border-bottom: 1px solid rgb(238, 238, 238); background-color: rgb(255, 255, 255); min-height: 54px; padding-right: 48px; } .panel.feed-item-new .panel-heading .button-group { position: absolute; top: 11px; right: 18px; } .panel.feed-item-new .panel-heading .button-group .triangle { top: 88%; } .panel.feed-item-new .panel-heading .button-group .dropdown-menu { top: 88%; box-shadow: rgba(0, 0, 0, 0.133) 0px 1px 6px; } .panel.feed-item-new .panel-body { background-color: rgb(255, 255, 255); } .panel.feed-item-new .panel-body .panel { background: rgb(255, 255, 255); display: block; padding: 9px; margin: 0px; border-radius: 3px 0px 3px 3px; color: rgb(111, 111, 111); border: 1px solid rgb(238, 238, 238); box-shadow: none; overflow: hidden; } .panel.feed-item-new .panel-body .panel::after, .panel.feed-item-new .panel-body .panel::before { content: " "; display: table; } .panel.feed-item-new .panel-body .panel::after { clear: both; } .panel.feed-item-new .panel-body .panel::after, .panel.feed-item-new .panel-body .panel::before { content: " "; display: table; } .panel.feed-item-new .panel-body .panel::after { clear: both; } .panel.feed-item-new .panel-body .panel .ul { margin: 0px; border: 0px; } .panel.feed-item-new .panel-body > a { color: rgb(111, 111, 111); background: rgb(255, 255, 255); } .panel.feed-item-new .panel-body > a:hover { text-decoration: none; } .panel.feed-item-new .list-group { margin: 9px; border-radius: 3px; overflow: hidden; border: 1px solid rgb(238, 238, 238); } .panel.feed-item-new .list-group .list-group-item { background: rgb(238, 238, 238); padding: 0px; position: relative; border-left: none rgb(238, 238, 238); border-right: none rgb(238, 238, 238); border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-color: rgb(238, 238, 238); border-bottom-color: rgb(238, 238, 238); } .panel.feed-item-new .list-group .list-group-item > a, .panel.feed-item-new .list-group .list-group-item > div.item-content { padding: 9px; display: block; background-color: rgb(255, 255, 255); transition: background-color 180ms ease 0s; } .panel.feed-item-new .list-group .list-group-item > a::after, .panel.feed-item-new .list-group .list-group-item > a::before, .panel.feed-item-new .list-group .list-group-item > div.item-content::after, .panel.feed-item-new .list-group .list-group-item > div.item-content::before { content: " "; display: table; } .panel.feed-item-new .list-group .list-group-item > a::after, .panel.feed-item-new .list-group .list-group-item > div.item-content::after { clear: both; } .panel.feed-item-new .list-group .list-group-item > a::after, .panel.feed-item-new .list-group .list-group-item > a::before, .panel.feed-item-new .list-group .list-group-item > div.item-content::after, .panel.feed-item-new .list-group .list-group-item > div.item-content::before { content: " "; display: table; } .panel.feed-item-new .list-group .list-group-item > a::after, .panel.feed-item-new .list-group .list-group-item > div.item-content::after { clear: both; } .panel.feed-item-new .panel-footer { min-height: 36px; background: rgb(255, 255, 255); margin-bottom: 1px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; padding: 0px 15px; border-top: 1px solid rgb(238, 238, 238); } .panel.feed-item-new .panel-footer.message-new, .panel.feed-item-new .panel-footer.new-message, .panel.feed-item-new .panel-footer.new-post { background: rgb(238, 238, 238); border: none; padding: 0px; } .panel.feed-item-new .panel-footer.message-new .triangle, .panel.feed-item-new .panel-footer.new-message .triangle, .panel.feed-item-new .panel-footer.new-post .triangle { left: 3px; } header.panel.panel-reading { margin-bottom: 0px; padding-bottom: 0px; } footer.panel.panel-reading { margin-top: -24px; margin-bottom: 0px; padding: 0px; } footer.panel.panel-reading .actions { background: rgb(238, 238, 238); width: 100%; padding: 12px; } .vhcenter { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .vcenter { display: inline-block; vertical-align: middle; float: none; } .no-item { padding: 15px; } .page-rip::after { content: ""; width: 100%; height: 20px; display: block; position: relative; top: 0px; left: 0px; z-index: 1; background: linear-gradient(rgb(238, 238, 238) 0px, transparent 0px) center center / 0px 100% repeat-x, linear-gradient(135deg, rgb(255, 255, 255) 33.33%, transparent 33.33%) 0% 0% / 18px 36px, linear-gradient(45deg, rgb(255, 255, 255) 33.33%, rgb(238, 238, 238) 33.33%) 0% 0% / 18px 36px rgb(238, 238, 238); } .page-rip::before { content: ""; width: 100%; height: 20px; display: block; position: relative; top: 0px; left: 0px; z-index: 1; background: linear-gradient(rgb(255, 255, 255) 0px, transparent 0px) center center / 0px 100% repeat-x, linear-gradient(135deg, rgb(238, 238, 238) 33.33%, transparent 33.33%) 0% 0% / 18px 36px, linear-gradient(45deg, rgb(238, 238, 238) 33.33%, rgb(255, 255, 255) 33.33%) 0% 0% / 18px 36px rgb(238, 238, 238); } .push-container { margin-top: 56px; } .wp-panel { margin-bottom: 12px; background-color: rgb(255, 255, 255); box-shadow: rgba(34, 34, 34, 0.08) 0px 1px 10px 0px, rgba(34, 34, 34, 0.1) 0px 4px 5px 0px; padding: 18px; border: none; } .wp-panel > .list-group { margin-bottom: 0px; } .wp-panel > .list-group .list-group-item { border-width: 1px 0px; border-radius: 0px; } .wp-panel > .list-group:first-child .list-group-item:first-child { border-top: 0px; border-top-right-radius: 2px; border-top-left-radius: 2px; } .wp-panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .wp-panel > .panel-collapse > .table, .wp-panel > .table, .wp-panel > .table-responsive > .table { margin-bottom: 0px; } .wp-panel > .table-responsive:first-child > .table:first-child, .wp-panel > .table:first-child { border-top-right-radius: 2px; border-top-left-radius: 2px; } .wp-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .wp-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .wp-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .wp-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .wp-panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .wp-panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .wp-panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .wp-panel > .table:first-child > thead:first-child > tr:first-child th:first-child { border-top-left-radius: 2px; } .wp-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .wp-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .wp-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .wp-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .wp-panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .wp-panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .wp-panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .wp-panel > .table:first-child > thead:first-child > tr:first-child th:last-child { border-top-right-radius: 2px; } .wp-panel > .table-responsive:last-child > .table:last-child, .wp-panel > .table:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .wp-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .wp-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .wp-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .wp-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .wp-panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .wp-panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .wp-panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .wp-panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 2px; } .wp-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .wp-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .wp-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .wp-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .wp-panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .wp-panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .wp-panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .wp-panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 2px; } .wp-panel > .panel-body + .table, .wp-panel > .panel-body + .table-responsive { border-top: 1px solid rgb(221, 221, 221); } .wp-panel > .table > tbody:first-child > tr:first-child td, .wp-panel > .table > tbody:first-child > tr:first-child th { border-top: 0px; } .wp-panel > .table-bordered, .wp-panel > .table-responsive > .table-bordered { border: 0px; } .wp-panel > .table-bordered > tbody > tr > td:first-child, .wp-panel > .table-bordered > tbody > tr > th:first-child, .wp-panel > .table-bordered > tfoot > tr > td:first-child, .wp-panel > .table-bordered > tfoot > tr > th:first-child, .wp-panel > .table-bordered > thead > tr > td:first-child, .wp-panel > .table-bordered > thead > tr > th:first-child, .wp-panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .wp-panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .wp-panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .wp-panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .wp-panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .wp-panel > .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0px; } .wp-panel > .table-bordered > tbody > tr > td:last-child, .wp-panel > .table-bordered > tbody > tr > th:last-child, .wp-panel > .table-bordered > tfoot > tr > td:last-child, .wp-panel > .table-bordered > tfoot > tr > th:last-child, .wp-panel > .table-bordered > thead > tr > td:last-child, .wp-panel > .table-bordered > thead > tr > th:last-child, .wp-panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .wp-panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .wp-panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .wp-panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .wp-panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .wp-panel > .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0px; } .wp-panel > .table-bordered > tbody > tr:first-child > td, .wp-panel > .table-bordered > tbody > tr:first-child > th, .wp-panel > .table-bordered > thead > tr:first-child > td, .wp-panel > .table-bordered > thead > tr:first-child > th, .wp-panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .wp-panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .wp-panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .wp-panel > .table-responsive > .table-bordered > thead > tr:first-child > th { border-bottom: 0px; } .wp-panel > .table-bordered > tbody > tr:last-child > td, .wp-panel > .table-bordered > tbody > tr:last-child > th, .wp-panel > .table-bordered > tfoot > tr:last-child > td, .wp-panel > .table-bordered > tfoot > tr:last-child > th, .wp-panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .wp-panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .wp-panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .wp-panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0px; } .wp-panel > .table-responsive { border: 0px; margin-bottom: 0px; } .wp-panel.panel-transparent { background-color: transparent; } .wp-panel.panel-transparent .panel-heading { background-color: rgba(255, 255, 255, 0.85); border-top-right-radius: 5px; border-top-left-radius: 5px; } .wp-panel.panel-transparent .panel-body { background-color: rgba(255, 255, 255, 0.85); } .wp-panel.panel-transparent .panel-body:first-child { border-top-right-radius: 5px; border-top-left-radius: 5px; } .wp-panel.panel-transparent .panel-body:last-child { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .wp-panel.panel-transparent .panel-body > hr { border-top-color: rgb(204, 204, 204); } .wp-panel.panel-transparent .panel-footer { background-color: rgba(220, 220, 220, 0.85); border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .wp-panel.panel-basic { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom: 1px solid rgb(238, 238, 238); box-shadow: none; } .wp-panel.panel-basic .panel-heading { padding: 18px 18px 0px; } .wp-panel.panel-basic .panel-heading > .panel-title { color: rgb(111, 111, 111); font-size: 18px; font-weight: 600; margin-bottom: 0px; } .wp-panel.panel-basic .panel-body { padding: 18px; } .wp-panel.panel-shadow { border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 6px 0.05px; } .wp-panel.panel-shadow .panel-heading { padding: 18px 18px 0px; } .wp-panel.panel-shadow .panel-heading > .panel-title { color: rgb(111, 111, 111); font-size: 18px; font-weight: 600; margin-bottom: 0px; } .wp-panel.panel-shadow .panel-body { padding: 18px; } .wp-panel.panel-reading { padding: 18px; border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.165) 0px 2px 5px -1px; } .wp-panel.panel-reading pre { margin: 0px; font-size: 18px; line-height: 30px; color: rgb(34, 34, 34); white-space: inherit; } @media (min-width: 992px) { .wp-panel.panel-reading pre { min-height: 255px; } } .wp-panel.notification:active, .wp-panel.notification:focus, .wp-panel.notification:hover { background-color: rgb(238, 238, 238); } .wp-panel.feed-item-new { background: rgb(255, 255, 255); border-radius: 5px; box-shadow: rgba(120, 120, 120, 0.25) 0px 2px 5px; border: none; overflow: hidden; } .wp-panel.feed-item-new .panel-heading { border-bottom: 1px solid rgb(238, 238, 238); background-color: rgb(255, 255, 255); min-height: 54px; padding-right: 48px; } .wp-panel.feed-item-new .panel-heading .button-group { position: absolute; top: 11px; right: 18px; } .wp-panel.feed-item-new .panel-heading .button-group .triangle { top: 88%; } .wp-panel.feed-item-new .panel-heading .button-group .dropdown-menu { top: 88%; box-shadow: rgba(0, 0, 0, 0.133) 0px 1px 6px; } .wp-panel.feed-item-new .panel-body { background-color: rgb(255, 255, 255); } .wp-panel.feed-item-new .panel-body .panel { background: rgb(255, 255, 255); display: block; padding: 9px; margin: 0px; border-radius: 3px 0px 3px 3px; color: rgb(111, 111, 111); border: 1px solid rgb(238, 238, 238); box-shadow: none; overflow: hidden; } .wp-panel.feed-item-new .panel-body .panel::after, .wp-panel.feed-item-new .panel-body .panel::before { content: " "; display: table; } .wp-panel.feed-item-new .panel-body .panel::after { clear: both; } .wp-panel.feed-item-new .panel-body .panel::after, .wp-panel.feed-item-new .panel-body .panel::before { content: " "; display: table; } .wp-panel.feed-item-new .panel-body .panel::after { clear: both; } .wp-panel.feed-item-new .panel-body .panel .ul { margin: 0px; border: 0px; } .wp-panel.feed-item-new .panel-body > a { color: rgb(111, 111, 111); background: rgb(255, 255, 255); } .wp-panel.feed-item-new .panel-body > a:hover { text-decoration: none; } .wp-panel.feed-item-new .list-group { margin: 9px; border-radius: 3px; overflow: hidden; border: 1px solid rgb(238, 238, 238); } .wp-panel.feed-item-new .list-group .list-group-item { background: rgb(238, 238, 238); padding: 0px; position: relative; border-left: none rgb(238, 238, 238); border-right: none rgb(238, 238, 238); border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-color: rgb(238, 238, 238); border-bottom-color: rgb(238, 238, 238); } .wp-panel.feed-item-new .list-group .list-group-item > a, .wp-panel.feed-item-new .list-group .list-group-item > div.item-content { padding: 9px; display: block; background-color: rgb(255, 255, 255); transition: background-color 180ms ease 0s; } .wp-panel.feed-item-new .list-group .list-group-item > a::after, .wp-panel.feed-item-new .list-group .list-group-item > a::before, .wp-panel.feed-item-new .list-group .list-group-item > div.item-content::after, .wp-panel.feed-item-new .list-group .list-group-item > div.item-content::before { content: " "; display: table; } .wp-panel.feed-item-new .list-group .list-group-item > a::after, .wp-panel.feed-item-new .list-group .list-group-item > div.item-content::after { clear: both; } .wp-panel.feed-item-new .list-group .list-group-item > a::after, .wp-panel.feed-item-new .list-group .list-group-item > a::before, .wp-panel.feed-item-new .list-group .list-group-item > div.item-content::after, .wp-panel.feed-item-new .list-group .list-group-item > div.item-content::before { content: " "; display: table; } .wp-panel.feed-item-new .list-group .list-group-item > a::after, .wp-panel.feed-item-new .list-group .list-group-item > div.item-content::after { clear: both; } .wp-panel.feed-item-new .panel-footer { min-height: 36px; background: rgb(255, 255, 255); margin-bottom: 1px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; padding: 0px 15px; border-top: 1px solid rgb(238, 238, 238); } .wp-panel.feed-item-new .panel-footer.message-new, .wp-panel.feed-item-new .panel-footer.new-message, .wp-panel.feed-item-new .panel-footer.new-post { background: rgb(238, 238, 238); border: none; padding: 0px; } .wp-panel.feed-item-new .panel-footer.message-new .triangle, .wp-panel.feed-item-new .panel-footer.new-message .triangle, .wp-panel.feed-item-new .panel-footer.new-post .triangle { left: 3px; } .wp-panel .wp-hero { margin-left: -18px; margin-right: -18px; text-align: center; overflow: auto; } .wp-panel .wp-hero:first-child { margin-top: -18px; border-top-left-radius: 6px; border-top-right-radius: 6px; } .wp-panel .wp-hero h1:first-child, .wp-panel .wp-hero h2:first-child, .wp-panel .wp-hero h3:first-child, .wp-panel .wp-hero h4:first-child, .wp-panel .wp-hero h5:first-child, .wp-panel .wp-hero h6:first-child { margin-top: 0px; } .wp-panel .wp-hero.vcenter::before { content: ""; height: 100%; display: inline-block; vertical-align: middle; margin-left: -4px; } .wp-panel .wp-hero.vcenter > div { display: inline-block; margin: auto; vertical-align: middle; } .deleted-tag { color: rgb(250, 173, 161); } .draft-tag { color: rgb(195, 216, 220); } .background { width: 100%; color: rgb(255, 255, 255); text-align: center; background-color: rgb(111, 111, 111); background-position: center center; background-repeat: repeat; background-size: cover; } .background.text-left { text-align: left; } .background.text-right { text-align: right; } .background.background-sm { height: 84px; } .background.background-md { height: 144px; } .background.background-lg { padding-top: 54px; } .background.background-lg > .sub-navigation { margin-top: 36px; } .background.background-lg h3, .background.background-lg h5 { position: relative; z-index: 2; text-shadow: rgba(0, 0, 0, 0.75) 0px 0px 5px; } .background.background-lg h3 { margin-top: 18px; margin-bottom: 6px; } .background.background-lg p { margin-top: 6px; } .drag-item-placeholder { border-bottom: 1px solid rgb(238, 238, 238); background-color: rgb(238, 238, 238); } .active-drag { z-index: 5; border-bottom: 1px solid rgb(238, 238, 238); background-color: rgb(255, 255, 255); box-shadow: rgb(111, 111, 111) 0px 0px 50px; position: absolute !important; } .drag-handle { margin: 0px 24px; cursor: row-resize; display: inline-block; } .drag-handle .fa { font-size: 28px; } @media (max-width: 767px) { .drag-handle { margin: 0px 10px; } } .comment-marker { position: absolute; bottom: -10px; right: 5px; padding: 0px 3px 3px; } @media (max-width: 768px) { .comment-marker { right: 0px; } } .comment-marker.hide-marker { visibility: hidden; } .comment-marker .num-comment { position: absolute; font-size: 12px; font-weight: 700; color: rgb(255, 255, 255); left: 50%; top: -5px; transform: translate(-50%); } @media (max-width: 450px) { .comment-marker .num-comment { top: -2px; } } .comment-marker:hover { cursor: pointer; opacity: 0.5; } #story-reading p[data-p-id]:active .hide-marker, #story-reading p[data-p-id]:focus .hide-marker, #story-reading p[data-p-id]:hover .hide-marker { visibility: visible !important; } .new-message-new { padding-bottom: 0px; } .message-new, .new-post { position: relative; margin: 0px; width: 100%; padding: 12px; } .message-new .avatar.avatar-md, .new-post .avatar.avatar-md { position: absolute; left: 12px; height: 42px; width: 42px; } .message-new .avatar.avatar-xs2, .new-post .avatar.avatar-xs2 { position: absolute; left: 12px; height: 30px; width: 30px; } .message-new .message, .new-post .message { margin-left: 54px; position: relative; } .message-new .message textarea, .new-post .message textarea { resize: vertical; height: 42px; padding: 10px 15px; color: rgb(111, 111, 111); line-height: 20px; box-shadow: none; transition: all 250ms cubic-bezier(0.845, 0.17, 0.75, 0.75) 0s; } .message-new .message textarea.active, .new-post .message textarea.active { height: 86px; } .message-new .message textarea:focus, .new-post .message textarea:focus { border-color: rgb(225, 225, 225); color: rgb(111, 111, 111); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px; } .message-new .message .new-textarea, .new-post .message .new-textarea { border-radius: 5px; } .message-new .message .post-ui .broadcast-checkbox-label, .new-post .message .post-ui .broadcast-checkbox-label { font-size: 14px; color: rgb(111, 111, 111); margin: 0px 5px; } .message-new .message .post-ui .broadcast-info, .new-post .message .post-ui .broadcast-info { position: relative; top: 1px; } .message-new .message .count-error, .new-post .message .count-error { color: rgb(255, 63, 18); } @media (max-width: 360px) { .message-new .message textarea, .new-post .message textarea { font-size: 14px; padding: 1px 3px; } } .message-new .new-message-view, .new-post .new-message-view { margin-left: 48px; } .message-new .new-message-view .post-ui > div.broadcast, .new-post .new-message-view .post-ui > div.broadcast { display: inline-block; left: 0px; bottom: 0px; } .message-new .post-ui, .new-post .post-ui { height: 40px; } .message-new .post-ui .post-counter, .new-post .post-ui .post-counter { padding: 6px 1%; font-size: 13px; color: rgb(111, 111, 111); } .message-new .post-ui button, .new-post .post-ui button { margin-top: 5px; } .message-new .warning, .new-post .warning { padding-top: 5px; font-size: 13px; color: rgb(111, 111, 111); } .story-details { padding: 18px; } .story-details > div { padding: 6px 0px; position: relative; } .story-details > div > span:first-child { position: absolute; top: 8px; left: 0px; } .story-details > div img + div + span, .story-details > div img + span, .story-details > div span + div + span, .story-details > div > span + span { display: block; margin-left: 40px; color: rgb(111, 111, 111); font-weight: 400; } .story-details > div > a { padding: 0px; margin-left: 40px; font-weight: 400; color: rgb(0, 153, 153); } .story-details > div > a:focus, .story-details > div > a:hover { color: rgb(0, 178, 178); } .story-details .tag-ranking { overflow: hidden; } .story-details .tag-ranking .tag-ranking-medal { float: left; } .story-details .tag-ranking span { display: inline-block; margin-left: 18px; } .story-details .tag-ranking span b { font-weight: 600; } .story-details .tag-ranking a { margin: 0px 0px 0px 18px; padding: 4px 9px; border: 1px solid rgb(0, 178, 178); border-radius: 4px; color: rgb(0, 178, 178); font-size: 14px; white-space: nowrap; } .library-item { position: relative; min-height: 120px; display: inline-block; color: rgb(111, 111, 111); margin-bottom: 18px; width: 100%; } .library-item .cover { position: absolute; top: 0px; left: 18px; width: 77px; height: 120px; box-shadow: rgb(111, 111, 111) 0px 1px 2px 0px; } .library-item .content { margin-left: 113px; margin-right: 18px; color: rgb(111, 111, 111); } .library-item .content h3 { max-height: 63px; font-size: 18px; line-height: 21px; padding-bottom: 1px; overflow: hidden; margin: 3px 0px 0px; font-weight: 400; } .library-item .content small { display: block; margin-top: 3px; color: rgb(111, 111, 111); } .library-item .content .x-small { opacity: 0; font-size: 13px; line-height: 15px; color: rgb(111, 111, 111); transition: opacity 320ms ease-in 0s; } .library-item .content .reading-progress { position: relative; width: 100%; height: 3px; margin: 6px 0px; background: rgb(238, 238, 238); } .library-item .content .reading-progress .pct-read { position: absolute; top: 0px; left: 0px; height: 100%; width: 0px; background: rgb(0, 178, 178); } .library-item:hover { text-decoration: none; color: rgb(111, 111, 111); } .library-item:hover .content .x-small { opacity: 1; transition: opacity 160ms ease-in 0s; } @media (min-width: 768px) and (max-width: 991px) { .library-item { min-height: 96px; } .library-item .cover { height: 96px; width: 62px; } .library-item .content { margin-left: 92px; } .library-item .content h3 { font-size: 16px; line-height: 18px; max-height: 54px; } .library-item .content small { font-size: 13px; } } .library-story-item { position: relative; display: inline-block; width: 16%; margin: 30px 2% 6px; vertical-align: top; -webkit-box-ordinal-group: 2; order: 1; } @media (min-width: 991px) { .library-story-item:nth-child(1), .library-story-item:nth-child(2), .library-story-item:nth-child(3), .library-story-item:nth-child(4), .library-story-item:nth-child(5), .library-story-item:nth-child(6) { order: -1; } } @media (min-width: 768px) and (max-width: 991px) { .library-story-item { width: 21%; } .library-story-item:nth-child(1), .library-story-item:nth-child(2), .library-story-item:nth-child(3), .library-story-item:nth-child(4), .library-story-item:nth-child(5) { order: -1; } } @media (min-width: 600px) and (max-width: 767px) { .library-story-item { width: 28.7%; margin-left: 2.3%; margin-right: 2.3%; } .library-story-item:nth-child(1), .library-story-item:nth-child(2), .library-story-item:nth-child(3), .library-story-item:nth-child(4) { order: -1; } } @media (max-width: 599px) { .library-story-item { width: 42%; margin-left: 4%; margin-right: 4%; } .library-story-item:nth-child(1), .library-story-item:nth-child(2), .library-story-item:nth-child(3) { order: -1; } } .library-story-item .cover { width: 100%; height: auto; box-shadow: rgba(34, 34, 34, 0.08) 0px 0px 14px 2px, rgba(34, 34, 34, 0.1) 0px 0px 10px 1px; margin-bottom: 9px; border-radius: 4px; } .library-story-item .cover img { border-radius: 4px; } .library-story-item .content { position: relative; } .library-story-item .content strong { display: block; font-weight: 600; color: rgb(34, 34, 34); margin-right: 38px; line-height: 18px; margin-bottom: 0px; } .library-story-item .content small { display: block; color: rgb(111, 111, 111); margin-right: 38px; line-height: 18px; margin-bottom: 6px; } .library-story-item .content small, .library-story-item .content strong { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .library-story-item .content .meta .label { padding: 0.2em 0.6em 0.3em; } .library-story-item .content .avatar { position: absolute; top: 0px; right: 0px; } .library-story-item .percentage-read { display: block; width: 100%; height: 5px; background-color: rgb(238, 238, 238); position: relative; margin-bottom: 12px; } .library-story-item .percentage-position { display: block; height: 5px; background-color: rgb(255, 97, 34); position: absolute; top: 0px; } .library-story-item.library-list .cover { box-shadow: none; background-color: transparent; } .library-story-item.library-list .content strong { text-overflow: initial; white-space: normal; margin: 9px 0px 0px; font-size: 14px; } .library-story-item.library-list .content small { margin: 0px; font-size: 13px; } .library-story-item .reading-list-dropdown { position: relative; } .library-story-item .story-overlay [data-toggle="tooltip"], .reading-list .story-overlay [data-toggle="tooltip"] { cursor: pointer; } .library-story-item .story-overlay .overlay-bg, .reading-list .story-overlay .overlay-bg { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background: rgb(34, 34, 34); opacity: 0.7; z-index: 1; border-radius: 4px; } .library-story-item .story-overlay .overlay-container, .reading-list .story-overlay .overlay-container { position: absolute; top: 24px; left: 0px; z-index: 2; height: 100%; width: 100%; padding: 10%; } .library-story-item .story-overlay .overlay-container .btn, .reading-list .story-overlay .overlay-container .btn { margin-bottom: 12px; } .library-story-item .story-overlay .quick-controls, .reading-list .story-overlay .quick-controls { position: relative; width: 100%; z-index: 3; } .library-story-item .story-overlay .quick-controls > button, .reading-list .story-overlay .quick-controls > button { padding: 12px; float: right; } .library-story-item .story-overlay .quick-controls > button .fa, .reading-list .story-overlay .quick-controls > button .fa { padding: 0px; } @media (min-width: 1400px) { .library-story-item .story-overlay .quick-controls, .reading-list .story-overlay .quick-controls { margin-bottom: 30%; } } #reading-list-tab .reading-list-item-row { max-height: 136px; height: auto; } #reading-list-tab .reading-list-item { position: relative; padding: 12px 0px; margin: 0px; cursor: pointer; border-top: 1px solid rgb(238, 238, 238); } #reading-list-tab .reading-list-item .story-wrapper { width: calc((((95% - 28px) - 24px) - 24px) - 35px); } @media (max-width: 767px) { #reading-list-tab .reading-list-item .story-wrapper { width: calc((((95% - 28px) - 10px) - 10px) - 35px); } } #reading-list-tab .reading-list-item .cover { width: 68px; height: auto; display: inline-block; } @media (max-width: 767px) { #reading-list-tab .reading-list-item .cover { width: 35px; } } #reading-list-tab .reading-list-item .story-title { margin: 0px; font-size: 18px; line-height: 100%; } #reading-list-tab .reading-list-item .story-title a { color: rgb(34, 34, 34); } @media (max-width: 767px) { #reading-list-tab .reading-list-item .story-title { font-size: 15px; } } #reading-list-tab .reading-list-item .story-info { width: calc((95% - 28px) - 24px); padding-left: 2%; vertical-align: top; color: rgb(111, 111, 111); } @media (max-width: 767px) { #reading-list-tab .reading-list-item .story-info { vertical-align: middle; width: calc((95% - 28px) - 10px); } } #reading-list-tab .reading-list-item .story-info small { font-size: 15px; } @media (max-width: 767px) { #reading-list-tab .reading-list-item .story-info small { font-size: 12px; } } #reading-list-tab .dropdown { display: inline-block; position: absolute; right: 0px; top: 20%; margin: 0px 24px; } @media (max-width: 767px) { #reading-list-tab .dropdown { margin: 0px 10px 0px 0px; } } #reading-list-tab .dropdown .text { color: rgb(255, 255, 255); padding-left: 11%; } #reading-list-tab .dropdown .btn { padding: 10px 14px; } @media (max-width: 767px) { #reading-list-tab .dropdown .btn { padding: 5px 8px; } } #reading-list-tab .dropdown .dropdown-menu .fa { padding-right: 5px; } #reading-list-tab .dropdown .dropdown-menu .disabled { cursor: not-allowed; color: rgb(111, 111, 111) !important; } #reading-list-tab .taglist { max-height: 42px; line-height: 18px; overflow: hidden; } #reading-list-tab .taglist .tag { float: left; padding-right: 5px; font-size: 15px; font-weight: 400; } #reading-list-tab .taglist .tag:nth-child(n+11) { display: none; } @media (max-width: 767px) { #reading-list-tab .taglist .tag { font-size: 12px; } #reading-list-tab .taglist .tag:nth-child(n+7) { display: none; } } @media (max-width: 400px) { #reading-list-tab .taglist .tag:nth-child(n+4) { display: none; } } .premium-picks-banner { border: 1px solid var(--ds-neutral-40-solid); border-radius: 16px; padding: 20px 24px; margin-top: 16px; display: flex; -webkit-box-align: center; align-items: center; gap: 32px; } .premium-picks-banner:hover { text-decoration: none; } .premium-picks-banner .premium-picks-image-container .premium-picks-image { max-height: 60px; } .premium-picks-banner .content { -webkit-box-flex: 1; flex: 1 1 0%; } .premium-picks-banner .content .heading { font-weight: var(--font-weight-bold); font-size: 18px; color: var(--ds-neutral-100); line-height: 24px; padding: 0px; margin: 0px 0px 8px; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; gap: 16px; } .premium-picks-banner .content .access-expires-pill { background-color: var(--ds-base-2-20); border-radius: 35px; font-weight: var(--font-weight-bold); font-size: 12px; line-height: 16px; color: var(--ds-neutral-100); white-space: nowrap; padding: 4px 12px; display: flex; -webkit-box-align: center; align-items: center; gap: 4px; } .premium-picks-banner .content .description { font-size: 14px; color: var(--ds-neutral-80-solid); } @media (max-width: 575px) { .premium-picks-banner { border-radius: 4px; padding: 28px 0px 28px 16px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } .premium-picks-banner .premium-picks-image-container { max-width: 40%; overflow: hidden; } .premium-picks-banner .premium-picks-image-container .premium-picks-image { max-height: 84px; } .premium-picks-banner .content { width: 188px; } .premium-picks-banner .content .heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; gap: 12px; } .premium-picks-banner .content .description { display: none; } .premium-picks-banner .right-arrow { display: none; } } .discover-stories-mobile .story-grid { margin: 0px -3%; } .discover-stories-mobile .story-grid-panel { position: relative; display: inline-block; width: 42%; margin: 0px 4%; vertical-align: top; } .discover-stories-mobile .story-grid-panel.grid-1 .cover { width: 100%; height: auto; box-shadow: rgba(50, 50, 50, 0.28) 0px 2px 5px; } .discover-stories-mobile .story-grid-panel.grid-4 { margin: 0px; width: 25%; } @media (max-width: 991px) { .discover-stories-mobile .story-grid-panel.grid-4 { width: 33.3%; } } .discover-stories-mobile .story-grid-panel.grid-4 .cover { display: inline-block; width: 44%; height: auto; box-shadow: rgba(50, 50, 50, 0.28) 0px 2px 5px; margin: 0px 3% 13px; } @media (min-width: 992px) and (max-width: 1399px) { .discover-stories-mobile .story-grid-panel.grid-4 .cover { margin-bottom: 10px; } } @media (min-width: 768px) and (max-width: 991px) { .discover-stories-mobile .story-grid-panel.grid-4 .cover { margin-bottom: 16px; } } @media (max-width: 767px) { .discover-stories-mobile .story-grid-panel.grid-4 .cover { margin-bottom: 12px; } } .discover-stories-mobile .story-overlay .overlay-bg { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background: rgb(34, 34, 34); opacity: 0.7; z-index: 1; } .discover-stories-mobile .story-overlay .quick-controls { position: relative; width: 100%; z-index: 3; } .discover-stories-mobile .story-overlay .quick-controls > button { padding: 12px; float: right; } .discover-stories-mobile .story-overlay .quick-controls > button .fa { padding: 0px; } @media (min-width: 1400px) { .discover-stories-mobile .story-overlay .quick-controls { margin-bottom: 30%; } } .discover-stories-mobile .story-overlay > button { display: block; position: relative; width: 84%; margin: 0px auto 15px; border-radius: 4px; background: 0px 0px; z-index: 2; font-size: 13px; line-height: 15px; padding: 6px 0px; letter-spacing: -0.2px; } .discover-stories-mobile .story-overlay > button:focus { outline: 0px; box-shadow: none; } .discover-stories-desktop .story-grid { margin: 0px -1%; } @media (min-width: 600px) and (max-width: 991px) { .discover-stories-desktop .story-grid .story-grid-panel.grid-1 + .story-grid-panel.grid-1 { display: none; } .discover-stories-desktop .story-grid .story-grid-panel.grid-4 + .story-grid-panel.grid-4 { display: none; } .discover-stories-desktop .story-grid .story-grid-panel.grid-1:first-child + .story-grid-panel.grid-1 + .story-grid-panel.grid-1 { display: inline-block; } .discover-stories-desktop .story-grid .story-grid-panel.grid-1:first-child + .story-grid-panel.grid-1 + .story-grid-panel.grid-1 + .story-grid-panel.grid-1 { display: inline-block; } } .discover-stories-desktop .story-grid-panel { position: relative; display: inline-block; width: 23%; margin: 0px 1%; vertical-align: top; } @media (max-width: 991px) { .discover-stories-desktop .story-grid-panel { width: 31.3%; } } @media (max-width: 599px) { .discover-stories-desktop .story-grid-panel { width: 42%; margin-left: 4%; margin-right: 4%; } } .discover-stories-desktop .story-grid-panel.grid-1 .cover { width: 100%; height: auto; box-shadow: rgba(50, 50, 50, 0.28) 0px 2px 5px; } .discover-stories-desktop .story-grid-panel.grid-4 { margin: 0px; width: 25%; } @media (max-width: 991px) { .discover-stories-desktop .story-grid-panel.grid-4 { width: 33.3%; } } .discover-stories-desktop .story-grid-panel.grid-4 .cover { display: inline-block; width: 44%; height: auto; box-shadow: rgba(50, 50, 50, 0.28) 0px 2px 5px; margin: 0px 3% 13px; } @media (min-width: 992px) and (max-width: 1399px) { .discover-stories-desktop .story-grid-panel.grid-4 .cover { margin-bottom: 10px; } } @media (min-width: 768px) and (max-width: 991px) { .discover-stories-desktop .story-grid-panel.grid-4 .cover { margin-bottom: 16px; } } @media (max-width: 767px) { .discover-stories-desktop .story-grid-panel.grid-4 .cover { margin-bottom: 12px; } } .discover-stories-desktop .story-grid-panel .story-overlay .overlay-bg { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background: rgb(34, 34, 34); opacity: 0.7; z-index: 1; } .discover-stories-desktop .story-grid-panel .story-overlay .quick-controls { position: relative; width: 100%; z-index: 3; } .discover-stories-desktop .story-grid-panel .story-overlay .quick-controls > button { padding: 12px; float: right; } .discover-stories-desktop .story-grid-panel .story-overlay .quick-controls > button .fa { padding: 0px; } @media (min-width: 1400px) { .discover-stories-desktop .story-grid-panel .story-overlay .quick-controls { margin-bottom: 30%; } } .discover-stories-desktop .story-grid-panel .story-overlay > button { display: block; position: relative; width: 84%; margin: 0px auto 15px; border-radius: 4px; background: 0px 0px; z-index: 2; font-size: 14px; line-height: 15px; padding: 6px 0px; letter-spacing: -0.2px; } .discover-stories-desktop .story-grid-panel .story-overlay > button:focus { outline: 0px; box-shadow: none; } @media (max-width: 599px) { .discover-stories-desktop .story-grid-panel .story-overlay > button { font-size: 13px; } } .discover-stories-desktop .story-grid-panel .percentage-read { display: block; width: 100%; height: 5px; background-color: rgb(238, 238, 238); position: relative; margin-bottom: 12px; } .discover-stories-desktop .story-grid-panel .percentage-position { display: block; height: 5px; background-color: rgb(255, 97, 34); position: absolute; top: 0px; } .story-grid-title + h3 { margin-top: -12px; } .library-item .content h3 { font-size: 15px; } .library-item .content small { font-size: 13px; } .feed-item-new > .panel-body { position: relative; padding: 9px; } .feed-item-new a { color: rgb(34, 34, 34); } .feed-item-new a:hover { text-decoration: none; } .feed-item-new .list-group.new-feed-messages { overflow: inherit; border: none; } .feed-item-new .list-group.new-feed-messages .list-group-item { border: none; } .feed-item-new p { margin: 6px 0px 0px; color: rgb(111, 111, 111); font-size: 15px; line-height: 21px; letter-spacing: 0.1px; } .feed-item-new p > a { color: rgb(255, 97, 34); } .feed-item-new p > a:hover { text-decoration: underline; } .feed-item-new h4 { color: rgb(34, 34, 34); font-weight: 600; margin: 6px 0px 0px; } .feed-item-new h5 { margin: 0px; font-size: 14px; } .feed-item-new small { color: rgb(111, 111, 111); } .feed-item-new .meta { margin-top: 3px; } .feed-item-new .content > small { display: block; font-size: 13px; line-height: 15px; } .feed-item-new .meta > small { padding-right: 12px; } .feed-item-new .cover { margin-right: 12px; box-shadow: rgba(50, 50, 50, 0.28) 0px 2px 5px; } .feed-item-new .offensive { display: block; color: rgb(255, 63, 18); } .feed-item-new .offensive .fa { position: relative; top: 1px; padding-right: 3px; } .feed-item-new blockquote { color: rgb(111, 111, 111); font-size: 15px; line-height: 21px; text-indent: -20px; margin-bottom: 0px; padding-left: 25px; quotes: "“" "”" "‘" "’"; } .feed-item-new blockquote::before { content: open-quote; color: rgb(238, 238, 238); font-size: 40px; line-height: 1px; vertical-align: -12px; margin-right: 2px; } .feed-item-new blockquote::after { content: close-quote; color: rgb(238, 238, 238); font-size: 36px; line-height: 1px; vertical-align: -12px; margin-left: 3px; } .feed-item-new > header { position: relative; padding: 9px 9px 8px 54px; } .feed-item-new > header .avatar { position: absolute; top: 12px; left: 12px; } .feed-item-new > header > h3 { display: block; margin: 3px 0px 0px; font-size: 14px; line-height: 15px; } .feed-item-new > header time { display: block; line-height: 15px; font-size: 12px; } .feed-item-new > header .from-name, .feed-item-new > header .timestamp { margin-left: 12px; } .feed-item-new > header .from-name { font-weight: 600; font-size: 16px; line-height: 16px; } .feed-item-new > header .timestamp { font-size: 14px; line-height: 18px; } .feed-item-new .panel-heading.message-heading { border-bottom: none; border-radius: 5px; } .feed-item-new .panel-body.message.latest-replies { padding: 9px 9px 9px 12px; } .feed-item-new .panel-body.message.latest-replies .avatar { display: inline-block; position: absolute; } .feed-item-new .panel-body.message.latest-replies .message-wrapper { overflow-wrap: break-word; margin: 0px 42px; line-height: 16px; } .feed-item-new .panel-body.message.latest-replies .message-wrapper .from-name { color: rgb(111, 111, 111); } .feed-item-new .panel-body.message.latest-replies .message-wrapper .body, .feed-item-new .panel-body.message.latest-replies .message-wrapper .from-name { display: inline; } .feed-item-new .panel-body.message.latest-replies .message-wrapper .body pre, .feed-item-new .panel-body.message.latest-replies .message-wrapper .from-name pre { display: inline; } .feed-item-new .panel-body.message.latest-replies .message-wrapper .timestamp { display: block; } .feed-item-new .panel-body.message.latest-replies .button-group.dropdown { position: absolute; right: 18px; top: 6px; } .feed-item-new .panel-body.message.latest-replies .extra-right { right: -19px; border-radius: 3px; } .feed-item-new .dark-grey { color: rgb(111, 111, 111); } .feed-item-new .panel-body.message { padding: 9px 18px; } .feed-item-new .panel-body.message a:not(.username):not(.on-report):not(.on-delete):not(.on-mute):not(.on-unmute):not(.conduct-link):not(.safety-portal) { color: rgb(255, 97, 34); } .feed-item-new .panel-body.message p { margin-top: 0px; } .feed-item-new .panel-body.message.new-message { padding: 9px 12px 12px; } .feed-item-new .panel-body.message.new-message pre { margin: 0px; font-weight: 400; } .feed-item-new .panel-body .panel { position: relative; } .feed-item-new .panel-body .panel .list-group { margin: 0px; border: none; } .feed-item-new .panel-body .panel.dedication, .feed-item-new .panel-body .panel.list { padding: 0px; } .feed-item-new .panel-body .panel.follow { background-size: cover; color: rgb(255, 255, 255); padding: 12px 12px 12px 18px; } .feed-item-new .panel-body .panel.follow .avatar { margin-right: 24px; } .feed-item-new .panel-body .panel.follow header h4 { margin-top: 9px; } .feed-item-new .panel-body .panel.follow small { font-size: 15px; margin-top: 3px; color: rgb(255, 255, 255); } .feed-item-new .panel-body .panel.dedication header { position: relative; padding: 12px; } .feed-item-new .panel-body .panel.dedication header::after, .feed-item-new .panel-body .panel.dedication header::before { content: " "; display: table; } .feed-item-new .panel-body .panel.dedication header::after { clear: both; } .feed-item-new .panel-body .panel.dedication header::after, .feed-item-new .panel-body .panel.dedication header::before { content: " "; display: table; } .feed-item-new .panel-body .panel.dedication header::after { clear: both; } .feed-item-new .panel-body .panel.dedication header .avatar { margin-right: 18px; } .feed-item-new .panel-body .panel.dedication header h4 { margin-top: 9px; } .feed-item-new .panel-body .panel.dedication header small { display: block; color: rgb(255, 255, 255); } .feed-item-new .panel-body .panel.list { border-top-right-radius: 3px; } .feed-item-new .panel-body .panel.list .panel-heading { display: block; border-bottom: none; } .feed-item-new .panel-body .panel.list .panel-heading h4 { margin: 9px 0px 0px; font-size: 21px; line-height: 21px; } .feed-item-new .panel-body .panel.list .panel-heading small { color: rgb(255, 255, 255); } .feed-item-new .panel-body .panel.comment, .feed-item-new .panel-body .panel.vote { background: rgb(255, 255, 255); } .feed-item-new .panel-body .panel.comment .cover, .feed-item-new .panel-body .panel.vote .cover { width: 64px; height: 100px; } .feed-item-new .panel-body .panel.comment h4, .feed-item-new .panel-body .panel.vote h4 { font-size: 16px; line-height: 18px; margin: 6px 30px 3px 0px; } .feed-item-new .panel-body .panel.comment { padding: 0px; } .feed-item-new .panel-body .panel.comment .header { display: block; padding: 9px; border-bottom: 1px solid rgb(238, 238, 238); } .feed-item-new .panel-body .panel.vote .meta { display: inline-block; } .feed-item-new .panel-body .panel.vote .meta .fa { position: relative; top: 1px; } .feed-item-new .panel-body .panel.story .content { margin-left: 135px; } .feed-item-new .panel-body .panel.story .meta { margin-left: 0px; } .feed-item-new .panel-body .panel .panel-heading { padding: 12px; background-size: cover; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.25) 0px 1px 1px; } .feed-item-new li.list-group-item { position: relative; } .feed-item-new li.list-group-item .avatar { margin-right: 18px; } .feed-item-new li.list-group-item h4, .feed-item-new li.list-group-item h5 { font-size: 16px; line-height: 18px; } .feed-item-new li.list-group-item .content { margin-left: 54px; } .feed-item-new li.list-group-item .meta { margin-left: 54px; } .feed-item-new li.list-group-item.single-item h4, .feed-item-new li.list-group-item.single-item h5 { margin: 6px 0px 3px; line-height: 18px; } .feed-item-new li.list-group-item.single-item .cover { width: 64px; height: 100px; } .feed-item-new .replies-list .list-group { margin: 0px; } .feed-item-new .replies-list .list-group .list-group-item { background: rgb(255, 255, 255); } .feed-item-new .replies-list .list-group .list-group-item .beautify-url { padding: 10px 0px; background: 0px 0px; } .feed-item-new .replies-list .list-group .list-group-item .beautify-url p { overflow: hidden; } .feed-item-new .replies-list .list-group .list-group-item .beautify-url h4 { font-size: 24px; } .feed-item-new .replies-list .list-group .list-group-item a.avatar { float: left; margin: 9px; padding: 0px; } .feed-item-new .replies-list .list-group .list-group-item a.avatar.avatar-xs2 { margin-top: 6px; position: absolute; left: 12px; } .feed-item-new .replies-list .list-group .list-group-item .content { margin: 0px 18px 0px 54px; max-height: 202px; overflow: hidden; } .feed-item-new .replies-list .list-group .list-group-item .content h4 { color: rgb(111, 111, 111); line-height: 110%; max-height: 58px; overflow: hidden; padding-bottom: 5px; margin: 0px; } .feed-item-new .replies-list .list-group .list-group-item .content h4 strong { padding-right: 3px; font-weight: 600; } .feed-item-new .replies-list .list-group .list-group-item .content h4 time { padding-left: 3px; font-weight: 400; } .feed-item-new .replies-list ul.menu { padding: 0px; list-style-type: none; margin-bottom: 6px; } .feed-item-new .replies-list ul.menu li { display: inline-block; } .feed-item-new .replies-list ul.menu li + li::before { content: "·"; color: rgb(111, 111, 111); font-size: 30px; line-height: 1px; position: relative; top: 7px; padding: 0px 6px 0px 3px; } .panel-body.message.reply-new.latest-replies { background-color: rgb(255, 255, 255); } .panel-body.message.reply-new.latest-replies a.avatar { margin: 0px; } .panel-body.message.reply-new.latest-replies .message-wrapper .timestamp { display: inline-block; } .panel-body.message.reply-new.latest-replies .reply-meta { color: rgb(111, 111, 111); margin-top: 0px; } .panel-body.message.reply-new.latest-replies .reply-meta .bullet { padding: 0px 3px; } .panel-body.message.reply-new.latest-replies .reply-meta .reply-wrapper { display: inline-block; font-size: 14px; } #reading-list main .panel-heading, #results-people .panel-heading, #results-stories .panel-heading { padding-left: 18px; background: rgb(255, 255, 255); border-bottom: none; } #reading-list main .panel-heading h4, #results-people .panel-heading h4, #results-stories .panel-heading h4 { color: rgb(111, 111, 111); font-size: 16px; line-height: 18px; margin: 8px 0px 0px; text-transform: uppercase; } #reading-list main .panel .list-group, #results-people .panel .list-group, #results-stories .panel .list-group { margin: 0px; border-radius: 0px; border: none; } #reading-list main .panel .list-group .list-group-item, #results-people .panel .list-group .list-group-item, #results-stories .panel .list-group .list-group-item { border: none; } #reading-list main li > a:not(.tag-item):not(.story-card):not(.stats-label):not(.icon-container):not(.profile-card), #reading-list main li > div:not(.tag-item):not(.story-card):not(.stats-label):not(.icon-container):not(.profile-card), #results-people li > a:not(.tag-item):not(.story-card):not(.stats-label):not(.icon-container):not(.profile-card), #results-people li > div:not(.tag-item):not(.story-card):not(.stats-label):not(.icon-container):not(.profile-card), #results-stories li > a:not(.tag-item):not(.story-card):not(.stats-label):not(.icon-container):not(.profile-card), #results-stories li > div:not(.tag-item):not(.story-card):not(.stats-label):not(.icon-container):not(.profile-card) { text-decoration: none; background: rgb(255, 255, 255); } #reading-list main li > a h5, #reading-list main li > div h5, #results-people li > a h5, #results-people li > div h5, #results-stories li > a h5, #results-stories li > div h5 { color: rgb(34, 34, 34); font-weight: 600; } #reading-list main li > a:hover:not(.tag-item):not(.story-card):not(.stats-label):not(.icon-container), #results-people li > a:hover:not(.tag-item):not(.story-card):not(.stats-label):not(.icon-container), #results-stories li > a:hover:not(.tag-item):not(.story-card):not(.stats-label):not(.icon-container) { text-decoration: none; background: rgb(250, 250, 250); } #reading-list main .panel, #results-stories .panel { overflow: visible; } #reading-list main .panel-heading, #results-stories .panel-heading { border-top-right-radius: 6px; border-top-left-radius: 6px; } #reading-list main .panel-heading .button-group, #results-stories .panel-heading .button-group { position: absolute; padding: 12px; top: 5px; right: 9px; } #reading-list main .panel-heading .button-group .triangle, #results-stories .panel-heading .button-group .triangle { border-color: transparent transparent rgb(243, 243, 243); top: 89%; } #reading-list main .panel-heading .button-group .dropdown-menu, #results-stories .panel-heading .button-group .dropdown-menu { background: rgb(243, 243, 243); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px; top: 92%; margin: 0px; border: none; } #reading-list main .panel-heading .button-group .dropdown-menu li a, #results-stories .panel-heading .button-group .dropdown-menu li a { height: auto; padding: 6px 33px 6px 9px; position: relative; color: rgb(111, 111, 111); background: rgb(243, 243, 243); } #reading-list main .panel-heading .button-group .dropdown-menu li a.active, #results-stories .panel-heading .button-group .dropdown-menu li a.active { color: rgb(111, 111, 111); background: rgb(235, 235, 235); } #reading-list main .panel-heading .button-group .dropdown-menu li a .fa, #results-stories .panel-heading .button-group .dropdown-menu li a .fa { position: absolute; right: 9px; top: 7px; } #reading-list main .list-group li > a .cover, #reading-list main .list-group li > div .cover, #results-stories .list-group li > a .cover, #results-stories .list-group li > div .cover { width: 80px; height: 125px; margin-right: 12px; } #reading-list main .list-group li > a .meta, #reading-list main .list-group li > div .meta, #results-stories .list-group li > a .meta, #results-stories .list-group li > div .meta { margin-top: 0px; display: flex; -webkit-box-align: center; align-items: center; } #reading-list main .list-group li > a .meta small, #reading-list main .list-group li > div .meta small, #results-stories .list-group li > a .meta small, #results-stories .list-group li > div .meta small { display: flex; -webkit-box-align: center; align-items: center; font-size: 12px; color: rgb(238, 238, 238); } #reading-list main .list-group li > a .meta .fa, #reading-list main .list-group li > div .meta .fa, #results-stories .list-group li > a .meta .fa, #results-stories .list-group li > div .meta .fa { padding-right: 3px; position: relative; } #reading-list main .list-group li > a .content, #reading-list main .list-group li > div .content, #results-stories .list-group li > a .content, #results-stories .list-group li > div .content { margin-left: 92px; } #reading-list main .list-group li > a .content h5, #reading-list main .list-group li > div .content h5, #results-stories .list-group li > a .content h5, #results-stories .list-group li > div .content h5 { margin: 0px; } #reading-list main .list-group li > a .content .paid-indicator, #reading-list main .list-group li > div .content .paid-indicator, #results-stories .list-group li > a .content .paid-indicator, #results-stories .list-group li > div .content .paid-indicator { margin-bottom: 6px; } #reading-list main .list-group li > a .content .story-title-heading, #reading-list main .list-group li > div .content .story-title-heading, #results-stories .list-group li > a .content .story-title-heading, #results-stories .list-group li > div .content .story-title-heading { margin-bottom: 6px; margin-top: 0px; } #reading-list main .list-group li > a .content small, #reading-list main .list-group li > div .content small, #results-stories .list-group li > a .content small, #results-stories .list-group li > div .content small { font-size: 12px; line-height: 18px; color: rgb(111, 111, 111); } #reading-list main .list-group li > a .content small.tag, #reading-list main .list-group li > div .content small.tag, #results-stories .list-group li > a .content small.tag, #results-stories .list-group li > div .content small.tag { font-size: 13px; line-height: 18px; color: rgb(111, 111, 111); padding: 0px 8px; } #reading-list main .list-group li > a .content p, #reading-list main .list-group li > div .content p, #results-stories .list-group li > a .content p, #results-stories .list-group li > div .content p { font-size: 15px; line-height: 21px; margin-top: 6px; color: rgb(111, 111, 111); margin-bottom: 6px; } #reading-list main .list-group li > a .content ul.story-details, #reading-list main .list-group li > div .content ul.story-details, #results-stories .list-group li > a .content ul.story-details, #results-stories .list-group li > div .content ul.story-details { list-style-type: none; padding: 0px; margin-top: 0px; margin-bottom: 3px; } #reading-list main .list-group li > a .content ul.story-details li, #reading-list main .list-group li > div .content ul.story-details li, #results-stories .list-group li > a .content ul.story-details li, #results-stories .list-group li > div .content ul.story-details li { display: inline-block; font-weight: 400; font-size: 13px; line-height: 18px; } #reading-list main .list-group li > a .content ul.story-details li + li::before, #reading-list main .list-group li > div .content ul.story-details li + li::before, #results-stories .list-group li > a .content ul.story-details li + li::before, #results-stories .list-group li > div .content ul.story-details li + li::before { content: "·"; color: rgb(111, 111, 111); font-size: 30px; position: relative; top: 6px; padding: 0px 6px 0px 3px; line-height: 1px; } #reading-list main footer, #results-people footer, #results-stories footer { padding: 0px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } #reading-list main footer button, #results-people footer button, #results-stories footer button { padding: 15px; } #reading-list main .list-group-item { min-height: 130px; padding: 3px; background: rgb(255, 255, 255); } .feed-item-new { background: rgb(255, 255, 255); border-radius: 5px; box-shadow: rgba(120, 120, 120, 0.25) 0px 2px 5px; border: none; overflow: hidden; margin-bottom: 18px; } .feed-item-new .panel-heading { border-bottom: 1px solid rgb(238, 238, 238); background-color: rgb(255, 255, 255); min-height: 54px; padding-right: 48px; } .feed-item-new .panel-heading .btn-options .fa, .feed-item-new .panel-heading button.on-more-options .fa { top: 0px; padding-right: 0px; } .feed-item-new .panel-heading .button-group { position: absolute; top: 11px; right: 9px; } .feed-item-new .panel-body { background-color: rgb(255, 255, 255); } .feed-item-new .panel-body .panel { background: rgb(255, 255, 255); display: block; padding: 9px; margin: 0px; border-radius: 3px 0px 3px 3px; color: rgb(111, 111, 111); border: 1px solid rgb(238, 238, 238); box-shadow: none; overflow: hidden; } .feed-item-new .panel-body .panel::after, .feed-item-new .panel-body .panel::before { content: " "; display: table; } .feed-item-new .panel-body .panel::after { clear: both; } .feed-item-new .panel-body .panel::after, .feed-item-new .panel-body .panel::before { content: " "; display: table; } .feed-item-new .panel-body .panel::after { clear: both; } .feed-item-new .panel-body .panel > .cover { width: 72px; height: 112px; } .feed-item-new .panel-body .panel.story .content { margin-left: 84px; } .feed-item-new .panel-body .panel h3, .feed-item-new .panel-body .panel h4, .feed-item-new .panel-body .panel h5 { padding-right: 30px; } .feed-item-new .panel-body > a { color: rgb(111, 111, 111); background: rgb(255, 255, 255); } .feed-item-new .panel-body > a:hover { text-decoration: none; } .feed-item-new .list-group { margin-bottom: 0px; list-style-type: none; padding: 0px; } .feed-item-new .list-group .list-group-item { background: rgb(238, 238, 238); padding: 0px; position: relative; border-left: none rgb(238, 238, 238); border-right: none rgb(238, 238, 238); border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-color: rgb(238, 238, 238); border-bottom-color: rgb(238, 238, 238); } .feed-item-new .list-group .list-group-item > .item-content, .feed-item-new .list-group .list-group-item > a { padding: 9px 12px; display: block; background-color: rgb(255, 255, 255); transition: background-color 180ms ease 0s; } .feed-item-new .list-group .list-group-item > .item-content::after, .feed-item-new .list-group .list-group-item > .item-content::before, .feed-item-new .list-group .list-group-item > a::after, .feed-item-new .list-group .list-group-item > a::before { content: " "; display: table; } .feed-item-new .list-group .list-group-item > .item-content::after, .feed-item-new .list-group .list-group-item > a::after { clear: both; } .feed-item-new .list-group .list-group-item > .item-content::after, .feed-item-new .list-group .list-group-item > .item-content::before, .feed-item-new .list-group .list-group-item > a::after, .feed-item-new .list-group .list-group-item > a::before { content: " "; display: table; } .feed-item-new .list-group .list-group-item > .item-content::after, .feed-item-new .list-group .list-group-item > a::after { clear: both; } .feed-item-new .panel-footer { min-height: 36px; background: rgb(255, 255, 255); margin-bottom: 1px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; padding: 0px 15px; border-top: 1px solid rgb(238, 238, 238); } .feed-item-new .panel-footer.message-new, .feed-item-new .panel-footer.new-message, .feed-item-new .panel-footer.new-post { background: rgb(238, 238, 238); border: none; padding: 0px; } .feed-item-new .panel-footer.message-new .triangle, .feed-item-new .panel-footer.new-message .triangle, .feed-item-new .panel-footer.new-post .triangle { left: 69px; } .feed-item-new .message-replies .list-group { padding: 0px; } .browse-story-item { position: relative; display: inline-block; margin: 26px 0px 0px 20px; vertical-align: top; font-size: 16px; width: 447px; overflow: hidden; } .browse-story-item:nth-child(2n) { margin-right: 0px; } .browse-story-item .cover { width: 142px; float: left; height: auto; } .browse-story-item .cover-module-large { width: 407px; height: 222px; } .browse-story-item .content { width: 295px; float: left; margin-left: 10px; } .browse-story-item .story-rank { color: rgb(255, 255, 255); font-size: 14px; font-weight: 600; } .browse-story-item .story-rank span { padding: 3px 8px; background-color: rgb(255, 97, 34); } .browse-story-item .ranking { display: inline; font-weight: 600; vertical-align: text-bottom; background-color: rgb(238, 238, 238); color: rgb(255, 255, 255); border-radius: 3px; padding-left: 6px; padding-right: 6px; } .browse-story-item .title { font-weight: 600; color: rgb(34, 34, 34); font-size: 18px; line-height: 24px; height: 24px; overflow: hidden; } .browse-story-item .title.meta { display: inline; } .browse-story-item .username { color: rgb(111, 111, 111); font-size: 15px; height: 18px; line-height: 18px; overflow: hidden; } .browse-story-item .story-status { float: left; font-size: 14px; } .browse-story-item .story-status .label { margin-right: 5px; } .browse-story-item .meta { display: block; margin-bottom: 3px; } .browse-story-item .category { color: rgb(111, 111, 111); font-size: 12px; text-transform: uppercase; margin-bottom: 0px; } .browse-story-item .description { font-size: 15px; } .browse-story-item .component-wrapper { margin-top: 5px; } @media (max-width: 768px) { .browse-story-item { max-height: 200px; max-width: 340px; overflow: hidden; } .browse-story-item .username { font-size: 14px; } .browse-story-item .description { font-size: 12px; line-height: 14px; } .browse-story-item .cover { width: 92px; } .browse-story-item .meta { font-size: 12px; } .browse-story-item .content { width: 238px; } .browse-story-item .title.meta { display: inline-block; margin: 0px; height: 18px; width: 240px; line-height: 16px; text-overflow: ellipsis; white-space: nowrap; } } .recommended-story { position: relative; display: inline-block; width: 22%; margin-left: 4%; vertical-align: top; margin-bottom: -5px; opacity: 1; transition: opacity 0.3s ease 0s; } @media (min-width: 768px) and (max-width: 991px) { .recommended-story { width: 30%; margin-left: 5%; } } @media (max-width: 599px) { .recommended-story { width: 46%; margin-left: 8%; } } .recommended-story:first-child { margin-left: 0px; } @media (min-width: 768px) and (max-width: 991px) { .recommended-story:first-child + .recommended-story + .recommended-story + .recommended-story { display: none; } } @media (max-width: 599px) { .recommended-story:first-child + .recommended-story + .recommended-story { display: none; } .recommended-story:first-child + .recommended-story + .recommended-story + .recommended-story { display: none; } } .recommended-story .cover-container { position: relative; } .recommended-story .cover { width: 100%; height: auto; box-shadow: rgba(50, 50, 50, 0.28) 0px 2px 5px; margin-bottom: 18px; } @media (min-width: 1400px) { .recommended-story .cover { width: 94%; margin: 0px auto 18px; } } .recommended-story .content { position: relative; } .recommended-story .content strong { display: block; font-size: 14px; font-weight: 600; color: rgb(111, 111, 111); margin-right: 38px; line-height: 18px; margin-bottom: 0px; } .recommended-story .content small { display: block; font-size: 13px; color: rgb(111, 111, 111); margin-right: 38px; line-height: 18px; margin-bottom: 6px; } .recommended-story .content small, .recommended-story .content strong { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .recommended-story .content .meta { line-height: 12px; } .recommended-story .content .meta > span { font-size: 13px; color: rgb(111, 111, 111); padding-right: 8px; } .recommended-story .content .avatar { position: absolute; top: 0px; right: 0px; } .recommended-story .story-overlay { position: absolute; top: 0px; height: 100%; width: 100%; text-align: center; } @media (min-width: 1400px) { .recommended-story .story-overlay { width: 94%; margin: 0px 3%; } } .recommended-story .story-overlay .overlay-bg { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background: rgb(34, 34, 34); opacity: 0.7; z-index: 1; } .recommended-story .story-overlay .overlay-container { position: absolute; top: 0px; left: 0px; z-index: 2; height: 100%; width: 100%; padding: 10%; } .recommended-story .story-overlay .overlay-container .btn { margin-top: 18px; margin-bottom: 18px; } @media (min-width: 1400px) { .recommended-story .btn-triangle { right: 3.25%; } } .recommended-user { position: relative; width: 100%; vertical-align: top; opacity: 1; transition: opacity 0.3s ease 0s; background-color: rgb(255, 255, 255); border-top: 1px solid rgb(238, 238, 238); height: 78px; } .recommended-user > a { display: inline-block; margin: 14px 12px; } @media screen and (max-width: 390px) { .recommended-user > a { margin: 14px 7px; } } .recommended-user .content { display: inline-block; vertical-align: middle; } .recommended-user .content a.name, .recommended-user .content a.name:hover { color: rgb(111, 111, 111); } .recommended-user .content strong { display: block; font-weight: 600; color: rgb(111, 111, 111); margin-bottom: 0px; line-height: 18px; max-height: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .recommended-user .content small { display: block; color: rgb(111, 111, 111); font-style: italic; } @media screen and (min-width: 370px) and (max-width: 390px) { .recommended-user .content { max-width: 53%; } } @media screen and (max-width: 369px) { .recommended-user .content { max-width: 37%; } } @media screen and (min-width: 391px) and (max-width: 460px) { .recommended-user .content { max-width: 55%; } } .recommended-user .controls { display: inline-block; font-size: 13px; margin-top: 18px; } .recommended-user .controls .btn .fa { padding-right: 0px; } @media (min-width: 768px) and (max-width: 991px) { .recommended-user-card:first-child + .recommended-user-card + .recommended-user-card + .recommended-user-card { display: none; } } @media (max-width: 767px) { .recommended-user-card:first-child + .recommended-user-card + .recommended-user-card { display: none; } .recommended-user-card:first-child + .recommended-user-card + .recommended-user-card + .recommended-user-card { display: none; } } .recommended-user-card footer { padding-top: 9px; } .btn-triangle { position: absolute; top: 0px; right: 0px; border: none; width: 30px; height: 33px; background: 0px 0px; opacity: 0.72; transition: opacity 0.2s ease 0s; margin: 0px; } .btn-triangle:hover { opacity: 1; } .btn-triangle:focus { border: none; opacity: 1; } .btn-triangle .toggle-triangle { position: absolute; top: 0px; right: 0px; height: 0px; width: 0px; margin: 0px; transition: opacity 220ms ease 0s; z-index: 2; border-style: solid; border-width: 0px 45px 45px 0px; border-radius: 0px; border-color: transparent rgb(215, 215, 215) transparent transparent; } .btn-triangle .toggle-triangle.active { border-color: transparent rgb(0, 152, 153) transparent transparent; } .btn-triangle .toggle-shadow { position: absolute; top: 0px; right: 0px; height: 0px; width: 0px; margin: 0px; z-index: 1; border-style: solid; border-width: 0px 46px 46px 0px; border-radius: 0px; border-color: transparent rgb(199, 199, 199) transparent transparent; } .btn-triangle .toggle-shadow.active { border-color: transparent rgb(0, 127, 127) transparent transparent; } .btn-triangle .fa { position: absolute; padding: 0px; top: 14px; right: 4px; z-index: 3; } .feed-item-new .panel-body > .btn-triangle { top: 10px; right: 10px; } #preview-modal .browse-preview, #story-preview-modal .browse-preview { overflow: auto; } #preview-modal .avatar, #story-preview-modal .avatar { width: 28px; height: 28px; } #preview-modal .tag, #story-preview-modal .tag { font-weight: 600; font-size: 14px; border-radius: 16px; } #preview-modal .label, #story-preview-modal .label { margin-right: 10px; } #preview-modal .close, #story-preview-modal .close { background: 0px 0px; border: none; position: absolute; top: 9px; right: 12px; } #preview-modal .close:focus, #story-preview-modal .close:focus { outline: 0px; } #preview-modal .modal-dialog, #story-preview-modal .modal-dialog { width: auto; max-width: 560px; } #preview-modal .modal-content, #story-preview-modal .modal-content { box-shadow: none; width: 560px; background-color: transparent; border: none; position: absolute; transform: translateY(-50%) translateX(-50%); top: 45%; left: 50%; } @media (max-width: 600px) { #preview-modal .modal-content, #story-preview-modal .modal-content { width: 100%; background-color: rgb(255, 255, 255); border-radius: 0px; height: auto; min-height: 100%; top: 0px; left: 0px; transform: inherit; } } #preview-modal .modal-content .modal-header, #story-preview-modal .modal-content .modal-header { color: rgb(111, 111, 111); } #preview-modal .modal-content .modal-header .close-white, #story-preview-modal .modal-content .modal-header .close-white { top: -3px; right: -9px; z-index: 1; } #preview-modal .modal-content .modal-header .close-mobile, #story-preview-modal .modal-content .modal-header .close-mobile { display: none; } @media (max-width: 600px) { #preview-modal .modal-content .modal-header .close-white, #story-preview-modal .modal-content .modal-header .close-white { display: none; } #preview-modal .modal-content .modal-header .close-mobile, #story-preview-modal .modal-content .modal-header .close-mobile { display: block; top: 12px; right: 12px; z-index: 1; position: absolute; font-size: 40px; } } #preview-modal .modal-content .modal-body, #story-preview-modal .modal-content .modal-body { padding: 0px; margin: 0px auto; box-shadow: rgba(0, 0, 0, 0.5) 0px 12px 18px 6px; } @media (max-width: 600px) { #preview-modal .modal-content .modal-body, #story-preview-modal .modal-content .modal-body { box-shadow: none; top: -18px; } } #preview-modal .modal-content .modal-body .cover, #story-preview-modal .modal-content .modal-body .cover { margin: 0px; width: 280px; height: 450px; } @media (max-width: 600px) { #preview-modal .modal-content .modal-body .cover, #story-preview-modal .modal-content .modal-body .cover { width: 180px; height: 281px; margin: 0px auto; } #preview-modal .modal-content .modal-body .cover.pull-left, #story-preview-modal .modal-content .modal-body .cover.pull-left { float: none !important; } } #preview-modal .modal-content .modal-body .content, #story-preview-modal .modal-content .modal-body .content { position: relative; width: 280px; height: 450px; float: left; padding: 0px 18px; overflow: hidden; background-color: rgb(255, 255, 255); } @media (max-width: 600px) { #preview-modal .modal-content .modal-body .content, #story-preview-modal .modal-content .modal-body .content { width: 100%; height: auto; padding-bottom: 120px; } } #preview-modal .modal-content .modal-body .content .modal-title, #story-preview-modal .modal-content .modal-body .content .modal-title { margin-top: 20px; margin-bottom: 3px; color: rgb(34, 34, 34); max-height: 48px; overflow: hidden; font-weight: 700; font-size: 18px; text-decoration: none; } @media (max-width: 600px) { #preview-modal .modal-content .modal-body .content .modal-title, #story-preview-modal .modal-content .modal-body .content .modal-title { max-height: inherit; overflow: inherit; } } #preview-modal .modal-content .modal-body .content .meta, #story-preview-modal .modal-content .modal-body .content .meta { color: rgb(111, 111, 111); margin-bottom: 3px; font-size: 12px; } #preview-modal .modal-content .modal-body .content .meta .fa, #story-preview-modal .modal-content .modal-body .content .meta .fa { padding-right: 2px; } #preview-modal .modal-content .modal-body .content .meta > span, #story-preview-modal .modal-content .modal-body .content .meta > span { padding-right: 10px; } #preview-modal .modal-content .modal-body .content .description, #story-preview-modal .modal-content .modal-body .content .description { color: rgb(111, 111, 111); line-height: 1.5; font-size: 15px; } #preview-modal .modal-content .modal-body .content .description .read-more, #story-preview-modal .modal-content .modal-body .content .description .read-more { color: rgb(255, 97, 34); font-weight: 600; cursor: pointer; } #preview-modal .modal-content .modal-body .content .tag-ranking, #story-preview-modal .modal-content .modal-body .content .tag-ranking { padding-top: 10px; padding-bottom: 5px; } #preview-modal .modal-content .modal-body .content .tag-ranking .tag-ranking-medal, #story-preview-modal .modal-content .modal-body .content .tag-ranking .tag-ranking-medal { float: left; } #preview-modal .modal-content .modal-body .content .tag-ranking span, #story-preview-modal .modal-content .modal-body .content .tag-ranking span { display: inline-block; margin-left: 5px; font-size: 13px; } #preview-modal .modal-content .modal-body .content .tag-ranking span b, #story-preview-modal .modal-content .modal-body .content .tag-ranking span b { font-weight: 600; } #preview-modal .modal-content .modal-body .content .tag-ranking a, #story-preview-modal .modal-content .modal-body .content .tag-ranking a { margin: 0px 0px 0px 10px; padding: 4px 9px; border: 1px solid rgb(0, 178, 178); border-radius: 4px; color: rgb(0, 178, 178); font-size: 13px; white-space: nowrap; } #preview-modal .modal-content .modal-body .content .info, #story-preview-modal .modal-content .modal-body .content .info { border-top: 1px solid rgb(238, 238, 238); position: absolute; bottom: 0px; left: 20px; right: 20px; max-height: 120px; margin-bottom: 5px; } #preview-modal .modal-content .modal-body .content .info .text, #story-preview-modal .modal-content .modal-body .content .info .text { text-transform: uppercase; font-weight: 700; font-size: 12px; } #preview-modal .modal-content .modal-body .content .info .text.ongoing, #story-preview-modal .modal-content .modal-body .content .info .text.ongoing { color: rgb(255, 97, 34); } #preview-modal .modal-content .modal-body .content .info .text.completed, #story-preview-modal .modal-content .modal-body .content .info .text.completed { color: rgb(0, 178, 178); } #preview-modal .modal-content .modal-body .content .info time, #story-preview-modal .modal-content .modal-body .content .info time { font-size: 12px; font-weight: 600; padding-left: 2px; color: rgb(111, 111, 111); } #preview-modal .modal-content .modal-body .content .info strong, #story-preview-modal .modal-content .modal-body .content .info strong { font-size: 14px; } #preview-modal .modal-content .modal-body .content .info .mature, #story-preview-modal .modal-content .modal-body .content .info .mature { font-size: 12px; color: rgb(111, 111, 111); } #preview-modal .modal-content .modal-body .content .info .taglist, #story-preview-modal .modal-content .modal-body .content .info .taglist { line-height: 18px; margin-bottom: 16px; margin-top: 6px; max-height: 39px; overflow: hidden; } #preview-modal .modal-content .modal-body .content .info .taglist .tag, #story-preview-modal .modal-content .modal-body .content .info .taglist .tag { font-size: 14px; font-weight: 400; } #preview-modal .modal-content .modal-body .content .actions, #story-preview-modal .modal-content .modal-body .content .actions { margin-top: 7px; margin-bottom: 7px; margin-left: -3px; } #preview-modal .modal-content .modal-body .content .actions .on-start-reading, #preview-modal .modal-content .modal-body .content .actions .start-reading, #story-preview-modal .modal-content .modal-body .content .actions .on-start-reading, #story-preview-modal .modal-content .modal-body .content .actions .start-reading { width: 180px; overflow: hidden; text-overflow: ellipsis; } #preview-modal .modal-content .modal-body .content .actions .btn-story-lists, #story-preview-modal .modal-content .modal-body .content .actions .btn-story-lists { padding: 5px 12px; } #preview-modal .modal-content .modal-body .content .actions .btn-story-lists .fa, #story-preview-modal .modal-content .modal-body .content .actions .btn-story-lists .fa { top: 0px; padding: 0px; } #story-preview-modal .modal-container { background: 0px 0px; overflow: hidden; } #story-preview-modal .modal-container .modal-close-button { top: 10px; right: 40px; } #story-preview-modal .modal-container .modal-content { min-width: 575px; max-height: 100vh; overflow-y: auto; } #story-preview-modal .modal-container .story-preview-content { width: 620px; height: 500px; } #story-preview-modal .modal-container .is-loading { height: 18px; } #story-preview-modal .modal-container .is-loading img { max-height: 100%; } .fixed-ratio { position: relative; height: 0px; } .fixed-ratio > div, .fixed-ratio > img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .fixed-ratio.fixed-ratio-cover { padding-bottom: 156.25%; } .fixed-ratio.fixed-ratio-lists { padding-bottom: 133.33%; } .report-modal .modal-content .modal-header .modal-title, .report-modal-wrapper .modal-header .modal-title { margin: 0px; text-align: center; } .report-modal .modal-content .modal-body, .report-modal-wrapper .modal-body { padding-bottom: 0px; } .report-modal .modal-content .modal-body form, .report-modal-wrapper .modal-body form { margin: 0px; padding: 0px; border: 0px; min-height: 353px; overflow: hidden; white-space: nowrap; } .report-modal .modal-content .modal-body .modal-body-content, .report-modal-wrapper .modal-body .modal-body-content { display: inline-block; vertical-align: top; position: relative; width: 100%; transition: left 250ms ease-in-out 0s; } .report-modal .modal-content .modal-body .modal-body-content span, .report-modal-wrapper .modal-body .modal-body-content span { display: inline-block; white-space: normal; padding-bottom: 6px; font-size: inherit; } .report-modal .modal-content .modal-body .modal-body-content.step-1, .report-modal-wrapper .modal-body .modal-body-content.step-1 { left: 0px; } .report-modal .modal-content .modal-body .modal-body-content.step-1 span, .report-modal-wrapper .modal-body .modal-body-content.step-1 span { padding-bottom: 0px; } .report-modal .modal-content .modal-body .modal-body-content.step-2, .report-modal-wrapper .modal-body .modal-body-content.step-2 { left: -100%; } .report-modal .modal-content .modal-body .modal-body-content.step-3, .report-modal-wrapper .modal-body .modal-body-content.step-3 { left: -200%; } .report-modal .modal-content .modal-body .modal-body-content.step-3 h4, .report-modal-wrapper .modal-body .modal-body-content.step-3 h4 { text-align: center; } .report-modal .modal-content .modal-body .modal-body-content.step-3 .report-success, .report-modal-wrapper .modal-body .modal-body-content.step-3 .report-success { position: relative; top: 0px; opacity: 1; transition: all 250ms ease-in-out 0s; } .report-modal .modal-content .modal-body .modal-body-content.step-3 .report-success.faded, .report-modal-wrapper .modal-body .modal-body-content.step-3 .report-success.faded { top: 20px; } .report-modal .modal-content .modal-body .modal-body-content .radio, .report-modal-wrapper .modal-body .modal-body-content .radio { padding-left: 3px; } .report-modal .modal-content .modal-body .modal-body-content .radio label, .report-modal-wrapper .modal-body .modal-body-content .radio label { color: rgb(111, 111, 111); } .report-modal .modal-content .modal-body .modal-body-content textarea, .report-modal-wrapper .modal-body .modal-body-content textarea { resize: none; overflow: auto; height: 180px; } .report-modal .modal-content .modal-body .tooltip.top, .report-modal-wrapper .modal-body .tooltip.top { display: none !important; } .report-modal .modal-content .modal-footer > button, .report-modal-wrapper .modal-footer > button { width: 100%; } .report-modal-wrapper .modal-content, .wp-modal.modal-container.report-modal .modal-content { padding: 0px; max-width: 400px; } @media screen and (max-width: 600px) { .report-modal-wrapper .modal-content, .wp-modal.modal-container.report-modal .modal-content { padding: 0px; max-width: 380px; } } .report-modal-wrapper .modal-header, .wp-modal.modal-container.report-modal .modal-header { padding: 15px 15px 0px; } .report-modal-wrapper .modal-header .modal-title, .wp-modal.modal-container.report-modal .modal-header .modal-title { font-weight: 700; font-size: 21px; color: rgb(18, 18, 18); } .report-modal-wrapper .modal-header .on-close, .wp-modal.modal-container.report-modal .modal-header .on-close { background: 0px 0px; border: none; position: absolute; top: 15px; right: 15px; padding: 0px; } .report-modal-wrapper .modal-header .prev-btn, .wp-modal.modal-container.report-modal .modal-header .prev-btn { background: 0px 0px; border: none; padding: 0px; position: absolute; top: 15px; left: 15px; } .report-modal-wrapper .original-success, .wp-modal.modal-container.report-modal .original-success { padding: 15px; } .report-modal-wrapper .original-success .success-img, .wp-modal.modal-container.report-modal .original-success .success-img { display: block; margin: 32px auto; } .report-modal-wrapper .alert-message, .wp-modal.modal-container.report-modal .alert-message { font-size: small; padding: 15px; line-height: 15px; } .report-modal-wrapper .modal-body, .wp-modal.modal-container.report-modal .modal-body { padding: 0px; } .report-modal-wrapper .modal-body span, .wp-modal.modal-container.report-modal .modal-body span { color: rgb(18, 18, 18); } .report-modal-wrapper .modal-body h6.reason-title, .wp-modal.modal-container.report-modal .modal-body h6.reason-title { margin: 12px 0px 0px 12px; font-weight: 400; color: rgb(18, 18, 18); } .report-modal-wrapper .modal-body .reason-note, .wp-modal.modal-container.report-modal .modal-body .reason-note { color: rgba(18, 18, 18, 0.64); font-weight: 700; font-size: 16px; text-align: center; line-height: 18px; margin: 15px 15px 8px; } .report-modal-wrapper .modal-body .text-left, .wp-modal.modal-container.report-modal .modal-body .text-left { text-align: left; } .report-modal-wrapper .modal-body .body-content, .wp-modal.modal-container.report-modal .modal-body .body-content { min-height: 180px; padding: 15px; border-top: 1px solid rgba(18, 18, 18, 0.12); } .report-modal-wrapper .modal-body .body-content textarea, .wp-modal.modal-container.report-modal .modal-body .body-content textarea { resize: none; overflow: auto; height: 90px; } .report-modal-wrapper .modal-body .body-content textarea.error, .wp-modal.modal-container.report-modal .modal-body .body-content textarea.error { border-color: rgb(224, 0, 0); } .report-modal-wrapper .modal-body .body-content textarea.error:focus, .wp-modal.modal-container.report-modal .modal-body .body-content textarea.error:focus { box-shadow: rgba(255, 63, 18, 0) 0px 1px 1px inset, rgba(169, 68, 66, 0.37) 0px 0px 8px; } .report-modal-wrapper .modal-body .body-content .field-message, .wp-modal.modal-container.report-modal .modal-body .body-content .field-message { font-size: small; } .report-modal-wrapper .modal-body .report-reason, .wp-modal.modal-container.report-modal .modal-body .report-reason { text-decoration: none; border-top: 1px solid rgba(18, 18, 18, 0.12); } .report-modal-wrapper .modal-body .report-reason .reason-label, .wp-modal.modal-container.report-modal .modal-body .report-reason .reason-label { display: grid; width: 100%; grid-template-columns: 90% 10%; margin: 0px; cursor: pointer; padding: 12px 6px 12px 18px; } .report-modal-wrapper .modal-body .report-reason .reason-label .reason-title, .wp-modal.modal-container.report-modal .modal-body .report-reason .reason-label .reason-title { background: 0px 0px; border: none; color: rgb(18, 18, 18); font-size: 16px; font-weight: 400; grid-column: 1 / auto; text-align: justify; padding: 0px; line-height: 18px; } .report-modal-wrapper .modal-body .report-reason .reason-label .reason-subtitle, .wp-modal.modal-container.report-modal .modal-body .report-reason .reason-label .reason-subtitle { color: rgba(18, 18, 18, 0.64); font-size: 12px; font-weight: 400; grid-column: 1 / auto; margin-bottom: 0px; line-height: 15px; } .report-modal-wrapper .modal-body .report-reason .reason-label .reason-right-icon, .wp-modal.modal-container.report-modal .modal-body .report-reason .reason-label .reason-right-icon { grid-column-end: -1; margin: auto; padding-bottom: 0px; } .report-modal-wrapper .modal-body .report-reason .reason-label .reason-right-icon .fa, .wp-modal.modal-container.report-modal .modal-body .report-reason .reason-label .reason-right-icon .fa { color: rgba(18, 18, 18, 0.32); } .report-modal-wrapper .modal-body .report-reason:last-of-type, .wp-modal.modal-container.report-modal .modal-body .report-reason:last-of-type { border-bottom: 1px solid rgba(18, 18, 18, 0.12); } .report-modal-wrapper .modal-body .report-reason:last-of-type .reason-label, .wp-modal.modal-container.report-modal .modal-body .report-reason:last-of-type .reason-label { padding: 6px 6px 6px 18px; } .report-modal-wrapper .modal-body .report-reason:last-of-type .reason-text-container, .wp-modal.modal-container.report-modal .modal-body .report-reason:last-of-type .reason-text-container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-height: 50px; -webkit-box-pack: center; justify-content: center; } .report-modal-wrapper .modal-body .report-reason:last-of-type .reason-title, .wp-modal.modal-container.report-modal .modal-body .report-reason:last-of-type .reason-title { padding: 8px 0px 0px; } .report-modal-wrapper .modal-body .report-reason:last-of-type .reason-subtitle, .wp-modal.modal-container.report-modal .modal-body .report-reason:last-of-type .reason-subtitle { padding: 0px 0px 9px; } .report-modal-wrapper .modal-body form, .wp-modal.modal-container.report-modal .modal-body form { overflow-wrap: break-word; white-space: normal; } .report-modal-wrapper .modal-body form .reason-comment, .wp-modal.modal-container.report-modal .modal-body form .reason-comment { padding: 0px 12px 12px; } .report-modal-wrapper .modal-body form footer, .wp-modal.modal-container.report-modal .modal-body form footer { position: absolute; bottom: 15px; } .report-modal-wrapper .modal-body form footer span, .wp-modal.modal-container.report-modal .modal-body form footer span { color: rgba(18, 18, 18, 0.64); } .report-modal-wrapper .modal-body footer, .wp-modal.modal-container.report-modal .modal-body footer { font-size: 14px; } .report-modal-wrapper .contact-info-body, .wp-modal.modal-container.report-modal .contact-info-body { padding: 15px; } .report-modal-wrapper .contact-info-body p, .wp-modal.modal-container.report-modal .contact-info-body p { margin: 0px; color: rgb(18, 18, 18); } .report-modal-wrapper .contact-info-body .input-container, .wp-modal.modal-container.report-modal .contact-info-body .input-container { position: relative; } .report-modal-wrapper .contact-info-body .input-container .fa-check, .report-modal-wrapper .contact-info-body .input-container .fa-warning, .wp-modal.modal-container.report-modal .contact-info-body .input-container .fa-check, .wp-modal.modal-container.report-modal .contact-info-body .input-container .fa-warning { position: absolute; top: 6px; margin-right: 10px; } .report-modal-wrapper .contact-info-body .input-container .fa-warning, .wp-modal.modal-container.report-modal .contact-info-body .input-container .fa-warning { color: rgb(224, 0, 0); } .report-modal-wrapper .contact-info-body .input-container .fa-check, .wp-modal.modal-container.report-modal .contact-info-body .input-container .fa-check { color: rgb(0, 133, 78); } .report-modal-wrapper .contact-info-body .input-container #contact-email.invalid, .report-modal-wrapper .contact-info-body .input-container #contact-name.invalid, .wp-modal.modal-container.report-modal .contact-info-body .input-container #contact-email.invalid, .wp-modal.modal-container.report-modal .contact-info-body .input-container #contact-name.invalid { border: 1px solid rgb(224, 0, 0); } .report-modal-wrapper .contact-info-body .input-container .contact-input, .wp-modal.modal-container.report-modal .contact-info-body .input-container .contact-input { width: 100%; margin-top: 8px; border: 1px solid rgba(18, 18, 18, 0.32); border-radius: 3px; padding: 6px 0px 6px 15px; } .report-modal-wrapper .contact-info-body .input-container .contact-error-message, .wp-modal.modal-container.report-modal .contact-info-body .input-container .contact-error-message { margin: 3px 0px 0px 3px; font-size: 14px; color: rgb(224, 0, 0); } .report-modal-wrapper .modal-footer, .wp-modal.modal-container.report-modal .modal-footer { padding: 15px; } .report-modal-wrapper .modal-footer .btn-orange, .wp-modal.modal-container.report-modal .modal-footer .btn-orange { margin: 0px; } .report-modal-wrapper .report-modal-thank-you, .wp-modal.modal-container.report-modal .report-modal-thank-you { text-align: center; padding: 0px 12px; } .report-modal-wrapper .report-modal-thank-you .modal-header.thank-you, .wp-modal.modal-container.report-modal .report-modal-thank-you .modal-header.thank-you { padding-top: 50px; } .report-modal-wrapper .report-modal-thank-you .modal-header.thank-you .shield-icon, .wp-modal.modal-container.report-modal .report-modal-thank-you .modal-header.thank-you .shield-icon { margin-bottom: 12px; } .report-modal-wrapper .report-modal-thank-you .modal-header.thank-you #inbox h3.thank-you-title, .report-modal-wrapper .report-modal-thank-you .modal-header.thank-you h3.thank-you-title, .wp-modal.modal-container.report-modal .report-modal-thank-you .modal-header.thank-you #inbox h3.thank-you-title, .wp-modal.modal-container.report-modal .report-modal-thank-you .modal-header.thank-you h3.thank-you-title { margin: 0px; font-size: 18px; font-weight: 700; color: rgb(18, 18, 18); } .report-modal-wrapper .report-modal-thank-you .modal-body, .wp-modal.modal-container.report-modal .report-modal-thank-you .modal-body { padding: 8px 18px 3px; } .report-modal-wrapper .report-modal-thank-you .modal-body span a, .wp-modal.modal-container.report-modal .report-modal-thank-you .modal-body span a { color: rgb(42, 28, 96) !important; text-decoration: underline !important; } .report-modal-wrapper .report-modal-thank-you .line-divider, .wp-modal.modal-container.report-modal .report-modal-thank-you .line-divider { background: rgba(18, 18, 18, 0.12); width: 100%; height: 1px; margin: 18px auto 15px; } .report-modal-wrapper .report-modal-thank-you p.mute-note, .wp-modal.modal-container.report-modal .report-modal-thank-you p.mute-note { font-size: 14px; line-height: 21px; margin-bottom: 15px; text-align: left; } .report-modal-wrapper .report-modal-thank-you .mute-btn, .wp-modal.modal-container.report-modal .report-modal-thank-you .mute-btn { width: 200px; margin-bottom: 60px; } .report-modal-wrapper { max-width: 400px; margin: 0px auto; } .report-modal-wrapper .modal-title { margin: 0px; } #inline-comments-modal .report-modal-wrapper { max-width: 100%; background: rgb(255, 255, 255); } #inline-comments-modal .report-modal-wrapper .modal-header { background: 0px 0px; padding: 12px 0px 0px; } #inline-comments-modal .report-modal-wrapper .modal-header .modal-title { font-weight: 700; font-size: 21px; color: rgb(18, 18, 18); } #inline-comments-modal .report-modal-wrapper .modal-header .fa { color: rgb(18, 18, 18); } #inline-comments-modal .report-modal-wrapper .modal-header.thank-you { padding-top: 60px; background: 0px 0px; } #inline-comments-modal .report-modal-wrapper .modal-header.thank-you .fa { color: rgb(18, 18, 18); } .post-to-profile-modal .modal-header { padding: 0px; } .post-to-profile-modal .modal-title { font-weight: 600; } .post-to-profile-modal .modal-body { border-top: 1px solid rgb(238, 238, 238); } .post-to-profile-modal .post-comment { overflow: hidden; } .post-to-profile-modal .fa-check { border: 3px solid rgb(0, 178, 178); border-radius: 50%; padding: 2px 3px; margin-right: 1%; } .listsModal .modal-header > h4 { font-weight: 700; } .listsModal .modal-body { padding: 0px; } .listsModal ul { background-color: rgb(255, 255, 255); overflow-y: scroll; } .listsModal .disabled { cursor: not-allowed; pointer-events: none; } .listsModal li a { color: rgb(111, 111, 111); display: block; padding: 15px 30px; border-top: 1px solid rgb(238, 238, 238); cursor: pointer; text-decoration: none; } .listsModal li a:hover { background-color: rgb(238, 238, 238); } .listsModal li a .status { float: right; } .listsModal li a .hover-text { display: none; } #preview-modal .addToLibraryModal, .addToLibraryModal { overflow-y: scroll; } #preview-modal .addToLibraryModal .modal-dialog, .addToLibraryModal .modal-dialog { margin: 0px; width: 100%; height: 100%; } #preview-modal .addToLibraryModal .modal-content, .addToLibraryModal .modal-content { border: none; border-radius: 0px; min-height: 100%; background-color: rgb(238, 238, 238); } #preview-modal .addToLibraryModal .modal-header, .addToLibraryModal .modal-header { background-color: rgb(255, 97, 34); color: rgb(255, 255, 255); height: 54px; padding: 0px; } #preview-modal .addToLibraryModal .modal-header h1.modal-title, .addToLibraryModal .modal-header h1.modal-title { font-size: 18px; line-height: 23px; overflow: hidden; text-overflow: ellipsis; max-width: 100%; white-space: nowrap; text-align: center; margin: 0px; padding: 7px 42px 0px; } #preview-modal .addToLibraryModal .modal-header h2, .addToLibraryModal .modal-header h2 { font-size: 12px; line-height: 15px; text-align: center; margin: 0px; } #preview-modal .addToLibraryModal .modal-header .close, .addToLibraryModal .modal-header .close { margin: 0px; line-height: 54px; text-align: center; position: absolute; width: 42px; right: 5px; top: 5px; } #preview-modal .addToLibraryModal .modal-header .close .fa-wp-neutral-5, .addToLibraryModal .modal-header .close .fa-wp-neutral-5 { font-size: 28px !important; } #preview-modal .addToLibraryModal .modal-body, .addToLibraryModal .modal-body { padding: 0px; box-shadow: none; top: 0px; } #preview-modal .addToLibraryModal ul, .addToLibraryModal ul { background-color: rgb(255, 255, 255); overflow-y: scroll; margin-bottom: 0px; } #preview-modal .addToLibraryModal li a, .addToLibraryModal li a { color: rgb(111, 111, 111); position: relative; display: block; margin: 0px; padding: 10px 40px; font-weight: 400; border-bottom: 1px solid rgb(238, 238, 238); white-space: inherit; line-height: 0; } #preview-modal .addToLibraryModal li a:hover, .addToLibraryModal li a:hover { text-decoration: none; } #preview-modal .addToLibraryModal li a .status, .addToLibraryModal li a .status { position: absolute; top: 12px; right: 12px; font-size: 9px; } #preview-modal .addToLibraryModal li a .status .fa-check, .addToLibraryModal li a .status .fa-check { top: 1px; font-size: 12px; } #preview-modal .addToLibraryModal li a .reading-list-name, .addToLibraryModal li a .reading-list-name { display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; line-height: 24px; } #preview-modal .addToLibraryModal li a .fa-reading-list, .addToLibraryModal li a .fa-reading-list { font-size: 21px; position: absolute; top: 12px; left: 9px; } #preview-modal .addToLibraryModal li a .fa-library, .addToLibraryModal li a .fa-library { font-size: 16px; position: absolute; top: 14px; left: 12px; } #preview-modal .addToLibraryModal li a.in-list, .addToLibraryModal li a.in-list { color: rgb(0, 178, 178); } #preview-modal .addToLibraryModal li a.in-list .fa-reading-list, .addToLibraryModal li a.in-list .fa-reading-list { color: rgb(0, 178, 178); } #preview-modal .addToLibraryModal li a.in-list .fa-library, .addToLibraryModal li a.in-list .fa-library { color: rgb(0, 178, 178); } #preview-modal .addToLibraryModal li a.create-list-button, .addToLibraryModal li a.create-list-button { color: rgb(255, 97, 34); } #preview-modal .addToLibraryModal li a.create-list-button .fa-plus, .addToLibraryModal li a.create-list-button .fa-plus { position: absolute; top: 16px; left: 13px; } #preview-modal .addToLibraryListNameModal .modal-body, .addToLibraryListNameModal .modal-body { padding: 12px; box-shadow: none; } #preview-modal .addToLibraryListNameModal h1.modal-title, .addToLibraryListNameModal h1.modal-title { color: rgb(111, 111, 111); font-weight: 400; font-size: 18px; margin-top: 5px; margin-bottom: 10px; text-align: center; } #preview-modal .addToLibraryListNameModal .modal-content, .addToLibraryListNameModal .modal-content { position: relative; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px; } #preview-modal .addToLibraryListNameModal .error-feedback, .addToLibraryListNameModal .error-feedback { display: none; background-color: rgb(242, 222, 222); border-radius: 5px; color: rgb(0, 0, 0); font-size: 15px; font-weight: 600; line-height: 42px; margin-bottom: 6px; padding-left: 40px; position: relative; } #preview-modal .addToLibraryListNameModal .error-feedback .fa-warning, .addToLibraryListNameModal .error-feedback .fa-warning { position: absolute; left: 14px; top: 13px; } #preview-modal .addToLibraryListNameModal .inputs.has-error .form-control, .addToLibraryListNameModal .inputs.has-error .form-control { border-color: rgb(255, 109, 85); } #preview-modal .addToLibraryListNameModal .inputs.has-error .error-feedback, .addToLibraryListNameModal .inputs.has-error .error-feedback { display: block; } #preview-modal .addToLibraryListNameModal .buttons, .addToLibraryListNameModal .buttons { margin: 0px 12px 20px; } #preview-modal .addToLibraryListNameModal .buttons .btn, .addToLibraryListNameModal .buttons .btn { width: calc(50% - 3px); margin: 0px; float: left; } #preview-modal .addToLibraryListNameModal .buttons .btn-grey, .addToLibraryListNameModal .buttons .btn-grey { margin-right: 3px; } #preview-modal .addToLibraryListNameModal .buttons .btn-orange, .addToLibraryListNameModal .buttons .btn-orange { margin-left: 3px; } .choose-category-modal { overflow-y: scroll; } .choose-category-modal .modal-dialog { margin: auto; width: 90%; height: 90%; } .choose-category-modal .modal-content { border: none; border-radius: 0px; min-height: 100%; background-color: rgb(255, 255, 255); margin-bottom: 40px; } .choose-category-modal .modal-header { background-color: rgb(255, 255, 255); color: rgb(111, 111, 111); height: 54px; padding: 0px; border-bottom: 1px solid rgb(238, 238, 238); } .choose-category-modal .modal-header h1.modal-title { font-size: 18px; line-height: 54px; overflow: hidden; text-overflow: ellipsis; max-width: 100%; white-space: nowrap; text-align: center; margin: 0px; padding: 0px 42px; } .choose-category-modal .modal-header .close { margin: 0px; line-height: 54px; text-align: center; position: absolute; width: 42px; right: 8px; top: 2px; } .choose-category-modal .modal-body { padding: 0px; box-shadow: none; top: 0px; } .choose-category-modal ul { background-color: rgb(255, 255, 255); overflow-y: scroll; margin-bottom: 0px; } .choose-category-modal ul .active { background-color: rgb(238, 238, 238); } .choose-category-modal ul .active a { color: rgb(255, 97, 34); } .choose-category-modal li { padding: 0px; } .choose-category-modal li:nth-child(2n) { border-left: 1px solid rgb(238, 238, 238); } .choose-category-modal li a { color: rgb(111, 111, 111); position: relative; display: block; margin: 0px; padding: 10px 20px; font-weight: 600; border-bottom: 1px solid rgb(238, 238, 238); white-space: inherit; } .choose-category-modal li a:hover { text-decoration: none; } @media (max-width: 320px) { .choose-category-modal li a { font-size: 14px; } } .search-filter-modal { overflow-y: scroll; } .search-filter-modal h3 { font-size: 18px; } .search-filter-modal select { height: 48px; font-size: 17px; border: 1px solid rgb(111, 111, 111); margin: 8px 0px 12px; padding-left: 6px; width: 100%; color: rgb(111, 111, 111); } .search-filter-modal .modal-dialog { margin: auto; width: 90%; } .search-filter-modal .modal-content { border: none; border-radius: 0px; min-height: 100%; background-color: rgb(255, 255, 255); margin-top: 60px; margin-bottom: 40px; } .search-filter-modal .modal-header { background-color: rgb(255, 255, 255); color: rgb(111, 111, 111); height: 54px; padding: 0px; border-bottom: 1px solid rgb(238, 238, 238); } .search-filter-modal .modal-header .modal-title { font-size: 18px; font-weight: 400; line-height: 54px; overflow: hidden; text-overflow: ellipsis; max-width: 100%; white-space: nowrap; text-align: center; margin: 0px; padding: 0px 42px; } .search-filter-modal .modal-header .close { margin: 0px; line-height: 54px; text-align: center; position: absolute; width: 42px; right: 8px; top: 2px; } .search-filter-modal .modal-body { padding: 16px 16px 24px; box-shadow: none; top: 0px; } .search-filter-modal .modal-body h4 { color: rgb(111, 111, 111); } .search-filter-modal ul { background-color: rgb(255, 255, 255); overflow-y: scroll; margin-bottom: 0px; } .search-filter-modal ul .active { background-color: rgb(238, 238, 238); } .search-filter-modal ul .active a { color: rgb(255, 97, 34); } .search-filter-modal li { margin-left: 8px; } .search-filter-modal li a { padding: 15px 0px 10px; color: rgb(111, 111, 111); position: relative; display: block; margin: 0px; font-size: 17px; white-space: inherit; } .search-filter-modal li a:hover { background: initial !important; } .search-filter-modal li a .fa { position: absolute; right: 0px; } .user-card { position: relative; background: rgb(255, 255, 255); height: 282px; margin: 0px 0px 24px; overflow: hidden; border-radius: 5px; border-bottom: 1px solid rgb(238, 238, 238); box-shadow: rgba(120, 120, 120, 0.25) 0px 2px 5px; } .user-card .btn-remove { position: absolute; top: 7px; right: 1px; padding: 0px; opacity: 0.65; } .user-card .btn-remove:hover { opacity: 1; } .user-card .avatar.avatar-lg { position: absolute; height: 84px; width: 84px; top: 36px; left: 50%; margin-left: -42px; box-shadow: rgba(65, 65, 65, 0.36) 0px 1px 2px 1px; } .user-card .content { text-align: center; padding: 18px; height: 126px; } .user-card .content h5 { display: block; margin-top: 6px; margin-bottom: 0px; font-weight: 600; max-height: 24px; overflow: hidden; } .user-card .content small { display: block; position: relative; left: -2px; line-height: 18px; color: rgb(111, 111, 111); max-height: 18px; overflow: hidden; } .user-card .content a, .user-card .content button { margin-top: 12px; } .user-card footer { height: 52px; background: rgb(240, 251, 251); border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; text-align: center; margin-top: 6px; } .user-card footer > span { display: block; margin: 0px 12px; max-height: 37px; overflow: hidden; color: rgb(0, 153, 153); line-height: 18px; } .user-card footer > div { display: inline-block; margin: 6px 0px; width: 29%; } .user-card footer h5 { display: block; margin: 3px 0px 0px; font-size: 18px; line-height: 18px; color: rgb(111, 111, 111); } .user-card footer .x-small { display: block; color: rgb(111, 111, 111); font-size: 12px; letter-spacing: 0.2px; } .user-card footer a { color: rgb(0, 153, 153); font-weight: 600; text-decoration: none; } .user-card footer a:hover { text-decoration: underline; color: rgb(0, 153, 153); } .user-card .content { padding-top: 36px; height: 144px; } .reading-list-card { position: relative; background: rgb(255, 255, 255); margin: 0px 0px 24px; overflow: hidden; border-radius: 5px; border-bottom: 1px solid rgb(217, 217, 217); box-shadow: rgba(120, 120, 120, 0.25) 0px 2px 5px; } .reading-list-card h5 { font-weight: 600; height: 48px; word-break: break-all; } .reading-list-card .content { padding: 10px; } .reading-list-card .content h5 { text-align: center; font-size: 21px; } .reading-list-card .content .sample-cover { width: 33.3333%; display: inline-block; } .reading-list-card .content .sample-cover .cover { margin: auto; display: block; } .reading-list-card footer { padding: 10px; border-top: 1px solid rgb(238, 238, 238); } .reading-list-card footer h5 { display: table-cell; vertical-align: middle; padding-left: 12px; width: 100%; font-weight: 700; font-size: 18px; } .reading-list-card footer .controls { display: table-cell; vertical-align: middle; } .reading-list-card footer .controls .btn { position: initial; top: 0px; right: 0px; } .reading-list-card footer .controls .btn .fa-follow { position: relative; top: 5px; } .reading-list-card .avatar { display: table-cell; vertical-align: top; } .reading-list-card .user-link { display: table; } .reading-list-card a { color: rgb(111, 111, 111); } .reading-list-card a:hover { text-decoration: none; color: rgb(111, 111, 111); } .on-showmore { color: rgb(34, 34, 34); display: block; width: 100%; padding: 9px; border-radius: 5px; text-align: center; font-weight: 400; font-size: 16px; margin: 0px; border: none; height: 50px; } .on-showmore .fa-down-small { margin-left: 6px; top: 2px; } #toast-container { position: fixed; bottom: 0px; left: 0px; z-index: 1071; } .error-toast { padding: 10px 16px 14px 14px; background-color: rgb(111, 111, 111); border-radius: 5px; color: rgb(255, 255, 255); font-size: 15px; min-width: 270px; max-width: 320px; box-shadow: rgb(111, 111, 111) 0px 5px 5px 0px; opacity: 0; transition: opacity 0.3s ease-out 0s, bottom 0.5s ease-out 0s; left: 24px; margin-bottom: 12px; position: absolute; } .error-toast p { margin-bottom: 0px; } #error-toast.dismissable p { margin-right: 18px; } .error-toast { max-width: 300px; left: 10px; margin-bottom: 46px; } .invite-panel-component .wp-panel .wp-hero { background-color: rgb(0, 178, 178); color: rgb(255, 255, 255); height: 400px; width: 100%; margin: 0px; } .invite-panel-component .invite-email { max-width: 124px; margin: 24px auto; } .invite-panel-component .invite-email > img { max-width: 100%; } .invite-panel-component .email-message { font-weight: 600; } .invite-panel-component .email-message.warning { color: rgb(255, 63, 18); } .invite-panel-component .btn-md { padding: 2px 25px; } .invite-panel-component .spinner { padding: 5px; display: none; } .invite-panel-component .spinner .fa { padding: 0px; top: -3px; } .invite-panel-component .invite-providers { list-style: none; padding: 0px; margin: 0px; } .invite-panel-component .invite-providers > li { line-height: 66px; border-bottom: 1px solid rgb(204, 204, 204); cursor: pointer; font-size: 18px; } .invite-panel-component .invite-providers > li > img { vertical-align: middle; margin-right: 12px; } .invite-panel-component .invite-providers > li > .fa { float: right; line-height: 66px; } .invite-panel-component .consent { font-size: 14px; text-align: center; margin-bottom: -18px; padding: 21px 0px; } .tag-module-writers { display: inline-block; margin: 21px 18px 0px 0px; width: 128px; } .tag-module-writers .writer-avatar { height: 128px; } .tag-module-writers .writer-avatar img { border-radius: 50%; } .tag-module-writers .writer-name { margin: 9px 0px; font-weight: 600; line-height: 20px; overflow: hidden; } .tag-module-writers .writer-name a { color: rgb(111, 111, 111); } .tag-module-writers .writer-meta { font-size: 12px; color: rgb(238, 238, 238); } .tag-module-writers .writer-meta span { display: block; line-height: 18px; } .tag-module-writers .writer-description { display: none; } .tag-module-lists { display: inline-block; margin-right: 15px; } .tag-module-lists .reading-list-cover { display: inline-block; margin: 21px 0px 12px; } .tag-module-lists .reading-list-cover img { width: 122px; } .tag-module-lists .reading-list-info { max-width: 122px; overflow: hidden; height: 105px; } .tag-module-lists .reading-list-info .reading-list-title { font-weight: 600; margin-bottom: 3px; height: 48px; overflow: hidden; } .tag-module-lists .reading-list-info .reading-list-title a { color: rgb(111, 111, 111); } .tag-module-lists .reading-list-info .meta { font-size: 15px; } .tag-module-lists .reading-list-info .meta span { display: block; color: rgb(238, 238, 238); margin-bottom: 3px; } .tag-module-lists .reading-list-info .meta a { color: rgb(238, 238, 238); } .tag-module-writers { max-height: 155px; width: auto; overflow: hidden; margin: 0px; padding: 12px; border-top: 1px solid rgb(238, 238, 238); } .tag-module-writers .writer-avatar { display: inline-block; height: 84px; width: 84px; margin-right: 12px; float: left; } .tag-module-writers .writer-avatar img { max-height: 100%; } .tag-module-writers .writer-info { overflow: hidden; } .tag-module-writers .writer-info .writer-name { margin: 0px; font-size: 18px; } .tag-module-writers .writer-info .writer-description { margin-top: 6px; font-size: 12px; line-height: 15px; max-height: 60px; color: rgb(111, 111, 111); display: inherit; } .tag-module-lists { width: 100%; height: 137px; position: relative; margin: 0px; padding: 12px; border-top: 1px solid rgb(238, 238, 238); } .tag-module-lists .reading-list-cover { float: left; display: block; margin: 0px 12px 0px 0px; } .tag-module-lists .reading-list-cover img { width: 83px; } .tag-module-lists .reading-list-info { max-width: none; width: auto; overflow: hidden; height: auto; } .tag-module-lists .reading-list-info .reading-list-title { height: 27px; margin-bottom: 0px; } .tag-module-lists .reading-list-info .meta { line-height: 18px; } .tag-module-lists .reading-list-info .meta span { color: rgb(111, 111, 111); margin-bottom: 0px; } .tag-module-lists .reading-list-info .meta a { color: rgb(111, 111, 111); } .tag-module-lists .reading-list-info .meta .tags { margin-top: 15px; } #browse-stories-page .category-banner { background-color: rgb(0, 153, 153); } #browse-stories-page #hot-list-header { color: rgb(238, 238, 238); font-weight: 600; text-transform: uppercase; } #browse-stories-page #hot-list-header span { color: rgb(255, 255, 255); background-color: rgb(238, 238, 238); border-radius: 3px; padding-left: 3px; padding-right: 3px; } .notification { position: relative; margin-bottom: 9px; padding: 12px; } .notification > a:hover { text-decoration: none; } .notification.unread { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px; } .notification.aggregate .count { background: rgb(0, 178, 178); } .notification.dedication .content, .notification.list .content, .notification.upload .content { padding-right: 42px; min-height: 42px; } .notification.dedication .cover, .notification.list .cover, .notification.upload .cover { position: absolute; top: 0px; right: 0px; } .notification.follow-request.in-notifications .content, .notification.follow-request.in-notifications .request-btns { height: 39px; } .notification.follow-request.in-notifications .request-btns { position: absolute; right: 12px; top: 13px; } .notification.follow-request.in-notifications .request-btns .btn-circle { width: 39px; height: 39px; } .notification.follow-request.in-notifications .heading { line-height: 36px; } .notification.follow-request.in-profile { background-color: rgb(255, 255, 255); } .notification.follow-request.in-profile small { display: inline-block; } .notification.follow-request.in-profile footer { height: 30px; margin-top: 6px; } .notification.follow-request.in-profile button + button { margin-left: 8px; } .notification.follow-request.in-profile button .fa { padding: 0px; } .notification .count { height: 36px; width: 36px; text-align: center; font-weight: 600; line-height: 35px; border-radius: 50%; color: rgb(255, 255, 255); } .notification .avatar, .notification .count { position: absolute; top: 13px; left: 12px; } .notification .content { margin-left: 48px; position: relative; display: block; word-break: break-word; width: calc((100% - 36px) - 2%); } .notification .content .on-navigate { color: rgb(111, 111, 111); } .notification .content .on-navigate:focus, .notification .content .on-navigate:hover { text-decoration: none; } .notification .content .heading { color: rgb(111, 111, 111); font-size: 16px; line-height: 21px; } .notification .content time { display: inline-block; line-height: 18px; color: rgb(111, 111, 111); padding-left: 5px; vertical-align: text-top; } .notification .content p { padding-right: 12px; color: rgb(111, 111, 111); font-size: 16px; margin: 0px; line-height: 21px; } .notification .show-full { margin: 0px; display: inline-block; } .notification .full-message, .notification .shown-message { color: rgb(111, 111, 111); font-size: 16px; display: block; padding-right: 12px; cursor: pointer; } .notification .on-expand { cursor: pointer; } .notification .story-cover { position: absolute; top: 0px; right: 0px; height: 100%; max-height: 45px; } .notification #megaphone-icon { position: relative; top: -2px; } .pill:hover { color: rgb(255, 255, 255); text-decoration: none; } .pill-hover-grey:hover { background-color: rgb(111, 111, 111); } .pill-hover-teal:hover { background-color: rgb(0, 178, 178); border: 1px solid rgb(0, 178, 178); } .pill-hover-teal:hover .circular-indicator { background-color: rgb(255, 255, 255); color: rgb(0, 178, 178); } .pill { padding: 3px 14px; text-decoration: none; border: 1px solid rgb(111, 111, 111); display: inline-block; border-radius: 50px; color: rgb(111, 111, 111); margin: 4px; cursor: pointer; } .pill .circular-indicator { border-radius: 20px; padding: 2px 6px; background-color: rgb(111, 111, 111); color: rgb(255, 255, 255); font-size: 12px; } .bottom-banner { z-index: 1020; } #bottom-banner-container { height: 153px; } #bottom-banner-container .bottom-banner { position: fixed; bottom: 0px; left: 0px; opacity: 0; width: 100%; box-shadow: rgba(0, 0, 0, 0.2) 5px 0px 5px 0px; background-color: rgb(250, 250, 250); transition: all 0.4s ease 0s; } #bottom-banner-container .bottom-banner .wrapper-logo { width: 212px; margin: 0px auto; } #bottom-banner-container .bottom-banner .logo-text { position: absolute; top: 23px; color: rgb(34, 34, 34); font-size: 14px; font-weight: 600; } #bottom-banner-container .bottom-banner .wattpad-logo { vertical-align: middle; display: inline-block; background-image: url("/img/logos/download-app-icon.png"); background-size: cover; width: 40px; height: 40px; margin: 15px; } #bottom-banner-container .bottom-banner .open-app { display: block; margin: 0px 20px; background-color: rgb(255, 97, 34); text-align: center; border-radius: 3.6px; height: 40px; padding: 7px; } #bottom-banner-container .bottom-banner .open-app .open-app-text { font-size: 14px; font-weight: 600; color: rgb(255, 255, 255); font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.17; } #bottom-banner-container .bottom-banner .login { margin: 10px; text-align: center; } #bottom-banner-container .bottom-banner .login .login-text { color: rgb(255, 255, 255); font-size: 15px; line-height: 0.87; } #bottom-banner-container .bottom-banner.show { opacity: 1; } #bottom-banner-container .bottom-banner.nondismissible { position: fixed; bottom: 0px; left: 0px; opacity: 0; width: 100%; box-shadow: rgba(0, 0, 0, 0.2) 5px 0px 5px 0px; background-color: rgb(250, 250, 250); transition: all 0.4s ease 0s; } #bottom-banner-container .bottom-banner.nondismissible .wattpad-logo { vertical-align: middle; display: inline-block; background-image: url("/img/logos/download-app-icon.png"); background-size: contain; background-repeat: no-repeat; width: 37px; height: 37px; margin: 15px 15px 11px 23px; } #bottom-banner-container .bottom-banner.nondismissible .open-app { display: block; margin: 0px 20px; background-color: rgb(255, 97, 34); text-align: center; border-radius: 6px; height: 40px; padding: 7px; } #bottom-banner-container .bottom-banner.nondismissible .open-app-text { font-size: 14px; font-weight: 600; color: rgb(255, 255, 255); font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.17; } #bottom-banner-container .bottom-banner.nondismissible .login { margin: 10px; text-align: center; } #bottom-banner-container .bottom-banner.nondismissible .login .login-text { color: rgb(255, 97, 34); font-size: 14px; line-height: 0.87; } #bottom-banner-container .bottom-banner.nondismissible.show { min-height: 130px; opacity: 1; } #bottom-banner-container .bottom-banner.dismissible .wattpad-logo { margin: 15px 10px; } #bottom-banner-container .bottom-banner.dismissible .logo-text { top: 13px; } #bottom-banner-container .bottom-banner.dismissible .logo-subtext { position: absolute; top: 34px; color: rgb(255, 255, 255); font-size: 16px; } #bottom-banner-container .bottom-banner.dismissible .dismiss { position: absolute; left: 8px; top: 12px; } .menu-modal .header { position: relative; color: rgb(111, 111, 111); font-size: 16px; font-weight: 600; } .menu-modal .header .fa-remove { position: absolute; top: 6px; right: 0px; } .menu-modal ul.menu-items { padding: 0px; margin: 5px 0px 0px; list-style-type: none; } .menu-modal ul.menu-items li { padding: 10px 0px; border-bottom: 1px solid rgb(238, 238, 238); } .menu-modal ul.menu-items li a, .menu-modal ul.menu-items li span { display: block; color: rgb(111, 111, 111); font-size: 14px; } .menu-modal ul.menu-items li a.selected, .menu-modal ul.menu-items li span.selected { font-weight: 700; } .tag-item { display: inline-flex; -webkit-box-align: center; align-items: center; background-color: rgb(238, 238, 238); border: 1px solid transparent; border-radius: 100px; color: rgb(111, 111, 111); text-align: center; white-space: nowrap; font-size: 13px; font-weight: 600; line-height: 20px; } .tag-item.active { background-color: rgb(255, 255, 255); border-color: rgb(238, 238, 238); color: rgb(238, 238, 238); } .tag-item:hover { text-decoration: none; } .tag-item * { vertical-align: middle; } .tag-item.with-icon { padding: 5px 10px; background: rgb(250, 250, 250); color: rgb(111, 111, 111); border-color: rgb(238, 238, 238); } .tag-item.with-icon.active { background: rgb(238, 238, 238); } .tag-item.with-icon.wattys-tag { background: rgb(50, 40, 100); color: rgb(255, 255, 255); } .tag-item.with-icon.wattys-tag i { color: rgb(255, 255, 255); } .tag-item.with-icon.prefilled-tag { background: rgb(111, 111, 111); color: rgb(255, 255, 255); } .tag-item.with-icon.prefilled-tag span.fa { background-color: rgb(255, 255, 255); border-radius: 50%; padding: 2px; } .tag-item.with-icon .fa { margin-left: 5px; } a.tag-item { cursor: pointer; } .tag-carousel { overflow: hidden; width: 100%; height: 33px; margin: 10px 0px; } @media (min-width: 600px) { .tag-carousel { height: 35px; } } .tag-carousel .tag-items { white-space: nowrap; overflow: scroll hidden; height: 60px; } .tag-carousel .tag-item { padding: 5px 14px 4px; min-width: 60px; overflow: hidden; margin-right: 6px; text-overflow: ellipsis; transition-duration: 0.7s; height: 33px; max-width: 90%; } .tag-carousel .tag-item:first-child { margin-left: 10px; } @media (min-width: 600px) { .tag-carousel .tag-item { padding: 6px 15px 5px; height: 35px; } } .tag-grid ul { padding: 0px; margin: 0px; list-style-type: none; white-space: nowrap; } .tag-grid ul li { float: left; } .tag-grid ul li .tag-item { padding: 5px 15px; margin: 0px 6px 4px 0px; height: 35px; min-width: 60px; text-overflow: ellipsis; transition-duration: 0.7s; } .tag-meta .tag-items { margin: 0px; padding: 0px; list-style-type: none; } .tag-meta .tag-items li { float: left; margin-right: 5px; } .tag-meta .tag-item { padding: 0px 10px; border: 1px solid rgb(238, 238, 238); border-radius: 120px; color: rgb(111, 111, 111); font-size: 12px; line-height: 19px; } .tag-meta .num-not-shown { float: left; line-height: 28px; cursor: pointer; color: rgb(111, 111, 111); font-size: 12px; font-weight: 600; } .multi-select-container { width: 300px; position: relative; } .multi-select-container.disabled { pointer-events: none; } .multi-select-container.disabled .multi-select { background: rgb(238, 238, 238); } .multi-select-container.disabled .multi-select-search-input { background: rgb(238, 238, 238); } .multi-select-container.disabled .multi-select-grid button { display: none; } .multi-select-container .multi-select { cursor: pointer; display: flex; position: relative; border-radius: 6px; padding: 7px; border: 1px solid rgb(238, 238, 238); } .multi-select-container .multi-select.disable-click { pointer-events: none; } .multi-select-container .multi-select.disabled { background: rgb(238, 238, 238); } .multi-select-container .multi-select.disabled .multi-select-toggle-btn { display: none; } .multi-select-container .multi-select.disabled .multi-select-search-input { background: rgb(238, 238, 238); } .multi-select-container .multi-select .multi-select-toggle-btn { padding: 5px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .multi-select-container .multi-select .multi-select-search-input { border: none; margin-left: 6px; -webkit-box-flex: 1; flex: 1 1 0%; outline: 0px; min-width: 30px; } .multi-select-container .multi-select .multi-select-item-container { margin: 2px; padding: 2px 12px; overflow-wrap: unset; background: rgb(238, 238, 238); color: rgb(111, 111, 111); border-radius: 2px; display: flex; -webkit-box-align: center; align-items: center; } .multi-select-container .multi-select .multi-select-item-container .multi-select-grid { display: grid; gap: 6px; grid-auto-flow: column; -webkit-box-align: center; align-items: center; } .multi-select-container .multi-select .multi-select-item-container .multi-select-remove-btn { cursor: pointer; border: none; background: 0px 0px; padding: 0px; } .multi-select-container .multi-select-menu { background: rgb(255, 255, 255); position: absolute; width: 100%; max-height: 250px; overflow: auto; } .multi-select-container .multi-select-menu.disabled { pointer-events: none; display: none; } .multi-select-container .multi-select-menu.is-open { border: 1px solid rgb(238, 238, 238); } @media (max-width: 740px) { .multi-select-container .multi-select-menu.is-open { position: relative; } } .multi-select-container .multi-select-menu .multi-select-menu-item { padding: 7px 15px; cursor: pointer; } .multi-select-container .multi-select-menu .multi-select-menu-item:hover { background: rgb(0, 122, 255); color: rgb(255, 255, 255); font-weight: 600; } .multi-select-container .multi-select-menu .multi-select-menu-item.disabled { pointer-events: none; } #generic-modal .panel-heading .bullet-points { font-weight: 700; width: 100%; margin: 0px auto 12px; padding-left: 20px; } #generic-modal .panel-heading .bullet-points li { text-align: left; margin: 15px 0px; color: rgb(111, 111, 111); font-size: 17px; padding-left: 10px; } #generic-modal .panel-heading .bullet-points .tag { color: rgb(111, 111, 111); margin: 0px; display: inline-block; } #theme-settings { text-align: center; } #theme-settings .title { font-weight: 600; } #theme-settings hr { margin: 15px 0px; border-top-color: rgb(238, 238, 238); } #theme-settings .theme-option-wrapper { padding: 10px; display: inline-block; min-width: 25%; } #theme-settings .theme-option { position: relative; display: inline-block; border-radius: 50%; border: 2px solid transparent; padding: 2px; } #theme-settings .theme-option:not(.selected) { cursor: pointer; } #theme-settings .theme-option.selected.theme-1 { border-color: rgb(95, 115, 52); } #theme-settings .theme-option.selected.theme-2 { border-color: rgb(92, 75, 81); } #theme-settings .theme-option.selected.theme-3 { border-color: rgb(240, 96, 96); } #theme-settings .theme-option.selected.theme-4 { border-color: rgb(53, 122, 190); } #theme-settings .theme-option.selected.theme-5 { border-color: rgb(16, 148, 166); } #theme-settings .theme-option.selected.theme-6 { border-color: rgb(255, 97, 34); } #theme-settings .theme-option.selected.theme-7 { border-color: rgb(40, 181, 153); } #theme-settings .theme-option.selected.theme-8 { border-color: rgb(60, 60, 60); } #theme-settings .theme-option.selected.theme-9 { border-color: rgb(240, 101, 34); } #theme-settings .theme-option.selected.theme-10 { border-color: rgb(166, 107, 145); } #theme-settings .theme-option.selected.theme-11 { border-color: rgb(1, 82, 114); } #theme-settings .theme-option.selected.theme-12 { border-color: rgb(44, 62, 80); } #theme-settings .theme-option-inner { position: relative; width: 60px; height: 60px; border-radius: 50%; } #theme-settings .theme-option-inner.unavailable { opacity: 0.5; } #theme-settings .theme-option-inner .fa { position: absolute; top: 50%; margin-top: -12px; left: 0px; right: 0px; margin-left: auto; margin-right: auto; } #theme-settings .theme-option-inner.theme-1 { background-color: rgb(95, 115, 52); } #theme-settings .theme-option-inner.theme-2 { background-color: rgb(92, 75, 81); } #theme-settings .theme-option-inner.theme-3 { background-color: rgb(240, 96, 96); } #theme-settings .theme-option-inner.theme-4 { background-color: rgb(53, 122, 190); } #theme-settings .theme-option-inner.theme-5 { background-color: rgb(16, 148, 166); } #theme-settings .theme-option-inner.theme-6 { background-color: rgb(255, 97, 34); } #theme-settings .theme-option-inner.theme-7 { background-color: rgb(40, 181, 153); } #theme-settings .theme-option-inner.theme-8 { background-color: rgb(60, 60, 60); } #theme-settings .theme-option-inner.theme-9 { background-color: rgb(240, 101, 34); } #theme-settings .theme-option-inner.theme-10 { background-color: rgb(166, 107, 145); } #theme-settings .theme-option-inner.theme-11 { background-color: rgb(1, 82, 114); } #theme-settings .theme-option-inner.theme-12 { background-color: rgb(44, 62, 80); } .wallet { width: 100px; display: flex; -webkit-box-align: center; align-items: center; border-radius: 17px; transition: width 0.3s ease-out 0s, border-color 0.2s ease-in 0s, background-color 0.2s ease-in 0s; color: rgb(34, 34, 34); font-weight: 600; line-height: normal; text-align: left; padding: 0px; overflow: hidden; text-overflow: ellipsis; border: 1px solid rgb(238, 238, 238); background-color: rgb(250, 250, 250); } .wallet.default:hover:enabled { border-color: rgb(225, 225, 225); background-color: rgb(237, 237, 237); } .wallet .coin-icon { height: 34px; width: 34px; flex-shrink: 0; } .wallet .num-coins { padding: 0px 5px; -webkit-box-flex: 1; flex-grow: 1; } .wallet .num-coins.divider-right { border-right: 1px solid rgb(238, 238, 238); line-height: 34px; } .wallet .get-coins { width: 28px; background-color: inherit; display: flex; -webkit-box-pack: center; justify-content: center; } .wallet .get-coins .fa { font-weight: 700; margin-right: 3px; } .wallet.coin-solo { width: 36px; background-color: rgb(255, 97, 34); } .wallet.deducting { background-color: rgb(255, 97, 34); color: rgb(255, 255, 255); width: 200px; } .wallet.deducting .deducting-icon { background-color: rgb(230, 72, 9); width: 34px; height: 34px; border-radius: 50%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; } .wallet.subtracting { width: 200px; background-color: rgb(255, 97, 34); color: rgb(255, 255, 255); } .wallet.subtracting .coin-container { width: 34px; height: 34px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .wallet.subtracting .coin-icon { animation: 0.3s ease 0s 1 normal none running fadein, 0.4s ease 0.3s 1 normal none running pulse; } .wallet.subtracting .num-coins { animation: 0.2s ease 0.5s 1 normal forwards running fadein; opacity: 0; } @-webkit-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes pulse { 50% { width: 50%; height: 50%; } } @keyframes pulse { 50% { width: 50%; height: 50%; } } .wallet-onboarding .wallet-overlay { z-index: 1000; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .wallet-onboarding .wallet-bubble { z-index: 1000; position: relative; padding: 10px; border-radius: 30px; background-color: rgb(255, 255, 255); } .wallet-onboarding .wallet-bubble .wallet { pointer-events: none; } .wallet-onboarding.desktop .arrow { right: 25px; } .wallet-onboarding.desktop .tooltip-content { right: 50px; left: initial; } .wallet-onboarding .tooltip-content { padding: 12px; width: 250px; position: absolute; top: calc(100% + 12px); left: 30px; text-align: left; background-color: rgb(255, 255, 255); border-radius: 8px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .wallet-onboarding .tooltip-content .arrow { border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid rgb(255, 255, 255); position: absolute; top: -12px; } .wallet-onboarding .tooltip-content h6 { color: rgb(34, 34, 34); font-size: 15px; margin: 0px 0px 5px; } .wallet-onboarding .tooltip-content p { color: rgb(111, 111, 111); font-size: 13px; line-height: normal; margin: 0px; } .wallet-onboarding .tooltip-content button { align-self: flex-end; margin: 0px; background: 0px 0px; color: rgb(255, 97, 34) !important; } .paywall-container { padding-top: 45px; } @media (min-width: 992px) { .paywall-container { padding-bottom: 45px; } } .story-part-paywall { background-color: rgb(246, 246, 246); text-align: center; border-top: 1px solid rgb(238, 238, 238); border-bottom: 1px solid rgb(238, 238, 238); } @media (max-width: 991px) { .story-part-paywall { padding-left: 5%; padding-right: 5%; } } .story-part-paywall .lock-circle { height: 33px; width: 33px; border-radius: 50%; border: 1px solid rgb(238, 238, 238); background-color: rgb(255, 255, 255); margin: -16.5px auto 10px; } .story-part-paywall .lock-circle .fa { vertical-align: middle; } .story-part-paywall .cta { position: relative; max-width: 600px; margin: 28px auto 10px; } .story-part-paywall .cta h2 { margin-bottom: 20px; font-weight: 600; font-size: 24px; color: rgb(34, 34, 34); } .story-part-paywall .cta .author-info.mobile { margin: 30px auto; font-weight: 700; font-size: 14px; } .story-part-paywall .cta .author-info.desktop { max-width: 150px; position: absolute; left: -225px; top: 15px; line-height: 1; } @media (max-width: 1399px) { .story-part-paywall .cta .author-info.desktop { display: none; } } .story-part-paywall .cta .author-info.desktop .description { color: rgb(111, 111, 111); font-size: 12px; font-style: italic; margin-top: 10px; } .story-part-paywall .cta .become-a-supporter { font-size: 18px; } .story-part-paywall button.unlock { height: 60px; border-radius: calc(30px); min-width: 280px; font-size: 16px; text-align: left; margin: 20px 18px 0px; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; } .story-part-paywall button.unlock .coin-icon { margin-right: 10px; border-radius: 50%; } .story-part-paywall button.unlock .cost { font-size: 20px; } .story-part-paywall button.unlock .cost::after { content: ""; border-right: 1px solid rgb(255, 255, 255); position: absolute; top: -2px; height: 60px; } .story-part-paywall button.unlock .cost .price { font-weight: 700; margin-right: 5px; vertical-align: middle; min-width: 40px; display: inline-block; } .story-part-paywall button.unlock .unlock-copy { margin-left: 10px; white-space: normal; } .story-part-paywall button.unlock .unlocking { text-align: center; } .story-part-paywall button.unlock .unlocking .check-circle { margin: auto; width: 24px; height: 24px; border-radius: 50%; border: 2px solid rgb(255, 255, 255); position: absolute; left: 30px; } .story-part-paywall button.unlock .unlocking .check-circle .fa { top: 3px; left: 1px; } .story-part-paywall button.unlock .unlocking .unlocking-text { vertical-align: middle; } .story-part-paywall .more-details { margin: 20px 0px 35px; line-height: normal; color: rgb(111, 111, 111); font-size: 14px; } .story-part-paywall.is-bonus-part { background-color: rgb(246, 242, 255); } .story-part-paywall.is-bonus-part .lock-circle .fa-lock::before { color: rgb(42, 28, 96); } .story-part-paywall.is-bonus-part .btn-link { font-weight: 700; color: rgb(18, 18, 18); } .bonus-part-header .panel-bonus-header { box-shadow: none; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: 0px; } .bonus-part-header .panel-bonus-header .bonus-type { font-weight: 700; color: rgb(59, 25, 169); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 8px; } .bonus-part-header .panel-bonus-header .title { font-weight: 700; color: rgb(18, 18, 18); margin-bottom: 26px; } .bonus-part-header .panel-bonus-header .chapter-description { font-size: 18px; margin-bottom: 40px; } .bonus-part-header .panel-bonus-header .bonus-part-stats { display: flex; -webkit-box-pack: center; justify-content: center; } .bonus-part-header .panel-bonus-header .bonus-part-stats .new-story-stats { margin-top: 0px; } .bonus-part-header .panel-bonus-header .story-stats { display: flex; -webkit-box-pack: center; justify-content: center; gap: 12px; margin-bottom: 50px; } .bonus-part-header .panel-bonus-header .story-stats .stat-item { display: flex; -webkit-box-align: center; align-items: center; gap: 4px; } .bonus-part-header .panel-bonus-header .author-note { background: rgb(246, 242, 255); border-radius: 12px; padding: 24px; margin-bottom: 40px; } .bonus-part-header .panel-bonus-header .author-note .author-header { font-weight: 700; color: rgb(18, 18, 18); display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 8px; } .bonus-part-header .panel-bonus-header .author-note .author-header .author { display: flex; -webkit-box-align: center; align-items: center; gap: 4px; } .bonus-part-header .panel-bonus-header .author-note .author-header .author .author-avatar { border-radius: 50%; width: 16px; height: 16px; } .bonus-part-header .panel-bonus-header .author-note .note { text-align: left; } .bonus-part-header .panel-bonus-header .divider { background: rgb(226, 226, 226); height: 1px; margin: 0px 28%; } .bonus-part-header .panel-bonus-header .divider.is-draft { margin: 18px 100px 0px; } .story-paywall { text-align: center; padding: 25px 0px 15px; color: rgb(111, 111, 111); } @media (min-width: 768px) { .story-paywall { padding-left: 10%; padding-right: 10%; } } .story-paywall .fa-remove { cursor: pointer; position: absolute; top: 15px; right: 15px; } .story-paywall h2 { font-weight: 600; margin-bottom: 25px; color: rgb(34, 34, 34); } .story-paywall .avatar { margin: 0px auto 10px; width: 80px; height: 80px; } .story-paywall .profile-link { color: rgb(111, 111, 111); } .story-paywall .blocked-message { padding: 25px 5% 35px; } .story-paywall .author-name { margin-top: 25px; text-align: left; font-weight: 700; } .story-paywall button { padding-top: 10px; padding-bottom: 10px; font-size: 18px; white-space: normal; } @media (min-width: 768px) { .story-paywall button { min-width: 300px; } } .story-paywall .more-details { width: 90%; margin: 15px auto 0px; font-size: 12px; color: rgb(111, 111, 111); line-height: normal; text-align: left; } .updated-policy-notice { max-width: 450px; margin: 0px auto; padding: 23px; } .updated-policy-notice .panel-heading { text-align: center; padding: 0px !important; } .updated-policy-notice .panel-heading h4 { margin-top: 16px; } .updated-policy-notice .panel-body { padding-top: 0px; } .updated-policy-notice .panel-body p { font-size: 15px; margin-bottom: 39px; } .updated-policy-notice .panel-body .buttons-wrapper { text-align: center; } .updated-policy-notice .panel-body .buttons-wrapper a.policies-link:hover { text-decoration: none; } .updated-policy-notice .panel-body .buttons-wrapper button { width: 100%; height: 37px; font-size: 14px; margin-left: 0px; margin-right: 0px; } .updated-policy-notice .panel-body .buttons-wrapper .learn-more { color: rgb(111, 111, 111); background-color: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); } @media (min-width: 768px) { .updated-policy-notice-modal { width: 454px; } .updated-policy-notice { padding: 20px 40px; } .updated-policy-notice .panel-body .buttons-wrapper button { width: 140px; } } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/sourcesanspro/v21/cyrillic-ext-400.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/sourcesanspro/v21/cyrillic-400.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/sourcesanspro/v21/greek-ext-400.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/sourcesanspro/v21/greek-400.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/sourcesanspro/v21/vietnamese-400.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/sourcesanspro/v21/latin-ext-400.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/sourcesanspro/v21/latin-400.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/sourcesanspro/v21/cyrillic-ext-600.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/sourcesanspro/v21/cyrillic-600.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/sourcesanspro/v21/greek-ext-600.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/sourcesanspro/v21/greek-600.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/sourcesanspro/v21/vietnamese-600.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/sourcesanspro/v21/latin-ext-600.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/sourcesanspro/v21/latin-600.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/sourcesanspro/v21/cyrillic-ext-700.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/sourcesanspro/v21/cyrillic-700.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/sourcesanspro/v21/greek-ext-700.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/sourcesanspro/v21/greek-700.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/sourcesanspro/v21/vietnamese-700.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/sourcesanspro/v21/latin-ext-700.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/sourcesanspro/v21/latin-700.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } #landing { position: relative; background-color: rgb(255, 255, 255); margin-bottom: -12px; overflow: hidden; } #landing::after, #landing::before { content: " "; display: table; } #landing::after { clear: both; } #landing::after, #landing::before { content: " "; display: table; } #landing::after { clear: both; } @media (max-width: 768px) { #landing { margin-bottom: 0px; } } #landing h1, #landing h2, #landing h3, #landing h4, #landing h5, #landing h6 { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; } #landing h2 { color: rgb(34, 34, 34); font-size: 40px; text-align: center; font-weight: 600; margin-bottom: 30px; line-height: normal; } @media (max-width: 991px) { #landing .container { width: 100%; } } #landing #authentication-panel { color: rgb(34, 34, 34); } #landing #authentication-panel a { color: rgb(34, 34, 34); } #landing #authentication-panel a.login-link { font-weight: 600; color: rgb(255, 97, 34); } #landing #authentication-panel p { text-align: center; } #landing #authentication-panel.auth-form .input-group-vertical .form-group input, #landing #authentication-panel.auth-form .input-group-vertical .form-group select { appearance: none; background-color: rgb(238, 238, 238); border-color: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.075) 0px 1px 1px inset; color: rgb(111, 111, 111); font-weight: 600; margin: 0px; height: auto; line-height: 1.2; } #landing #authentication-panel.auth-form .input-group-vertical .form-group input::-webkit-input-placeholder, #landing #authentication-panel.auth-form .input-group-vertical .form-group select::-webkit-input-placeholder { color: rgb(180, 180, 180); } #landing #authentication-panel.auth-form .input-group-vertical .form-group input::placeholder, #landing #authentication-panel.auth-form .input-group-vertical .form-group input:invalid, #landing #authentication-panel.auth-form .input-group-vertical .form-group select::placeholder, #landing #authentication-panel.auth-form .input-group-vertical .form-group select:invalid { color: rgb(180, 180, 180); } @media (max-width: 768px) { #landing #authentication-panel.auth-form .input-group-vertical .form-group select { padding: 0px 0px 0px 5px; } #landing #authentication-panel.auth-form .input-group-vertical .form-group .form-control-feedback { right: 5px; } } #landing #authentication-panel .panel-body #signup-password { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-width: 2px; } @media (max-width: 768px) { #landing #authentication-panel .panel-body { padding: 12px 0px; } } @media (max-width: 768px) { #landing #authentication-panel { padding: 0px 15px; } #landing #authentication-panel h2 { margin-bottom: 15px; font-size: 30px; } #landing #authentication-panel p { margin: 0px auto 12px; width: 80%; font-size: 16px; color: rgb(111, 111, 111); } } #landing #Hero { background-color: rgb(255, 255, 255); background-image: url("/img/landing/topRightPortal.svg"); background-position: right top; background-repeat: no-repeat; background-size: auto 100%; padding: 100px 0px 40px; } @media (max-width: 991px) { #landing #Hero { padding-top: 40px; } } #landing #Hero .content { display: flex; } #landing #Hero .content > div { max-width: 50%; } #landing #Hero .content .imageContainer { margin-top: 110px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-flex: 1; flex: 1 1 0%; } #landing #Hero .content .imageContainer img { width: 100%; align-self: center; } #landing #Hero .content h2 { font-size: 60px; font-weight: 700; line-height: normal; text-align: left; color: rgb(255, 97, 34); } #landing #Hero .content h3 { font-size: 25px; line-height: normal; font-weight: 400; color: rgb(34, 34, 34); } #landing #Hero .content h4 { font-size: 20px; line-height: normal; font-weight: 400; margin-bottom: 40px; margin-top: 20px; } @media (max-width: 991px) { #landing #Hero .content h4 { font-size: 18px; } } #landing #Hero .content .buttons button { min-width: 170px; } #landing #Hero .content .buttons :first-child { margin-left: 0px; margin-right: 16px; } #landing #Hero .content .buttons :last-child { margin-right: 0px; } #landing #Intro { background-color: rgb(255, 255, 255); background-image: url("/img/landing/bottomLeftPortal.svg"); background-position: left top; background-repeat: no-repeat; background-size: auto 90%; color: rgb(34, 34, 34); } #landing #Intro .content { display: flex; margin-top: 80px; max-width: 996px; } #landing #Intro .content .textContainer { margin-left: 10px; } #landing #Intro .content .textContainer p { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 22px; color: rgb(111, 111, 111); font-size: 18px; } #landing #Intro .content .partner { margin-right: 50px; } #landing #Intro .studiosContainer { max-width: 896px; margin-top: 110px; } #landing #Intro .studiosContainer .textContainer { text-align: right; margin-right: 50px; margin-top: 30px; margin-left: 0px; } #landing #Intro .studiosContainer .constrainedText { margin-left: auto; margin-right: 0px; } #landing #Intro .studiosContainer .partner { margin-left: 50px; margin-right: 0px; } #landing .constrainedText { max-width: 400px; } #landing .seeYourStoryContainer { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } #landing .seeYourStoryContainer h3 { margin: 70px 0px 40px; color: rgb(34, 34, 34); font-weight: 700; } #landing .seeYourStoryContainer .itemContainer { display: flex; width: 100%; max-width: 968px; } #landing .seeYourStoryContainer .itemContainer .item { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; font-size: 18px; line-height: 28px; font-weight: 600; margin-bottom: 16px; color: rgb(34, 34, 34); } #landing .seeYourStoryContainer .itemContainer .item img { margin-bottom: 10px; } #landing .seeYourStoryContainer img { margin-right: 10px; vertical-align: text-bottom; } #landing #FindOutMore { margin: 125px 0px; display: flex; -webkit-box-pack: center; justify-content: center; } #landing #FindOutMore h4 { text-decoration: underline; color: rgb(34, 34, 34); cursor: pointer; font-weight: 400; } #landing #HowWattpadWorks { padding: 60px 0px 0px; background-color: rgb(250, 250, 250); color: rgb(34, 34, 34); overflow: hidden; } #landing #HowWattpadWorks .content h2 { font-size: 30px; color: rgb(34, 34, 34); } #landing #HowWattpadWorks .content > p { text-align: center; margin-bottom: 55px; } @media (max-width: 768px) { #landing #HowWattpadWorks .content > p { margin-bottom: 30px; } } #landing #HowWattpadWorks .content #steps { display: flex; justify-content: space-around; margin-bottom: 105px; } #landing #HowWattpadWorks .content #steps .stepContainer { padding: 0px 10px; flex-basis: 33%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } #landing #HowWattpadWorks .content #steps .stepContainer .step { display: flex; height: 140px; margin-bottom: 35px; } #landing #HowWattpadWorks .content #steps .stepContainer .step .number { font-size: 100px; line-height: normal; margin-right: 27px; font-weight: 700; } #landing #HowWattpadWorks .content #steps .stepContainer .step h3 { font-size: 25px; } #landing #HowWattpadWorks .content #steps .stepContainer .step p { color: rgb(111, 111, 111); } #landing #HowWattpadWorks .content #steps .stepContainer .dots { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; z-index: 99; } #landing #HowWattpadWorks .content #steps .stepContainer .dots .dot { background-color: rgb(250, 250, 250); width: 5px; height: 5px; margin-bottom: 5px; border-radius: 50%; } #landing #HowWattpadWorks .content #steps .stepContainer .statBubble { width: 100%; text-align: center; position: relative; display: flex; -webkit-box-pack: center; justify-content: center; background-repeat: no-repeat; background-size: auto 100%; background-position: center center; padding: 16px 0px; color: rgb(255, 255, 255); } #landing #HowWattpadWorks .content #steps .stepContainer .statBubble > div .count { font-size: 40px; font-weight: 700; line-height: normal; } #landing #HowWattpadWorks .content #steps .stepContainer .statBubble > div .count span { font-size: 30px; } #landing #HowWattpadWorks .content #steps .stepContainer .statBubble > div .title { font-size: 27px; line-height: 32px; font-weight: 600; } @media (max-width: 991px) { #landing #HowWattpadWorks .content #steps .stepContainer .statBubble { width: 270px; } } #landing #HowWattpadWorks .content #steps .stepContainer:first-of-type .statBubble { background-image: url("/img/landing/portalbg1.svg"); } #landing #HowWattpadWorks .content #steps .stepContainer:nth-of-type(2) .statBubble { background-image: url("/img/landing/portalbg2.svg"); } #landing #HowWattpadWorks .content #steps .stepContainer:nth-of-type(3) .statBubble { background-image: url("/img/landing/portalbg3.svg"); } @media (max-width: 768px) { #landing #HowWattpadWorks { padding: 40px 0px; } } #landing #Carousel { background: url("/img/landing/carousel-bg.svg") center bottom / 100% no-repeat rgb(255, 255, 255); padding: 76px 0px 87px; } @media (max-width: 768px) { #landing #Carousel { padding: 42px 0px 21px; } } #landing #Carousel .slide { height: 475px; -webkit-box-align: start; align-items: flex-start; display: flex; padding-right: 71px; } @media (max-width: 768px) { #landing #Carousel .slide { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: auto; padding: 0px; } } #landing #Carousel .slide .cover-container { flex-basis: 450px; flex-shrink: 0; background-color: transparent; align-self: center; padding: 0px; } #landing #Carousel .slide .cover-container img { width: 100%; } @media (max-width: 1350px) { #landing #Carousel .slide .cover-container { flex-basis: 350px; } } @media (max-width: 991px) { #landing #Carousel .slide .cover-container { flex-basis: 300px; } } @media (max-width: 768px) { #landing #Carousel .slide .cover-container { flex-basis: auto; margin-bottom: 40px; width: 220px; } } #landing #Carousel .slide .details { padding: 0px 10px 0px 30px; } @media (max-width: 768px) { #landing #Carousel .slide .details { padding: 0px 10px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: center; } } #landing #Carousel .slide .details .quote { position: relative; } #landing #Carousel .slide .details .quote::before { content: ""; width: 66px; height: 77px; background: url("/img/landing/quote.svg") 0% 0% / 100% no-repeat; position: absolute; top: 0px; left: -90px; } @media (max-width: 768px) { #landing #Carousel .slide .details .quote::before { width: 32px; height: 38px; left: 50%; transform: translateX(-16px); } } #landing #Carousel .slide .details .quote .text { color: rgb(34, 34, 34); font-size: 26px; line-height: 36px; } @media (max-width: 991px) { #landing #Carousel .slide .details .quote .text { font-size: 18px; } } @media (max-width: 768px) { #landing #Carousel .slide .details .quote .text { margin-top: 40px; font-size: 17px; line-height: 23px; } } #landing #Carousel .slide .details .quote .author { text-align: right; font-size: 25px; line-height: 40px; color: rgb(148, 143, 139); } #landing #Carousel .slide .details .quote .author::before { content: "—"; margin-right: 10px; } @media (max-width: 991px) { #landing #Carousel .slide .details .quote .author { font-size: 18px; } } @media (max-width: 768px) { #landing #Carousel .slide .details .quote .author { text-align: center; font-size: 16px; line-height: 41px; } } #landing #Carousel .slide .details .about { font-size: 18px; line-height: 28px; color: rgb(111, 111, 111); } @media (max-width: 991px) { #landing #Carousel .slide .details .about { font-size: 16px; } } #landing #Carousel .slide .details button { display: block; position: absolute; bottom: 0px; } @media (max-width: 768px) { #landing #Carousel .slide .details button { position: relative; width: 80%; margin: auto; } } #landing #Carousel .controls .control { display: inline-block; width: 60px; height: 10px; background-color: rgb(255, 97, 34); opacity: 0.5; cursor: pointer; margin-right: 5px; } @media (max-width: 991px) { #landing #Carousel .controls .control { width: 30px; } } #landing #Carousel .controls .control.active { opacity: 1; } #landing #Carousel .slideBtn { margin-top: 80px; padding: 0px 15px; } #landing #Carousel .slideBtn.prev img { transform: rotate(180deg); } #landing #Carousel .slideBtn img { width: 32px; height: 32px; } #landing #Links h3 { font-size: 30px; margin-bottom: 67px; } @media (max-width: 768px) { #landing #Links h3 { font-size: 26px; margin-bottom: 30px; } } #landing #Links #GetDiscovered { background-color: rgb(250, 250, 250); padding: 60px 0px 67px; } #landing #Links #GetDiscovered h3 { color: rgb(34, 34, 34); } @media (max-width: 768px) { #landing #Links #GetDiscovered { padding: 30px 0px; } } #landing #Links #GetDiscovered .links .link .image::after { right: 0px; background-color: rgb(0, 178, 178); } #landing #Links #GetDiscovered .links .link:hover h4 { color: rgb(0, 178, 178); } #landing #Links .links { display: flex; -webkit-box-pack: justify; justify-content: space-between; } #landing #Links .links .link { position: relative; flex-basis: 322px; cursor: pointer; } @media (max-width: 991px) { #landing #Links .links .link { width: 100%; } } #landing #Links .links .link .image { position: relative; z-index: 1; display: flex; -webkit-box-align: center; align-items: center; } #landing #Links .links .link .image::after { content: ""; width: 295px; height: 295px; position: absolute; z-index: -1; bottom: -12px; } @media (max-width: 991px) { #landing #Links .links .link .image::after { width: 95%; height: 95%; bottom: 0px; } } #landing #Links .links .link .image img { width: 309px; display: block; } @media (max-width: 991px) { #landing #Links .links .link .image img { width: 100%; } } #landing #Links .links .link .info { margin-top: 60px; padding: 0px 14px; max-width: 295px; } #landing #Links .links .link .info h4 { color: rgb(34, 34, 34); transition: color 0.2s ease-in 0s; } @media (max-width: 768px) { #landing #Links .links .link .info { max-width: none; } } #landing #Links .links.slider .link .image { margin: 0px 50px; } #landing #Links .links.slider .slideBtn { margin-top: 80px; } #landing #Links .links.slider .slideBtn.prev img { transform: rotate(180deg); } #landing #Links .links.slider .slideBtn img { width: 32px; height: 32px; } #landing #TakeWPWithYou { background: url("/img/landing/wattpad-wall.png") center center / cover no-repeat rgb(255, 255, 255); padding-top: 62px; margin-bottom: 60px; } #landing #TakeWPWithYou::after { content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 160px; background-color: rgb(255, 255, 255); } #landing #TakeWPWithYou .content { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; color: rgb(255, 255, 255); } #landing #TakeWPWithYou .content h4 { font-weight: 600; } #landing #TakeWPWithYou .content p { margin-bottom: 40px; } #landing #TakeWPWithYou .content .buttons { margin-bottom: 50px; } #landing #TakeWPWithYou .content .buttons button { width: 215px; } #landing #TakeWPWithYou .content .buttons button:first-child { margin-right: 20px; } #landing #TakeWPWithYou .content img { width: 100%; z-index: 100; } @media (max-width: 768px) { #landing #TakeWPWithYou { background-size: cover; padding: 32px 0px 0px; } #landing #TakeWPWithYou .content .buttons { width: 70%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } #landing #TakeWPWithYou .content .devices { z-index: 2; padding-bottom: 30px; } #landing #TakeWPWithYou .content::after { content: ""; width: 100%; position: absolute; background-color: rgb(255, 255, 255); height: 60px; bottom: 0px; left: 0px; z-index: 1; } } #landing #BrandPartnershipsBanner { background-color: rgb(42, 28, 96); height: 269px; overflow: hidden; position: relative; } #landing #BrandPartnershipsBanner a { margin-top: 26px; background: rgb(255, 255, 255); color: rgb(18, 18, 18); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 20px; padding: 8px 24px; border: none; cursor: pointer; min-height: 40px; font-weight: var(--font-weight-bold); text-decoration: none; } #landing #BrandPartnershipsBanner .company-logo { width: 696px; transform: rotate(11.19deg) translate(8px, 34px); position: absolute; inset: 0px; margin: auto; z-index: 0; } #landing #BrandPartnershipsBanner .content { position: relative; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; z-index: 1; height: 100%; } #landing #BrandPartnershipsBanner .content .title { font-size: 24px; font-weight: 400; line-height: 29px; letter-spacing: 0px; margin-bottom: 0px; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(246, 242, 255); } #landing #BrandPartnershipsBanner .content .subtitle { font-size: 16px; line-height: 24px; letter-spacing: 0px; margin-top: 10px; margin-bottom: 0px; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(246, 242, 255); } .announcement-modal { padding: 20px; text-align: center; color: rgb(111, 111, 111); } .announcement-modal img { margin-bottom: 20px; height: 41px; width: 65px; } .announcement-modal header { margin-bottom: 10px; font-size: 20px; font-weight: 600; } .announcement-modal .buttons { margin-top: 20px; } .announcement-modal .buttons a, .announcement-modal .buttons button { padding: 6px 28px; } .banner-background { background: center center / cover no-repeat rgb(34, 34, 34); height: 300px; width: 100%; overflow: visible; } .banner-background .banner-info { position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; justify-self: center; margin: 0px auto; height: 50%; width: 33%; } .banner-background .flavour-text { font-size: 18px; color: rgb(255, 255, 255); font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; } .banner-background .banner-btn { font-size: 14px; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; } .wp-modal { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; overflow: hidden; z-index: 1031; } .wp-modal .modal-content { flex-basis: 600px; max-width: 90%; background-color: rgb(255, 255, 255); border-radius: 4px; padding: 20px; max-height: 95%; overflow: hidden auto; } .wp-modal .modal-content.animate { animation: 0.4s ease 0s 1 normal none running fadein; } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } .wp-modal .modal-content .close-btn { cursor: pointer; position: absolute; padding: 12px; top: 2px; right: 1px; } .confirm-modal-container { z-index: 1100; } #buy-coins-modal { color: rgb(111, 111, 111); text-align: center; } #buy-coins-modal * { margin: 0px; padding: 0px; } #buy-coins-modal .modal-content { flex-basis: auto; } #buy-coins-modal .modal-container { max-width: 90%; max-height: 95vh; overflow-x: hidden; } #buy-coins-modal .fa-remove { cursor: pointer; position: absolute; top: 13px; right: 13px; } #buy-coins-modal .coins-cta h3 { color: rgb(34, 34, 34); font-weight: var(--font-weight-bold); text-shadow: initial; font-size: var(--font-size-xl); margin-bottom: 16px; } #buy-coins-modal .coins-cta p { color: rgb(111, 111, 111); font-size: 18px; } #buy-coins-modal .how-to-buy .step-circle { background-color: rgb(255, 80, 10); width: 40px; height: 40px; border-radius: 50%; } #buy-coins-modal .how-to-buy .step-circle div { display: inline-block; text-align: center; -webkit-box-pack: center; justify-content: center; color: rgb(255, 255, 255); font-size: 18px; line-height: 1; font-weight: var(--font-weight-bold); padding-top: 10px; } #buy-coins-modal .faq-link { font-weight: var(--font-weight-bold); font-size: 18px; color: rgb(18, 18, 18); } @media (min-width: 600px) { #buy-coins-modal .modal-container { padding: 80px 32px 40px; } #buy-coins-modal .coins-cta { background-color: rgb(255, 255, 255); margin-bottom: 48px; } #buy-coins-modal .how-to-buy { margin-bottom: 40px; display: flex; gap: 64px; } #buy-coins-modal .how-to-buy .step { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; width: 340px; } #buy-coins-modal .how-to-buy .step .instruction { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; height: 100%; } #buy-coins-modal .how-to-buy .step-instruction { padding: 16px 0px 24px; font-size: 18px; line-height: 24px; margin: 0px; } #buy-coins-modal .how-to-buy .instruction-image { text-align: center; width: 160px; height: 312px; } #buy-coins-modal .learn-more { margin-top: 48px; } } @media (max-width: 600px) { #buy-coins-modal .modal-container { padding: 60px 24px 32px; } #buy-coins-modal .coins-cta { background-color: rgb(255, 255, 255); margin-bottom: 28px; } #buy-coins-modal .coins-cta h3 { line-height: 40px; } #buy-coins-modal .how-to-buy .step { border-bottom: 1px solid rgb(238, 238, 238); } #buy-coins-modal .how-to-buy p { margin: 20px 0px; } #buy-coins-modal .how-to-buy .step { display: flex; -webkit-box-align: center; align-items: center; font-size: 18px; line-height: normal; } #buy-coins-modal .how-to-buy .step .step-circle { flex-shrink: 0; margin-right: 16px; } #buy-coins-modal .how-to-buy .step .step-instruction { text-align: left; } #buy-coins-modal .how-to-buy .btn { margin-top: 10px; height: 42px; min-width: 50%; font-size: 18px; padding: 10px 15px !important; } #buy-coins-modal .store-link { display: block; margin-top: 48px; margin-bottom: 24px; } #buy-coins-modal .store-link img { width: 164px; height: 48px; } } .purchase-confirmation .modal-content { flex-basis: initial; text-align: right; padding: 15px 15px 30px; } @media (min-width: 575px) { .purchase-confirmation .modal-content { padding: 25px 25px 50px; } } .purchase-confirmation h3 { color: rgb(34, 34, 34); font-weight: 700; text-align: center; width: 75%; margin: 0px auto 24px; } .purchase-confirmation .purchase-options { display: flex; -webkit-box-pack: center; justify-content: center; flex-wrap: wrap-reverse; } .purchase-confirmation .purchase-options button { font-size: 16px; font-weight: 700; min-width: 180px; margin: 10px 8px; height: 42px; border-radius: 21px; } .purchase-confirmation .confirm-unlock { display: flex; padding: 6px; -webkit-box-align: center; align-items: center; } .purchase-confirmation .confirm-unlock .coin-icon { margin-right: 8px; } .person-result .avatar { margin-right: 6px; height: 42px; width: 42px; } .person-result .content { margin-left: 54px; } .person-result .content h5 { margin-top: 0px; font-size: 16px; } .person-result .name-and-badges { display: flex; } .person-result .name-and-badges .badges .user-badge { margin-left: 4px; } .block-modal-content h3.block-modal-title, .block-modal-content h3.mute-modal-title, .mute-modal-content h3.block-modal-title, .mute-modal-content h3.mute-modal-title { font-size: 18px; font-weight: 700; color: rgb(34, 34, 34); text-align: center; margin: 0px auto; text-shadow: none; } .block-modal-content p, .mute-modal-content p { color: rgb(111, 111, 111); line-height: 20px; text-align: center; font-size: 16px; margin: 8px auto 16px; } .block-modal-content .confirm-buttons, .mute-modal-content .confirm-buttons { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: center; justify-content: center; width: 100%; } .block-modal-content .confirm-buttons button, .mute-modal-content .confirm-buttons button { width: 40%; height: 38px; margin: 0px 4px; font-size: 16px !important; } .block-modal-content .confirm-buttons button.cancel-block, .block-modal-content .confirm-buttons button.cancel-mute, .mute-modal-content .confirm-buttons button.cancel-block, .mute-modal-content .confirm-buttons button.cancel-mute { font-weight: 600; border: 1px solid rgb(238, 238, 238); color: rgb(34, 34, 34); background-color: rgb(238, 238, 238); border-radius: 50vh; } .block-modal-content .mute-error, .mute-modal-content .mute-error { margin-bottom: 0px; margin-top: 14px; } .wp-modal.block-modal .modal-content, .wp-modal.mute-modal .modal-content, .wp-modal.unblock-modal .modal-content, .wp-modal.unmute-modal .modal-content { flex-basis: 327px; padding: 24px; } .block-modal-wrapper, .mute-modal-wrapper { max-width: 327px; margin: 0px auto; } .block-modal-dialog, .mute-modal-dialog { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 100%; } .block-modal-dialog .modal-body, .mute-modal-dialog .modal-body { padding-top: 15px; } .user-safety-operations { max-width: 300px; padding: 11px 16px; } @media (max-width: 768px) { .user-safety-operations { max-width: 100%; } } .user-safety-operations .user-safety-operation { padding: 0px; width: 100%; color: rgb(18, 18, 18); font-size: 12px; font-weight: 600; -webkit-box-align: center; align-items: center; white-space: pre; display: flex; cursor: pointer; } .user-safety-operations .user-safety-operation span { font-size: 12px; } .user-safety-operations .user-safety-operation:not(:first-child) { margin-top: 8px; } .user-safety-operations .user-safety-operation:hover { text-decoration: underline; } .dropdown-menu .moderation-options { padding: 0px 16px 11px; margin-top: -3px; } .dropdown-menu .moderation-options .user-safety-operation .fa { margin: 0px 0px 0px 5px; top: 0px; } .dropdown-menu .moderation-options .user-safety-operation:hover { text-decoration: none; } .dropdown-menu .moderation-options .user-safety-operation .option:hover { text-decoration: underline; } .profile-layout .toast.mute { position: absolute; bottom: 60px; } @media (max-width: 768px) { .profile-layout .container { margin: 0px; padding: 0px; width: 100%; } .profile-layout .sub-navigation { list-style-type: none; margin-bottom: 0px; padding: 0px; display: flex; } .profile-layout .sub-navigation .navigation { width: 100%; } .profile-layout .sub-navigation .navigation .nav-list { display: flex; -webkit-box-pack: center; justify-content: center; } .profile-layout .sub-navigation .navigation .nav-list .nav-item { width: 100%; display: flex; -webkit-box-pack: center; justify-content: center; border: none; } .profile-layout .sub-navigation .navigation .nav-list .nav-item:active { border: none; } .profile-layout .sub-navigation .navigation .nav-list .nav-item .section { width: 100%; margin: 0px; height: 44px; font-size: 15px; border-bottom: 1px solid rgb(238, 238, 238); } .profile-layout .sub-navigation .navigation .nav-list .nav-item .section .btn-white { margin-top: 0px; height: 44px; } } .profile-layout .btn-white { margin-top: 0px; height: 38px; } .profile-layout .dropdown-toggle:focus-visible { outline: -webkit-focus-ring-color auto 1px; } .profile-layout .sub-navigation .navigation .nav-item .section { display: block; box-sizing: content-box; height: 52px; padding: 0px 15px; border-bottom: 3px solid transparent; color: rgb(34, 34, 34); font-size: 20px; line-height: 54px; transition: all 0.1s ease-in-out 0s; } .profile-layout .sub-navigation .navigation .nav-item .section:hover { text-decoration: none; background: 0px 0px; font-weight: 600; border-bottom: 3px solid rgb(255, 97, 34); } .profile-layout .sub-navigation .navigation .nav-item:active { border-bottom: 3px solid rgb(255, 97, 34); } .profile-layout .restricted-profile-header .restricted-state { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: center; justify-content: center; margin: 24px; -webkit-box-align: center; align-items: center; } .profile-layout .restricted-profile-header .restricted-state .unblock-button, .profile-layout .restricted-profile-header .restricted-state .unmute-button { margin: 0px; } .close-account-modal .modal-content, .timeout-modal .modal-content { padding: 0px; flex-basis: 500px; } .close-account-modal .modal-body, .close-account-modal .modal-footer, .close-account-modal .modal-header, .timeout-modal .modal-body, .timeout-modal .modal-footer, .timeout-modal .modal-header { padding: 15px; } .close-account-modal .close-button, .timeout-modal .close-button { background: 0px 0px; border: none; } .profile-header .header-metadata { padding-bottom: 21px; } .profile-header .unblock-button, .profile-header .unmute-button { display: block; height: 38px; margin: auto auto 16px; padding: 0px 27px; border: 1px solid rgb(238, 238, 238); border-radius: 6px; background-color: rgba(255, 255, 255, 0.3); } .profile-header .profile-name { margin-bottom: 8px; } .profile-header.user-404 .avatar { margin-bottom: 62px; } .profile-header header.background { background-color: rgb(111, 111, 111); } .toast { width: 100%; padding: 16px; position: fixed; bottom: 0px; z-index: 1; } .toast .toast-content { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: 100%; font-size: 14px; background-color: rgb(34, 34, 34); border-radius: 4px; padding: 16px; } .toast .toast-content p { color: rgb(255, 255, 255); margin: 0px; } .toast .toast-content button { color: rgb(255, 97, 34); } .login-modal .modal-content, .signup-modal .modal-content { flex-basis: 536px; } .login-modal .modal-body, .signup-modal .modal-body { padding-top: 42px; } .login-modal .signup-form h1, .signup-modal .signup-form h1 { line-height: 36px; margin: 8px 0px 0px; font-weight: 700; text-align: center; color: rgb(34, 34, 34); font-size: 22px; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; } .login-modal .signup-form h2, .login-modal .signup-form p, .signup-modal .signup-form h2, .signup-modal .signup-form p { margin-bottom: 6px; text-align: center; padding: 0px 40px; font-size: 14px; line-height: 20px; margin-top: 8px; color: rgb(34, 34, 34); } .login-modal .signup-form .back-button, .signup-modal .signup-form .back-button { margin-bottom: 24px; } .login-modal .signup-form .tool-tip, .signup-modal .signup-form .tool-tip { max-width: 200px; padding: 3px 8px; color: rgb(255, 255, 255); text-align: center; text-decoration: none; background-color: rgb(34, 34, 34); border-radius: 3px; } .login-modal .signup-form .field-label, .signup-modal .signup-form .field-label { display: flex; -webkit-box-align: center; align-items: center; text-align: left; } .login-modal .signup-form .field-label .field-label-text, .signup-modal .signup-form .field-label .field-label-text { display: inline-block; font-weight: 700; margin: 0px 5px 0px 0px; } .login-modal .signup-form .field-label .tooltip-icon, .signup-modal .signup-form .field-label .tooltip-icon { position: relative; top: 2px; } .login-modal .signup-form .panel-body, .signup-modal .signup-form .panel-body { color: rgb(34, 34, 34); font-size: 18px; padding: 12px 33px 20px; } .login-modal .signup-form .panel-body .form-group, .signup-modal .signup-form .panel-body .form-group { margin-bottom: 24px; text-align: left; } .login-modal .signup-form .panel-body .form-group .control-label, .login-modal .signup-form .panel-body .form-group .form-label, .signup-modal .signup-form .panel-body .form-group .control-label, .signup-modal .signup-form .panel-body .form-group .form-label { font-weight: 700; color: rgb(34, 34, 34); font-size: 18px; } .login-modal .signup-form .panel-body .form-group .form-control:not(.password-field), .signup-modal .signup-form .panel-body .form-group .form-control:not(.password-field) { box-shadow: none; border-radius: 4px; font-size: 16px; background-color: rgb(250, 250, 250); color: rgb(34, 34, 34); margin-top: 4px; height: 48px; } .login-modal .signup-form .panel-body .form-group .form-control:not(.password-field):focus, .signup-modal .signup-form .panel-body .form-group .form-control:not(.password-field):focus { border: 1px solid rgb(34, 34, 34); border-radius: 4px; } .login-modal .signup-form .panel-body .form-group.valid input, .signup-modal .signup-form .panel-body .form-group.valid input { border-color: rgb(0, 133, 78); outline: 0px; } .login-modal .signup-form .panel-body .form-group.invalid input, .signup-modal .signup-form .panel-body .form-group.invalid input { border-color: var(--ds-base-4-60); outline: 0px; } .login-modal .signup-form .panel-body .birthday-info, .signup-modal .signup-form .panel-body .birthday-info { display: flex; -webkit-box-align: center; align-items: center; text-align: left; } .login-modal .signup-form .panel-body .birthday-container, .signup-modal .signup-form .panel-body .birthday-container { width: 100%; margin-bottom: 16px; } .login-modal .signup-form .panel-body .birthday-container .birthday-fields, .signup-modal .signup-form .panel-body .birthday-container .birthday-fields { width: 100%; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; } .login-modal .signup-form .panel-body .birthday-container .birthday-fields .form-group, .signup-modal .signup-form .panel-body .birthday-container .birthday-fields .form-group { margin-bottom: 0px; } .login-modal .signup-form .panel-body .birthday-container .birthday-fields .day, .login-modal .signup-form .panel-body .birthday-container .birthday-fields .month, .login-modal .signup-form .panel-body .birthday-container .birthday-fields .year, .signup-modal .signup-form .panel-body .birthday-container .birthday-fields .day, .signup-modal .signup-form .panel-body .birthday-container .birthday-fields .month, .signup-modal .signup-form .panel-body .birthday-container .birthday-fields .year { width: 30%; } .login-modal .signup-form .panel-body .birthday-container .birthday-fields .birthday-dropdowns, .signup-modal .signup-form .panel-body .birthday-container .birthday-fields .birthday-dropdowns { display: flex; margin-top: 4px; } .login-modal .signup-form .panel-body .birthday-container .birthday-fields .birthday-dropdowns select, .signup-modal .signup-form .panel-body .birthday-container .birthday-fields .birthday-dropdowns select { line-height: 20px; padding-right: 0px; } .login-modal .signup-form .panel-body .birthday-container .birthday-fields .pronoun-dropdown, .signup-modal .signup-form .panel-body .birthday-container .birthday-fields .pronoun-dropdown { display: flex; margin-top: 4px; } .login-modal .signup-form .panel-body .birthday-container .birthday-fields .pronoun-dropdown select, .signup-modal .signup-form .panel-body .birthday-container .birthday-fields .pronoun-dropdown select { line-height: 20px; padding-right: 0px; } .login-modal .signup-form .panel-body .birthday-container.invalid .has-feedback select, .signup-modal .signup-form .panel-body .birthday-container.invalid .has-feedback select { border-color: var(--ds-base-4-60); } .login-modal .signup-form .panel-body .hr-with-text, .signup-modal .signup-form .panel-body .hr-with-text { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; white-space: nowrap; -webkit-box-align: center; align-items: center; } .login-modal .signup-form .panel-body .hr-with-text .or, .signup-modal .signup-form .panel-body .hr-with-text .or { font-size: 14px; } .login-modal .signup-form .panel-body .hr-with-text .horizontal-line, .signup-modal .signup-form .panel-body .hr-with-text .horizontal-line { width: 45%; height: 1px; border-bottom: 1px solid rgb(238, 238, 238); } .login-modal .signup-form .panel-body .hr-margin-new, .signup-modal .signup-form .panel-body .hr-margin-new { margin: 0px 0px 24px; } .login-modal .signup-form .panel-body .submit-btn-margin-24, .signup-modal .signup-form .panel-body .submit-btn-margin-24 { margin: 0px 0px 24px; height: 48px; } .login-modal .signup-form .panel-body p:last-of-type, .signup-modal .signup-form .panel-body p:last-of-type { text-align: center; margin-top: 16px; margin-bottom: 0px; font-size: 14px; line-height: 20px; white-space: nowrap; padding: 0px; } .login-modal .signup-form .panel-body p:last-of-type .login, .signup-modal .signup-form .panel-body p:last-of-type .login { color: rgb(42, 28, 96); font-weight: 600; padding: 0px; border: none; outline: 0px; background-color: transparent; } .login-modal .signup-form .panel-body .email-policy-agreement-container, .signup-modal .signup-form .panel-body .email-policy-agreement-container { display: flex; margin: 24px auto; text-align: left; -webkit-box-align: center; align-items: center; } .login-modal .signup-form .panel-body .email-policy-agreement-container .checkbox-content, .signup-modal .signup-form .panel-body .email-policy-agreement-container .checkbox-content { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 4px; } .login-modal .signup-form .panel-body .email-policy-agreement-container .checkbox-title, .signup-modal .signup-form .panel-body .email-policy-agreement-container .checkbox-title { margin: 0px; text-align: left; color: rgb(34, 34, 34); max-width: none; font-weight: 400; } .login-modal .signup-form .panel-body .email-policy-agreement-container .checkbox-title a, .signup-modal .signup-form .panel-body .email-policy-agreement-container .checkbox-title a { color: rgb(28, 111, 101); font-weight: 700; } .login-modal .signup-form .panel-body .email-policy-agreement-container .checkbox-subtitle, .signup-modal .signup-form .panel-body .email-policy-agreement-container .checkbox-subtitle { margin: 0px; text-align: left; color: rgb(104, 104, 104); max-width: none; font-weight: 400; } .login-modal .signup-form .panel-body .email-policy-agreement-container .checkbox-error, .signup-modal .signup-form .panel-body .email-policy-agreement-container .checkbox-error { margin: 0px; text-align: left; color: rgb(158, 29, 66); max-width: none; } .login-modal .signup-form .panel-body .email-policy-agreement-container .c-checkbox, .signup-modal .signup-form .panel-body .email-policy-agreement-container .c-checkbox { margin: 0px 8px 0px 0px; } .login-modal .signup-form .panel-body .checkbox-subtitle, .signup-modal .signup-form .panel-body .checkbox-subtitle { font-size: var(--font-size-xxs); text-align: center; display: table; max-width: 300px; color: rgb(111, 111, 111); margin: 26px auto 16px; line-height: var(--line-height-xxs); } .login-modal .signup-form .panel-body .checkbox-subtitle a, .signup-modal .signup-form .panel-body .checkbox-subtitle a { color: rgb(28, 111, 101); font-weight: 600; } .login-modal .signup-form .panel-body .checkbox-title, .signup-modal .signup-form .panel-body .checkbox-title { font-size: 13px; text-align: center; display: table; max-width: 300px; color: rgb(111, 111, 111); margin: 26px auto 16px; line-height: 15px; } .login-modal .signup-form .panel-body .checkbox-title a, .signup-modal .signup-form .panel-body .checkbox-title a { color: rgb(28, 111, 101); font-weight: 600; } .login-modal .signup-form .panel-body .btn, .signup-modal .signup-form .panel-body .btn { height: 44px; font-size: 13px; line-height: 26px; border-radius: 100px; } .login-modal .signup-form .panel-body .signin-buttons-new, .signup-modal .signup-form .panel-body .signin-buttons-new { margin-top: 40px; } .login-modal .signup-form .panel-body .signin-buttons, .signup-modal .signup-form .panel-body .signin-buttons { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .login-modal .signup-form .panel-body .signin-buttons .fa, .signup-modal .signup-form .panel-body .signin-buttons .fa { top: 5px; margin-left: 0px; padding-right: 0px; } .login-modal .signup-form .panel-body .signin-buttons .btn-google, .signup-modal .signup-form .panel-body .signin-buttons .btn-google { border: 1.2px solid rgb(111, 111, 111); margin-top: 8px; background-color: rgb(255, 255, 255); } .login-modal .signup-form .panel-body .signin-buttons .auth-btn, .signup-modal .signup-form .panel-body .signin-buttons .auth-btn { display: inline; margin-left: 8px; } .login-modal .signup-form .panel-body .signin-buttons .auth-button-new, .signup-modal .signup-form .panel-body .signin-buttons .auth-button-new { border-radius: 100px; border: 2px solid var(--ds-neutral-100-solid); background: var(--ds-neutral-00-solid); height: 48px; margin: 0px 0px 24px; } .login-modal .signup-form .panel-body .signin-buttons .auth-button-new .google-login-icon, .signup-modal .signup-form .panel-body .signin-buttons .auth-button-new .google-login-icon { vertical-align: middle; margin-right: 8px; } .login-modal .signup-form .panel-body .signin-buttons .auth-button-new .auth-button-text-new, .signup-modal .signup-form .panel-body .signin-buttons .auth-button-new .auth-button-text-new { color: var(--ds-neutral-100-solid); text-align: center; font-style: normal; font-weight: var(--font-weight-bold); line-height: var(--line-height-xs); font-size: var(--font-size-sm); } @media (min-width: 1110px) and (max-width: 1400px) { .login-modal .signup-form .panel-body .signin-buttons .auth-btn, .signup-modal .signup-form .panel-body .signin-buttons .auth-btn { display: inline; } } .login-modal .signup-form .panel-body .error-msg, .signup-modal .signup-form .panel-body .error-msg { font-size: small; color: rgb(158, 29, 66); line-height: 18px; margin-top: 3px; } .login-modal .signup-form .panel-body .submit-error-msg, .signup-modal .signup-form .panel-body .submit-error-msg { display: flex; -webkit-box-pack: center; justify-content: center; } .login-modal .signup-form .panel-body .password-forgot, .signup-modal .signup-form .panel-body .password-forgot { text-align: center; text-decoration: underline; font-weight: 600; margin-top: 16px; } .login-modal .signup-form .panel-body .password-forgot a, .signup-modal .signup-form .panel-body .password-forgot a { color: rgb(34, 34, 34); font-size: 14px; } .login-modal .signup-form .panel-body .back-link-container, .signup-modal .signup-form .panel-body .back-link-container { display: flex; -webkit-box-pack: center; justify-content: center; color: rgb(34, 34, 34); font-size: 14px; margin-top: 16px; } .login-modal .signup-form .panel-body .back-link-container button, .signup-modal .signup-form .panel-body .back-link-container button { color: rgb(34, 34, 34); text-decoration: none; display: flex; -webkit-box-align: center; align-items: center; padding: 0px; border: none; outline: 0px; background-color: transparent; } .login-modal .signup-form .panel-body .back-link-container button .back-icon, .signup-modal .signup-form .panel-body .back-link-container button .back-icon { margin-right: 5px; margin-top: 2px; } .login-modal .sidebar h2, .signup-modal .sidebar h2 { font-size: 24px; text-align: center; color: rgb(34, 34, 34); font-weight: 400; margin-top: 8px; line-height: 40px; padding: 0px; } @media (min-width: 744px) { .login-modal .sidebar .panel-body .form-group .form-control, .signup-modal .sidebar .panel-body .form-group .form-control { font-size: 13px; padding-right: 0px; padding-left: 7px; } } .modal-dialog.signup-modal-wrapper { width: 400px; } .modal-dialog.signup-modal-wrapper .modal-body.forced-signup-modal { padding-top: 0px; } .modal-dialog.signup-modal-wrapper .modal-body.forced-signup-modal h1 { margin-top: 0px; font-size: 30px; } .modal-dialog.signup-modal-wrapper .modal-body { padding: 40px 20px 20px; } .modal-dialog.signup-modal-wrapper .signup-modal #authentication .panel-body { padding: 12px 33px 20px; } .auth-modal { max-width: 400px; } .login-page-form-header { margin-bottom: 25px; } .login-page-form-header .panel { max-width: 400px; margin: auto; width: -webkit-fill-available; } .auth-form-padding { padding: 24px 20px; margin: 0px; } .auth-form-padding .signup-form { padding: 0px; margin: 0px; } .auth-form-padding .signup-form h1 { color: var(--ds-neutral-100); text-align: center; font-size: 28px; font-style: normal; font-weight: var(--font-weight-bold); line-height: 36px; margin: 0px; } .auth-form-padding .signup-form .panel-body { padding: 0px !important; } .auth-form-padding .signup-form .panel-body .or { line-height: normal; } .reset-password .buttons { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; gap: 7px; margin: 10px 0px; } .modal-dialog.login-modal-wrapper { width: 400px; } @media (max-width: 540px) { .modal-dialog.login-modal-wrapper { width: auto; } } .login-modal .modal-content, .login-modal-wrapper .modal-content, .signup-modal .modal-content { flex-basis: 400px; margin: auto; } .login-modal .modal-body, .login-modal-wrapper .modal-body, .signup-modal .modal-body { padding: 32px 40px 16px; } @media (max-width: 325px) { .login-modal .modal-body, .login-modal-wrapper .modal-body, .signup-modal .modal-body { padding: 32px 16px 16px; } } .login-modal .login-form, .login-modal-wrapper .login-form, .signup-modal .login-form { margin-top: 0px; } .login-modal .login-form p, .login-modal-wrapper .login-form p, .signup-modal .login-form p { text-align: center; color: rgb(34, 34, 34); font-size: 24px; font-weight: 700; margin-bottom: 20px; margin-top: 6px; } .login-modal .login-form .panel-body, .login-modal-wrapper .login-form .panel-body, .signup-modal .login-form .panel-body { padding: 0px 12px; } .login-modal .login-form .panel-body .input-group-vertical, .login-modal-wrapper .login-form .panel-body .input-group-vertical, .signup-modal .login-form .panel-body .input-group-vertical { text-align: left; } .login-modal .login-form .panel-body .form-label, .login-modal-wrapper .login-form .panel-body .form-label, .signup-modal .login-form .panel-body .form-label { font-weight: 700; color: rgb(34, 34, 34); font-size: 18px; } .login-modal .login-form .panel-body .form-control, .login-modal-wrapper .login-form .panel-body .form-control, .signup-modal .login-form .panel-body .form-control { box-shadow: none; border-radius: 4px; font-size: 16px; background-color: rgb(250, 250, 250); color: rgb(34, 34, 34); margin-top: 4px; height: 48px; } .login-modal .login-form .panel-body .form-control:focus, .login-modal-wrapper .login-form .panel-body .form-control:focus, .signup-modal .login-form .panel-body .form-control:focus { box-shadow: none; border: 1px solid rgb(34, 34, 34); border-radius: 4px; appearance: none; line-height: 20px; background-color: rgb(250, 250, 250); outline: 0px !important; } .login-modal .login-form .panel-body .password-container, .login-modal-wrapper .login-form .panel-body .password-container, .signup-modal .login-form .panel-body .password-container { display: flex; width: 100%; } .login-modal .login-form .panel-body .password-container .password-show, .login-modal-wrapper .login-form .panel-body .password-container .password-show, .signup-modal .login-form .panel-body .password-container .password-show { align-self: center; color: var(--ds-base-6-60); font-size: 16px; font-weight: var(--font-weight-bold); position: absolute; right: 16px; padding: 0px; } @media not all, not all { .login-modal .login-form .panel-body .password-container .password-show, .login-modal-wrapper .login-form .panel-body .password-container .password-show, .signup-modal .login-form .panel-body .password-container .password-show { position: absolute; top: 35px; } } .login-modal .login-form .panel-body .hr-with-text, .login-modal-wrapper .login-form .panel-body .hr-with-text, .signup-modal .login-form .panel-body .hr-with-text { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; white-space: nowrap; } .login-modal .login-form .panel-body .hr-with-text .or, .login-modal-wrapper .login-form .panel-body .hr-with-text .or, .signup-modal .login-form .panel-body .hr-with-text .or { font-size: 14px; } .login-modal .login-form .panel-body .hr-with-text .horizontal-line, .login-modal-wrapper .login-form .panel-body .hr-with-text .horizontal-line, .signup-modal .login-form .panel-body .hr-with-text .horizontal-line { width: 45%; height: 9px; border-bottom: 1px solid rgb(238, 238, 238); } .login-modal .login-form .panel-body .hr-margin-new, .login-modal-wrapper .login-form .panel-body .hr-margin-new, .signup-modal .login-form .panel-body .hr-margin-new { margin: 0px 0px 24px; } .login-modal .login-form .panel-body .submit-btn-new, .login-modal-wrapper .login-form .panel-body .submit-btn-new, .signup-modal .login-form .panel-body .submit-btn-new { margin: 0px 0px 24px; height: 48px; } .login-modal .login-form .panel-body .btn, .login-modal-wrapper .login-form .panel-body .btn, .signup-modal .login-form .panel-body .btn { height: 44px; font-size: 16px; line-height: 26px; border-radius: 100px; margin: 4px 0px 8px; } .login-modal .login-form .panel-body .submit-btn, .login-modal-wrapper .login-form .panel-body .submit-btn, .signup-modal .login-form .panel-body .submit-btn { margin-top: 40px; } .login-modal .login-form .panel-body .signin-buttons-new, .login-modal-wrapper .login-form .panel-body .signin-buttons-new, .signup-modal .login-form .panel-body .signin-buttons-new { margin-top: 40px; } .login-modal .login-form .panel-body .signin-buttons, .login-modal-wrapper .login-form .panel-body .signin-buttons, .signup-modal .login-form .panel-body .signin-buttons { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .login-modal .login-form .panel-body .signin-buttons .fa, .login-modal-wrapper .login-form .panel-body .signin-buttons .fa, .signup-modal .login-form .panel-body .signin-buttons .fa { top: 5px; margin-left: 0px; padding-right: 0px; } .login-modal .login-form .panel-body .signin-buttons .btn-google, .login-modal-wrapper .login-form .panel-body .signin-buttons .btn-google, .signup-modal .login-form .panel-body .signin-buttons .btn-google { border: 1.2px solid rgb(111, 111, 111); background-color: rgb(255, 255, 255); } .login-modal .login-form .panel-body .signin-buttons .auth-btn, .login-modal-wrapper .login-form .panel-body .signin-buttons .auth-btn, .signup-modal .login-form .panel-body .signin-buttons .auth-btn { display: inline; margin-left: 8px; } .login-modal .login-form .panel-body .signin-buttons .auth-button-new, .login-modal-wrapper .login-form .panel-body .signin-buttons .auth-button-new, .signup-modal .login-form .panel-body .signin-buttons .auth-button-new { border-radius: 100px; border: 2px solid var(--ds-neutral-100-solid); background: var(--ds-neutral-00-solid); height: 48px; margin: 0px 0px 24px; } .login-modal .login-form .panel-body .signin-buttons .auth-button-new .google-login-icon, .login-modal-wrapper .login-form .panel-body .signin-buttons .auth-button-new .google-login-icon, .signup-modal .login-form .panel-body .signin-buttons .auth-button-new .google-login-icon { vertical-align: middle; margin-right: 8px; } .login-modal .login-form .panel-body .signin-buttons .auth-button-new .auth-button-text-new, .login-modal-wrapper .login-form .panel-body .signin-buttons .auth-button-new .auth-button-text-new, .signup-modal .login-form .panel-body .signin-buttons .auth-button-new .auth-button-text-new { color: var(--ds-neutral-100-solid); text-align: center; font-style: normal; font-weight: var(--font-weight-bold); line-height: var(--line-height-xs); } @media (min-width: 1110px) and (max-width: 1400px) { .login-modal .login-form .panel-body .signin-buttons .auth-btn, .login-modal-wrapper .login-form .panel-body .signin-buttons .auth-btn, .signup-modal .login-form .panel-body .signin-buttons .auth-btn { display: inline; } } .login-modal .login-form .panel-body .password-forgot, .login-modal-wrapper .login-form .panel-body .password-forgot, .signup-modal .login-form .panel-body .password-forgot { text-align: center; text-decoration: underline; font-weight: 600; color: rgb(34, 34, 34); margin-top: 12px; } .login-modal .login-form .panel-body .password-forgot a, .login-modal-wrapper .login-form .panel-body .password-forgot a, .signup-modal .login-form .panel-body .password-forgot a { color: rgb(34, 34, 34); font-size: 14px; text-decoration: underline; } .login-modal .login-form .panel-body .back-link-container, .login-modal-wrapper .login-form .panel-body .back-link-container, .signup-modal .login-form .panel-body .back-link-container { display: flex; -webkit-box-pack: center; justify-content: center; color: rgb(34, 34, 34); font-size: 14px; } .login-modal .login-form .panel-body .back-link-container button, .login-modal-wrapper .login-form .panel-body .back-link-container button, .signup-modal .login-form .panel-body .back-link-container button { color: rgb(34, 34, 34); text-decoration: none; display: flex; -webkit-box-align: center; align-items: center; padding: 0px; border: none; outline: 0px; background-color: transparent; margin-top: 12px; } .login-modal .login-form .panel-body .back-link-container button .back-icon, .login-modal-wrapper .login-form .panel-body .back-link-container button .back-icon, .signup-modal .login-form .panel-body .back-link-container button .back-icon { margin-right: 5px; margin-top: 2px; } .login-modal .login-form .panel-body .alert, .login-modal-wrapper .login-form .panel-body .alert, .signup-modal .login-form .panel-body .alert { margin-bottom: 0px; font-size: 12px; } .login-modal .login-form .panel-body .alert .fa, .login-modal-wrapper .login-form .panel-body .alert .fa, .signup-modal .login-form .panel-body .alert .fa { margin-right: 4px; } .login-modal .signup-link, .login-modal-wrapper .signup-link, .signup-modal .signup-link { color: rgb(34, 34, 34); text-align: center; font-size: 14px; line-height: 48px; padding: 0px; } .login-modal .signup-link button, .login-modal-wrapper .signup-link button, .signup-modal .signup-link button { color: rgb(42, 28, 96); font-weight: 600; padding: 0px; border: none; outline: 0px; background-color: transparent; } .login-page-form-header .panel { max-width: 400px; margin: auto; width: -webkit-fill-available; } .login-page-form-header .login-form { padding: 32px 32px 16px; } .login-modal-wrapper .auth-form-modal-padding, .login-modal-wrapper-new .auth-form-modal-padding { padding: 40px 16px !important; } .login-modal-wrapper .auth-form-padding, .login-modal-wrapper-new .auth-form-padding { padding: 64px 40px; margin: 0px; } .login-modal-wrapper .auth-form-padding .login-form, .login-modal-wrapper-new .auth-form-padding .login-form { padding: 0px; margin: 0px; } .login-modal-wrapper .auth-form-padding .login-form p, .login-modal-wrapper-new .auth-form-padding .login-form p { color: var(--ds-neutral-100); text-align: center; font-size: 28px; font-style: normal; font-weight: var(--font-weight-bold); line-height: 36px; margin: 0px; } .login-modal-wrapper .auth-form-padding .login-form .footer-button-margin-signup, .login-modal-wrapper-new .auth-form-padding .login-form .footer-button-margin-signup { margin-top: 40px; } .login-modal-wrapper .auth-form-padding .login-form .panel-body, .login-modal-wrapper-new .auth-form-padding .login-form .panel-body { padding: 0px !important; } .login-modal-wrapper .auth-form-padding .login-form .panel-body .or, .login-modal-wrapper-new .auth-form-padding .login-form .panel-body .or { line-height: normal; } .login-modal-wrapper .auth-form-padding .login-form .panel-body .back-link, .login-modal-wrapper-new .auth-form-padding .login-form .panel-body .back-link { margin-bottom: 40px; } .login-modal-wrapper .auth-form-padding .login-form .panel-body .input-group-vertical, .login-modal-wrapper-new .auth-form-padding .login-form .panel-body .input-group-vertical { text-align: left; } .login-modal-wrapper .auth-form-padding .login-form .panel-body .footer-button-margin, .login-modal-wrapper .auth-form-padding .login-form .panel-body .form-group, .login-modal-wrapper-new .auth-form-padding .login-form .panel-body .footer-button-margin, .login-modal-wrapper-new .auth-form-padding .login-form .panel-body .form-group { margin-bottom: 24px; margin-top: 24px; } .login-modal-wrapper .auth-form-padding .login-form .panel-body .form-label, .login-modal-wrapper-new .auth-form-padding .login-form .panel-body .form-label { color: var(--ds-neutral-100); font-size: var(--font-size-m); font-style: normal; font-weight: var(--font-weight-bold); line-height: var(--line-height-m); } .login-modal-wrapper .auth-form-padding .login-form .panel-body .form-control, .login-modal-wrapper-new .auth-form-padding .login-form .panel-body .form-control { border-radius: 4px; border: 1px solid var(--ds-neutral-40-solid); background: var(--ds-neutral-20-solid); color: var(--ds-neutral-80-solid); font-size: var(--font-size-sm); font-style: normal; font-weight: var(--font-weight-normal); line-height: var(--line-height-m); margin-top: 4px; } .login-modal-wrapper .auth-form-padding .login-form .panel-body .password-show, .login-modal-wrapper-new .auth-form-padding .login-form .panel-body .password-show { font-size: var(--font-size-sm); font-style: normal; font-weight: var(--font-weight-bold); line-height: var(--line-height-m); align-self: center; position: absolute; right: 16px; padding: 0px; color: var(--ds-base-6-60) !important; } .banned-image-wrapper { max-width: 720px; margin: 0px auto; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .banned-image-wrapper .banned-image-messaging { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .banned-image-wrapper .banned-image-messaging .message { font-size: 18px; line-height: 24px; height: 48px; color: rgb(250, 250, 250); text-align: center; width: 342px; max-width: 100%; align-self: center; } .banned-image-wrapper .banned-image-messaging .message .on-learn-more { padding-left: 5px; font-weight: 600; text-decoration: underline; } #header-banned-image-warning { height: 100%; padding-top: 20px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .react-checkbox { cursor: pointer; height: 27px; width: 27px; min-width: 27px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 50%; background: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); } .react-checkbox.checked { background: rgb(0, 178, 178); border-color: rgb(0, 178, 178); } .coin-shop .shop-explanation { margin-bottom: 24px; font-size: 14px; line-height: 18px; } .coin-shop .shop-explanation h3 { color: rgb(34, 34, 34); margin-top: 0px; } .coin-shop .shop-explanation .coin-package-purchase-details p:not(:last-child) { margin-bottom: 4px; } .coin-shop .shop-explanation .premium-benefit { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: rgb(34, 34, 34); } .coin-shop .shop-explanation .premium-benefit .zap-icon { margin-right: 8px; } .coin-shop .coin-pack { display: flex; -webkit-box-align: center; align-items: center; margin: 12px 0px; width: 100%; border: 1px solid rgb(238, 238, 238); border-radius: 8px; box-shadow: rgba(34, 34, 34, 0.08) 0px 1px 10px 0px, rgba(34, 34, 34, 0.1) 0px 4px 5px 0px; transition: box-shadow 0.2s ease-in 0s; } .coin-shop .coin-pack:last-child { margin-bottom: 0px; } .coin-shop .coin-pack:hover { box-shadow: rgba(34, 34, 34, 0.08) 0px 3px 14px 2px, rgba(34, 34, 34, 0.1) 0px 8px 10px 1px; } .coin-shop .coin-pack:hover .pack-price { background-color: rgb(225, 225, 225); } .coin-shop .coin-pack .pack-image { flex-shrink: 0; margin-right: 8px; } .coin-shop .coin-pack .pack-body { padding: 16px 20px 16px 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 100%; text-align: left; } .coin-shop .coin-pack .pack-body .coins-in-pack { margin: 4px 0px; } .coin-shop .coin-pack .pack-body .coins-in-pack h4 { color: rgb(34, 34, 34); font-weight: 400; margin: 0px 8px 0px 0px; display: inline-block; white-space: nowrap; } .coin-shop .coin-pack .pack-body .coins-in-pack .non-premium-value { text-decoration: line-through; font-size: 14px; line-height: 18px; display: inline-block; } .coin-shop .coin-pack .pack-body .premium-status { font-size: 12px; line-height: 15px; display: flex; -webkit-box-align: center; align-items: center; } .coin-shop .coin-pack .pack-body .premium-status .zap-icon { margin-left: 4px; } .coin-shop .coin-pack .pack-price { border-radius: 50vh; color: rgb(34, 34, 34); padding: 8px 16px; font-weight: 700; margin-left: 6px; font-size: 14px; line-height: 18px; background-color: rgb(238, 238, 238); transition: background-color 0.2s ease-in 0s; } .coin-shop .coin-pack .most-popular { background-color: rgb(34, 34, 34); color: rgb(255, 255, 255); font-size: 13px; line-height: 15px; padding: 1px 6px; border-radius: 4px; white-space: nowrap; } .coins-modal-container .top-buttons-container { position: sticky; top: 0px; background-color: rgb(255, 255, 255); padding: 16px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; } .coins-modal-container .modal-content { padding: 0px; } .coins-modal-container .coins-modal-body { text-align: center; padding: 0px 16px 24px; } @media (min-width: 768px) { .coins-modal-container .coins-modal-body { width: 80%; max-width: 500px; margin: auto; padding-bottom: 48px; } } .coin-purchase-confirmation h3 { color: rgb(34, 34, 34); margin-top: 0px; } .coin-purchase-confirmation .wallet-calculation { margin: 24px 0px; } .coin-purchase-confirmation .wallet-calculation .calculation-row { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; color: rgb(34, 34, 34); margin: 8px 0px; } .coin-purchase-confirmation .wallet-calculation .calculation-row .coin-amount { display: flex; -webkit-box-align: center; align-items: center; } .coin-purchase-confirmation .wallet-calculation .calculation-row .coin-amount .coin-icon { margin-right: 4px; } .coin-purchase-confirmation .wallet-calculation .calculation-row.new-balance { padding-top: 16px; margin-top: 16px; border-top: 1px solid rgb(238, 238, 238); } .home-sections-wrapper { overflow-x: hidden; } .home-sections-wrapper .wp-modal.modal-contest .modal-content { flex-basis: 1029px; max-height: 80vh; } .home-sections-wrapper .module-content { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: auto; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding-top: 24px; padding-left: 16px; padding-bottom: 24px; } .home-sections-wrapper .module-content.full-width { width: auto; } .home-sections-wrapper .module-content .context-header { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 21px; margin-bottom: 16px; color: rgb(255, 80, 10); } .home-sections-wrapper .module-content .context-header:first-child { margin-top: 0px; } .home-sections-wrapper .module-content .story-spotlight-details { display: flex; flex-wrap: wrap; max-width: 960px; width: 100%; } @media (min-width: 575px) { .home-sections-wrapper .module-content .story-spotlight-details { -webkit-box-pack: center; justify-content: center; } } .home-sections-wrapper .module-content .story-spotlight-cover { border-radius: 4px; } @media (max-width: 575px) { .home-sections-wrapper .module-content .story-spotlight-cover { width: 151px; height: 237px; } } @media (min-width: 575px) { .home-sections-wrapper .module-content .story-spotlight-cover { width: 238px; height: 373px; } } .home-sections-wrapper .module-content .story-spotlight-details .story-info { margin: 0px 16px; max-width: 543px; } @media (min-width: 575px) { .home-sections-wrapper .module-content .story-spotlight-details .story-info { margin-left: 40px; } } .home-sections-wrapper .module-content .new-flag { visibility: hidden; color: rgb(255, 80, 10); font-size: 12px; font-weight: 700; line-height: 18px; margin-left: 8px; } @media (min-width: 575px) { .home-sections-wrapper .module-content .new-flag { margin-left: 0px; } } .home-sections-wrapper .module-content .cover-wrapper { display: flex; } .home-sections-wrapper .module-content .story-spotlight-details .story-info .title { color: rgb(18, 18, 18); font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 22px; font-style: normal; font-weight: 700; line-height: 28px; margin-bottom: 10px; margin-left: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } @media (min-width: 575px) { .home-sections-wrapper .module-content .story-spotlight-details .story-info .title { margin-left: 0px; } } @supports (-webkit-line-clamp:2) { .home-sections-wrapper .module-content .story-spotlight-details .story-info .title { white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } @media (min-width: 575px) { .home-sections-wrapper .module-content .story-spotlight-details .story-info .title { font-size: 32px; line-height: 40px; } } .home-sections-wrapper .module-content .story-spotlight-details .story-info .icon-bar { margin-left: 8px; } @media (min-width: 575px) { .home-sections-wrapper .module-content .story-spotlight-details .story-info .icon-bar { margin-left: 0px; } } .home-sections-wrapper .module-content .story-spotlight-details .story-info .icon-bar .paid-icon { margin-bottom: 2px; } .home-sections-wrapper .module-content .story-spotlight-details .story-info .buttons-wrapper { margin-top: 24px; display: flex; } .home-sections-wrapper .module-content .story-spotlight-details .story-info .description { margin-top: 16px; } @media (min-width: 575px) { .home-sections-wrapper .module-content .story-spotlight-details .story-info .description { margin-top: 32px; } } .home-sections-wrapper .module-content .buttons-wrapper .btn-icon { background-color: rgb(238, 238, 238); border-style: none; margin-left: 8px; } @media (max-width: 600px) { .home-sections-wrapper .module-content .buttons-wrapper .btn-icon { display: none; } } .home-sections-wrapper .module-content .description .description-text { color: rgba(18, 18, 18, 0.64); font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 16px; margin: 16px; } @media (min-width: 575px) { .home-sections-wrapper .module-content .description .description-text { margin: 0px 0px 16px; } } .home-sections-wrapper .module-content .link { color: rgb(18, 18, 18); font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 14px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; line-height: 20px; } @media (min-width: 575px) { .home-sections-wrapper .module-content .link { -webkit-box-pack: end; justify-content: flex-end; } } .home-sections-wrapper .story-carousel { width: 100%; } .home-sections-wrapper .carousel-swimlane { margin-left: 16px; } .home-sections-wrapper .story-swimlane-with-hero { background: linear-gradient(rgba(196, 196, 196, 0) 0px, rgba(111, 111, 111, 0.06) 100%); padding-bottom: 50px; } @media (min-width: 575px) { .home-sections-wrapper .story-swimlane-with-hero .module-content { padding-bottom: 0px; } } .home-sections-wrapper .story-swimlane-with-hero.paid, .home-sections-wrapper .story-swimlane-with-hero.paidMultiRow { padding-top: 50px; } .home-sections-wrapper .ranked-story-swimlane a:hover { text-decoration: none; } .home-sections-wrapper .ranked-story-swimlane .story-item .story-item-wrapper { border-radius: 8px; overflow: hidden; } .home-sections-wrapper .ranked-story-swimlane .story-item .cover { width: 100%; margin-bottom: 0px; } .home-sections-wrapper .ranked-story-swimlane .story-item .cover img { border-radius: 8px 8px 0px 0px; object-fit: cover; box-shadow: none; } .home-sections-wrapper .ranked-story-swimlane .story-item .footer { background: var(--ds-base-1-20); height: 48px; display: flex; overflow: hidden; } .home-sections-wrapper .ranked-story-swimlane .story-item .footer .rank { background: var(--ds-base-1-accent); font-family: var(--primary-font-face); font-weight: var(--font-weight-bold); font-size: 64px; color: var(--ds-neutral-00); position: relative; width: 36px; } .home-sections-wrapper .ranked-story-swimlane .story-item .footer .rank .number { position: absolute; right: -4px; bottom: 10px; } .home-sections-wrapper .ranked-story-swimlane .story-item .footer .rank .number.double-digit { font-size: 42px; letter-spacing: -6px; right: 4px; } .home-sections-wrapper .ranked-story-swimlane .story-item .footer .title { font-size: 14px; font-weight: var(--font-weight-bold); color: var(--ds-neutral-100-solid); line-height: 20px; -webkit-box-flex: 1; flex: 1 1 0%; max-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0px 8px; align-self: center; } @supports (-webkit-line-clamp:2) { .home-sections-wrapper .ranked-story-swimlane .story-item .footer .title { white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } @media (max-width: 575px) { .home-sections-wrapper .ranked-story-swimlane .story-item { width: 100%; max-width: 128px; padding: 0px; } .home-sections-wrapper .ranked-story-swimlane .story-item .cover { width: 100%; max-width: 128px; height: 200px; } .home-sections-wrapper .ranked-story-swimlane .story-item .footer { height: 40px; } .home-sections-wrapper .ranked-story-swimlane .story-item .footer .rank { font-size: 56px; } .home-sections-wrapper .ranked-story-swimlane .story-item .footer .rank .number { bottom: 7px; } .home-sections-wrapper .ranked-story-swimlane .story-item .footer .rank .number.double-digit { font-size: 34px; letter-spacing: -4px; } .home-sections-wrapper .ranked-story-swimlane .story-item .footer .title { line-height: 16px; } } .home-sections-wrapper .premium-picks-swimlane { background: var(--ds-base-2-20); } .home-sections-wrapper .premium-picks-swimlane .expand-prompt-button { align-self: flex-end; } .home-sections-wrapper .premium-picks-swimlane .loading-spinner { height: 341px; } .home-sections-wrapper .premium-picks-swimlane .tag-item { background: var(--ds-neutral-60-dark); } .home-sections-wrapper .cta.module.paid { background-color: rgb(242, 253, 253); } .home-sections-wrapper .cta.module.paid .module-content { margin-bottom: 40px; padding-top: 0px; padding-bottom: 0px; } @media (max-width: 575px) { .home-sections-wrapper .cta.module.paid .module-content { padding-top: 24px; } } .home-sections-wrapper .cta.module.paid .btn-secondary.paid { color: rgb(24, 64, 58); background-color: rgba(34, 34, 34, 0.12); } .home-sections-wrapper .module-header { width: 100%; max-width: 960px; min-width: 400px; min-height: max-content; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: end; align-items: flex-end; -webkit-box-pack: justify; justify-content: space-between; z-index: 1; margin-bottom: 18px; } .home-sections-wrapper .module-header .left-section .heading { display: flex; -webkit-box-align: center; align-items: center; gap: 12px; margin-bottom: 4px; } .home-sections-wrapper .module-header .left-section .heading h3 { text-transform: capitalize; margin-top: 0px; margin-bottom: 0px; } .home-sections-wrapper .module-header .left-section .subheading h4 { color: rgba(18, 18, 18, 0.64); font-weight: 400; margin: 0px; } .home-sections-wrapper .module-header .left-section .subheading h4 .promoted-icon { height: 25px; width: 25px; margin-right: 4px; } .home-sections-wrapper .module-header .promoted-indicator { display: flex; -webkit-box-align: start; align-items: flex-start; padding-top: 24px; padding-right: 16px; } @media (max-width: 575px) { .home-sections-wrapper .module-header .promoted-indicator { padding-right: 8px; } } .home-sections-wrapper .module-header .promoted-indicator p { margin-left: 2px; } .home-sections-wrapper .hero-item { width: 100%; padding-right: 16px; min-width: 400px; max-width: 960px; z-index: 1; } .home-sections-wrapper .hero { max-width: 960px; min-width: 400px; margin-top: 80px; margin-bottom: 20px; padding: 36px 40px; display: flex; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.26) 0px 2px 7px 0px; background-color: rgb(255, 255, 255); z-index: 1; } .home-sections-wrapper .hero .cover { margin: -100px 30px 0px 0px; background-color: transparent; } .home-sections-wrapper .hero .cover img { width: 200px; height: 312px; border-radius: 4px; box-shadow: rgba(34, 34, 34, 0.08) 0px 3px 14px 2px, rgba(34, 34, 34, 0.1) 0px 8px 10px 1px; } .home-sections-wrapper .hero .paid-stories-badge { margin-right: 8px; vertical-align: middle; } .home-sections-wrapper .hero .title { width: 80px; height: 24px; line-height: 1.33; font-size: 32px; font-weight: 700; color: rgb(34, 34, 34); } .home-sections-wrapper .hero .title p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .home-sections-wrapper .hero .hero-content { min-width: 0px; } .home-sections-wrapper .hero .author { font-size: 16px; line-height: 1.38; color: rgb(34, 34, 34); } .home-sections-wrapper .hero .description { font-size: 16px; line-height: 1.38; color: rgb(111, 111, 111); } .home-sections-wrapper .hero .right-section { margin-left: 25px; } .home-sections-wrapper .hero .promoted-indicator { display: flex; -webkit-box-align: start; align-items: flex-start; } .home-sections-wrapper .hero .promoted-indicator p { margin-left: 2px; } .home-sections-wrapper .tag-item { padding: 0px 10px; border: 1px solid rgb(238, 238, 238); margin-right: 5px; border-radius: 12px; color: rgb(111, 111, 111); font-size: 14px; line-height: 19px; } .home-sections-wrapper .story-swimlane { width: 100%; margin: 0px auto; background: linear-gradient(rgba(196, 196, 196, 0) 0px, rgba(111, 111, 111, 0.06) 100%); } .home-sections-wrapper .story-swimlane:not(.paid) { padding-bottom: 40px; } .home-sections-wrapper .story-swimlane.paid { background-color: rgb(242, 253, 253); background-image: none; } .home-sections-wrapper .story-swimlane .module-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 472px; } .home-sections-wrapper .try-premium-container { padding: 24px 24px 0px; display: flex; -webkit-box-pack: center; justify-content: center; } .home-sections-wrapper .try-premium-container .try-premium { width: 100%; max-width: 280px; } .home-sections-wrapper .search-bar { width: 80%; margin: 15px auto 0px; } .home-sections-wrapper .search-bar .search-field { width: 100%; height: 40px; border-radius: 22px; padding-left: 15px; padding-right: 8px; border: 1px solid rgb(238, 238, 238); background-color: rgb(250, 250, 250); display: flex; -webkit-box-align: center; align-items: center; margin: 0px auto; color: rgb(111, 111, 111); } .home-sections-wrapper .search-bar .search-field:active, .home-sections-wrapper .search-bar .search-field:focus, .home-sections-wrapper .search-bar .search-field:hover { outline: 0px; } .home-sections-wrapper .search-bar .search-field::-webkit-input-placeholder { color: rgb(111, 111, 111); text-indent: 35px; } .home-sections-wrapper .search-bar .search-field::placeholder { color: rgb(111, 111, 111); text-indent: 35px; } .home-sections-wrapper .search-bar .search-icon { margin-right: 10px; } .home-sections-wrapper .greeting-and-content-settings { margin-top: 50px; width: 100%; min-width: 400px; } .home-sections-wrapper .greeting-and-content-settings .greeting-text { margin-top: 0px; margin-bottom: 0px; font-size: 32px; color: rgb(34, 34, 34); font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; } .home-sections-wrapper .greeting-and-content-settings .content-settings { font-size: 16px; color: rgb(34, 34, 34); font-weight: 700; margin: 0px; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; height: 36px; } .home-sections-wrapper .greeting-and-content-settings .content-settings:hover { cursor: pointer; } .home-sections-wrapper .greeting-and-content-settings .content-settings-label { display: flex; -webkit-box-align: center; align-items: center; width: 161px; height: 100%; } .home-sections-wrapper .greeting-and-content-settings .content-settings-label p { margin: 0px; line-height: 22px; } .home-sections-wrapper .greeting-and-content-settings .content-settings-label:focus { outline: 0px; } .home-sections-wrapper .greeting-and-content-settings .content-settings-label svg { flex-shrink: 0; } .home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip { width: 330px; min-height: 160px; border-radius: 4px; background-color: rgb(255, 255, 255); box-shadow: rgba(34, 34, 34, 0.08) 0px 1px 10px 0px, rgba(34, 34, 34, 0.1) 0px 4px 5px 0px; position: absolute; right: 300px; margin: -8px 50px 0px 0px; padding: 10px 10px 10px 19px; z-index: 10000; cursor: default; } .home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip p { font-size: 16px; line-height: 22px; color: rgb(111, 111, 111); font-weight: 400; } .home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip h1 { font-size: 18px; font-weight: 700; line-height: 24px; margin: 12px 0px 3px; } .home-sections-wrapper .greeting-and-content-settings .cs-backdrop { background-color: rgba(0, 0, 0, 0.5); width: 100vw; height: 100vh; position: fixed; top: 0px; left: 0px; z-index: 9999; cursor: default; } .home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip::after, .home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip::before { left: 100%; top: 15%; border: solid transparent; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; } .home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip::after { border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) rgb(255, 255, 255); border-width: 14px; margin-top: -14px; } .home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip::before { border-color: rgba(194, 225, 245, 0) rgba(194, 225, 245, 0) rgba(194, 225, 245, 0) rgba(34, 34, 34, 0.1); border-width: 16px; margin-top: -16px; } .home-sections-wrapper .greeting-and-content-settings .module-content { padding: 0px; max-width: 960px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } @media (min-width: 575px) { .home-sections-wrapper .greeting-and-content-settings .module-divider { left: 0px; width: 960px; } } .home-sections-wrapper .paidMultiRow, .home-sections-wrapper > .paid { height: fit-content; background-color: rgb(200, 245, 230); width: 100%; overflow: hidden; position: relative; } .home-sections-wrapper .paidMultiRow .story-carousel .tag-item, .home-sections-wrapper > .paid .story-carousel .tag-item { background-color: rgb(255, 255, 255) !important; } .home-sections-wrapper .small-nav { width: calc(100% + 13px); padding-bottom: 46px; margin-bottom: 20px; display: flex; padding-top: 5%; } .home-sections-wrapper .small-nav .banner-content { background-color: rgb(255, 255, 255); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; margin: 0px auto; width: 80%; max-width: 960px; min-width: 400px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.26) 0px 2px 7px 0px; } .home-sections-wrapper .small-nav .banner-content:hover { text-decoration: none; cursor: pointer; } .home-sections-wrapper .small-nav h1 { color: rgb(34, 34, 34); font-size: 18px; font-weight: 700; margin: 30px 0px 12px 35px; line-height: 1.33; } .home-sections-wrapper .small-nav h2 { color: rgb(111, 111, 111); font-size: 14px; margin: 0px 0px 0px 35px; line-height: 1.33; } .home-sections-wrapper .small-nav.paid { background-color: rgb(242, 253, 253); } .home-sections-wrapper .story-swimlane-with-hero .small-nav { z-index: 1; } .home-sections-wrapper .story-swimlane-with-hero .small-nav .banner-content { height: 123px; width: 100%; } .home-sections-wrapper .story-swimlane-with-hero .paid-banner .banner-content { background-image: url("/img/paid-content/free-stories.png"), url("/img/paid-content/currency.png"); background-position: 69% -6%, 90% 110%; background-repeat: no-repeat, no-repeat; background-size: 200px, 150px; } .home-sections-wrapper .contest-info { max-width: 60%; } .home-sections-wrapper .contest-content { display: flex; -webkit-box-pack: justify; justify-content: space-between; height: 123px; } .home-sections-wrapper .graphic-container { width: 20%; background-size: cover; border-radius: 0px 4px 4px 0px; } @media (max-width: 992px) { .home-sections-wrapper .graphic-container { width: 30%; } } @media (max-width: 575px) { .home-sections-wrapper .graphic-container { width: 40%; } } .home-sections-wrapper .continue-reading-wrapper { position: fixed; bottom: 0px; z-index: 2; width: 100%; background-color: transparent; display: flex; -webkit-box-pack: center; justify-content: center; margin-bottom: 15px; pointer-events: none; } .home-sections-wrapper .continue-reading-wrapper .continue-reading { height: 70px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.26) 0px 2px 7px 0px; background-color: rgb(255, 255, 255); width: 50%; border: transparent; pointer-events: auto; transition: transform 0.4s linear 0s, -webkit-transform 0.4s linear 0s; } .home-sections-wrapper .continue-reading-wrapper .continue-reading .info { display: flex; width: 100%; -webkit-box-pack: justify; justify-content: space-between; } .home-sections-wrapper .continue-reading-wrapper .continue-reading .story-info { display: flex; width: 70%; } .home-sections-wrapper .continue-reading-wrapper .continue-reading .story-details { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 8px 0px 0px; width: 100%; } .home-sections-wrapper .continue-reading-wrapper .continue-reading .story-details div { padding: 0px; } .home-sections-wrapper .continue-reading-wrapper .continue-reading .story-details .header { color: rgb(34, 34, 34); font-size: 16px; font-weight: 700; line-height: 1.38; width: fit-content; } .home-sections-wrapper .continue-reading-wrapper .continue-reading .story-details .story-title { color: rgb(34, 34, 34); font-size: 14px; line-height: 1.43; width: 100%; max-height: 20px; text-overflow: ellipsis; overflow: hidden; text-align: left; white-space: nowrap; } .home-sections-wrapper .continue-reading-wrapper .continue-reading .cover { margin: -40px 16px 0px 0px; min-width: fit-content; z-index: 0; border-radius: 4px; } .home-sections-wrapper .continue-reading-wrapper .continue-reading img { border-radius: 4px; box-shadow: rgba(34, 34, 34, 0.08) 0px 3px 14px 2px, rgba(34, 34, 34, 0.1) 0px 8px 10px 1px; width: 60px; } .home-sections-wrapper .continue-reading-wrapper .continue-reading .read { align-self: center; font-size: 16px; font-weight: 700; line-height: 1.38; padding: 8px 9px 0px 0px; color: rgb(34, 34, 34); } .home-sections-wrapper .continue-reading-wrapper .percentage-read { height: 4px; background-color: rgb(238, 238, 238); margin: 8px 8px 4px 0px; border-radius: 2px; width: 70%; } .home-sections-wrapper .continue-reading-wrapper .percentage-position { border-radius: 2px; height: 4px; background-color: rgb(255, 97, 34); } .home-sections-wrapper .wp-modal.modal-story-preview .modal-content { flex-basis: 586px; height: 436px; padding: 8px; overflow: hidden; } .home-sections-wrapper .story-preview-wrapper { display: flex; } .home-sections-wrapper .story-preview-wrapper .cover { width: 50%; height: 100%; } .home-sections-wrapper .story-preview-wrapper .cover img { border-radius: 4px; } .home-sections-wrapper .story-preview-wrapper .story-info { height: inherit; width: 50%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 10px 16px 0px; position: relative; } .home-sections-wrapper .story-preview-wrapper .story-info .meta-header { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; height: fit-content; } .home-sections-wrapper .story-preview-wrapper .story-info .meta-header .title-wrapper { display: flex; -webkit-box-align: center; align-items: center; } .home-sections-wrapper .story-preview-wrapper .title-wrapper .paid-stories-badge { margin-top: 6px; } .home-sections-wrapper .story-preview-wrapper .title-wrapper .title { font-weight: 700; font-size: 22px; line-height: 28px; color: rgb(34, 34, 34); width: 208px; height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .home-sections-wrapper .story-preview-wrapper .story-info .meta-header .icon-bar { padding-top: 10px; } .home-sections-wrapper .story-preview-wrapper .story-info .description { font-weight: 400; font-size: 14px; line-height: 20px; height: 220px; width: 268px; overflow: hidden; } .home-sections-wrapper .story-preview-wrapper .buttons-wrapper { display: flex; -webkit-box-pack: center; justify-content: center; margin: 20px 0px; } .home-sections-wrapper .story-preview-wrapper .buttons-wrapper .read { -webkit-box-flex: 2; flex: 2 1 0%; border-top-right-radius: 0px; border-bottom-right-radius: 0px; max-width: 208px; min-width: 0px; } .home-sections-wrapper .story-preview-wrapper .buttons-wrapper .read .paid-story { margin-top: 4px; min-width: 20px; } .home-sections-wrapper .story-preview-wrapper .buttons-wrapper .read .open-book { margin-top: 2px; margin-right: 4px; min-width: 16px; } .home-sections-wrapper .story-preview-wrapper .buttons-wrapper .read .read-btn-text { text-overflow: ellipsis; overflow: hidden; } .home-sections-wrapper .story-preview-wrapper .buttons-wrapper .add-to-library-btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding: 0px 16px; margin-left: 2px; max-width: 56px; } .home-sections-wrapper .story-preview-wrapper .buttons-wrapper .add-to-library-btn svg { stroke: rgb(255, 255, 255); } .home-sections-wrapper .story-preview-wrapper .story-info .loader-wrapper { display: flex; -webkit-box-pack: center; justify-content: center; margin: 20px 0px; } .home-sections-wrapper .story-preview-wrapper .more-details-wrapper { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; } .home-sections-wrapper .story-preview-wrapper .more-details-wrapper .more-details { display: flex; -webkit-box-align: center; align-items: center; border: none; font-weight: 700; font-size: 14px; line-height: 20px; color: rgb(34, 34, 34); bottom: 18px; position: absolute; width: inherit; padding: 0px; background-color: transparent; } .home-sections-wrapper .story-preview-wrapper .close { border: none; position: absolute; right: 0px; background-color: transparent; } .home-sections-wrapper.loading-spinner { display: flex; -webkit-box-pack: center; justify-content: center; height: 100vh; -webkit-box-align: center; align-items: center; } .home-sections-wrapper.loading-spinners { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 300px; position: absolute; width: 100%; } .load-home-failed { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } .load-home-failed .image img { margin: 170px 0px 50px; } .load-home-failed .text .title { font-size: 24px; font-weight: 700; color: rgb(34, 34, 34); margin-bottom: 6px; text-align: center; line-height: 1.38; letter-spacing: normal; } .load-home-failed .text .subtitle { font-size: 16px; color: rgb(111, 111, 111); margin-bottom: 20px; text-align: center; line-height: 1.38; letter-spacing: normal; } @media (max-width: 992px) { .home-sections-wrapper .greeting-and-content-settings .module-content { padding: 0px 16px; } .home-sections-wrapper .greeting-and-content-settings .module-divider { margin-left: 16px; margin-bottom: 0px; } } @media (max-width: 575px) { .home-sections-wrapper .module-content { padding-top: 40px; padding-left: 8px; padding-bottom: 24px; } .home-sections-wrapper .story-swimlane.paid .module-content { height: 100%; } .home-sections-wrapper .story-swimlane-with-hero { margin-bottom: 0px; padding-bottom: 0px; } .home-sections-wrapper .story-swimlane-with-hero.paid { margin-bottom: 32px; padding-top: 0px; } .home-sections-wrapper .story-swimlane-with-hero.paidMultiRow { margin-bottom: 32px; padding-top: 0px; } .home-sections-wrapper .story-swimlane-with-hero.paidMultiRow .module-header { margin: 0px; } .home-sections-wrapper .story-swimlane-with-hero.paidMultiRow .module-header:first-child { margin-top: 24px; } .home-sections-wrapper .story-swimlane { margin-bottom: 0px; } .home-sections-wrapper .story-swimlane:not(.paid) { padding-bottom: 0px; } .home-sections-wrapper .story-swimlane .module-content { padding-bottom: 0px; height: 100%; } .home-sections-wrapper .story-swimlane .module-content.full-width { width: 100%; } .home-sections-wrapper .carousel-container { height: 206px; } .home-sections-wrapper .module-header { min-width: unset; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; } .home-sections-wrapper .module-header .left-section .heading h3 { margin-top: 0px; margin-bottom: 0px; } .home-sections-wrapper .module-header .left-section .subheading h4 { color: rgba(18, 18, 18, 0.64); font-size: 16px; line-height: normal; margin-top: 4px; margin-bottom: 8px; } .home-sections-wrapper .module-header .promoted-indicator p { font-size: 14px; line-height: 1.29; } .home-sections-wrapper .module-header .promoted-icon { height: 15px; width: 15px; margin-bottom: 6px; } .home-sections-wrapper .module-header .expand-prompt-button { align-self: flex-start; } .home-sections-wrapper .tag-item { font-size: 12px; } .home-sections-wrapper .hero-item { padding-top: 24px; padding-right: 8px; margin-bottom: 24px; min-width: unset; } .home-sections-wrapper .hero { min-width: unset; box-shadow: rgba(34, 34, 34, 0.08) 0px 1px 10px 0px, rgba(34, 34, 34, 0.1) 0px 4px 5px 0px; padding: 15px 8px 20px 15px; margin-top: 0px; } .home-sections-wrapper .hero .cover { margin: -32px 14px 0px 0px; } .home-sections-wrapper .hero .cover img { width: 104px; height: 168px; } .home-sections-wrapper .hero .title { font-size: 18px; } .home-sections-wrapper .hero .description { line-height: 1.29; font-size: 14px; } .home-sections-wrapper .hero .promoted-indicator p { display: none; } .home-sections-wrapper .greeting-and-content-settings { margin-top: 25px; min-width: unset; border-bottom: none; } .home-sections-wrapper .greeting-and-content-settings .greeting-text { font-weight: 400; font-size: 22px; } .home-sections-wrapper .greeting-and-content-settings .content-settings-label { width: auto; } .home-sections-wrapper .greeting-and-content-settings .content-settings-label p { display: none; } .home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip { position: absolute; width: 250px; right: 10px; top: -5px; } .home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip p { font-size: 14px; line-height: 16px; } .home-sections-wrapper .greeting-and-content-settings .content-settings-tooltip h1 { font-size: 16px; margin: 8px 0px 3px; } .home-sections-wrapper .greeting-and-content-settings .module-divider { margin-left: 16px; margin-bottom: 0px; width: 100%; } .home-sections-wrapper .greeting-and-content-settings .module-content { padding: 0px 16px; max-width: 960px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .home-sections-wrapper .paid .hero-item, .home-sections-wrapper .paidMultiRow .hero-item { min-width: unset; } .home-sections-wrapper .small-nav { padding-bottom: 16px; } .home-sections-wrapper .small-nav .banner-content { min-width: unset; height: fit-content; } .home-sections-wrapper .small-nav h2 { font-size: 12px; margin: 0px 0px 0px 18px; } .home-sections-wrapper .small-nav .contest-content { height: 97px; } .home-sections-wrapper .small-nav.twoSections h1 { font-size: 14px; margin: 10px 0px 0px 18px; } .home-sections-wrapper .small-nav.oneSection .contest-info { max-width: 80%; } .home-sections-wrapper .small-nav.oneSection h1 { font-size: 16px; margin: 18px 0px 4px 18px; } .home-sections-wrapper .story-swimlane-with-hero .paid-banner .banner-content { background-image: url("/img/paid-content/currency.png"); background-position: 90% 0px; background-size: 75px; } .home-sections-wrapper .continue-reading-wrapper { margin-bottom: 4px; } .home-sections-wrapper .continue-reading-wrapper .continue-reading { width: 98%; } .home-sections-wrapper .continue-reading-wrapper .continue-reading .cover { margin: -15px 8px 0px 0px; border-radius: 4px; } .home-sections-wrapper .continue-reading-wrapper .cover img { height: 63px; width: 40px; } .home-sections-wrapper .continue-reading-wrapper .continue-reading .story-details { width: 90%; } .home-sections-wrapper .continue-reading-wrapper .percentage-read { width: 100%; } .load-home-failed .image img { margin: 50px 0px; } .load-home-failed .text .title { font-size: 18px; } } .content-settings { margin: 0px 10px; } .content-settings.is-settings-page { max-width: 850px; padding-top: 20px; margin: 0px auto; } .content-settings.is-settings-page .content-settings-heading { display: none; } .content-settings h2 { font-size: 26px; } .content-settings h2, .content-settings h3 { font-weight: 700; color: rgb(34, 34, 34); margin: 10px 0px; } .content-settings .section { display: flex; } .content-settings .mature { -webkit-box-align: center; align-items: center; flex-wrap: wrap; } .content-settings .instruction { -webkit-box-flex: 1; flex: 1 1 0%; margin-right: 10px; } .content-settings .instruction h3 { font-size: 18px; } .content-settings .instruction p { font-size: 16px; max-width: 559px; } .blocked-tags .left-section { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; } .blocked-tags .right-section { -webkit-box-flex: 1; flex: 1 1 0%; } .blocked-tags .right-section button { padding: 0px; border: none; background: 0px 0px; min-width: 80px; margin: 10px 0px; line-height: 30px; display: flex; -webkit-box-align: center; align-items: center; text-decoration: none; color: rgb(34, 34, 34); font-size: 14px; outline: 0px; } .blocked-tags .right-section button p { margin: 0px; } .blocked-tags .blocked-tags-list { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex: 1 1 0%; height: 100%; margin-right: 10px; font-weight: 700; user-select: none; flex-wrap: nowrap; max-height: 30px; pointer-events: none; } .blocked-tags .blocked-tags-list .tag-item { padding: 0px 10px; border: 1px solid rgb(238, 238, 238); margin: 5px 5px 10px 0px; border-radius: 12px; color: rgb(111, 111, 111); font-size: 12px; line-height: 19px; pointer-events: none; height: fit-content; background-color: rgb(238, 238, 238) !important; } .blocked-tags .blocked-tags-list .tags { display: inline-flex; width: calc(100% - 60px); height: 100%; overflow: hidden; flex-wrap: wrap; margin: 0px; } .blocked-tags .blocked-tags-list .more { min-width: 60px; height: 100%; font-size: 12px; font-weight: 400; letter-spacing: normal; color: rgb(111, 111, 111); padding-top: 3px; } .toggle { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; overflow: hidden; position: relative; width: 131px; height: 43px; border-radius: 4px; border: 1px solid rgb(238, 238, 238); background-color: rgb(255, 255, 255); cursor: pointer; } .toggle:focus { outline: 0px; } .toggle div { display: flex; text-align: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-flex: 1; flex: 1 1 0%; height: 100%; font-weight: 700; user-select: none; } .toggle .block-on { background-color: rgb(77, 182, 172); color: rgb(255, 255, 255); } .toggle .block-off { background-color: rgb(238, 238, 238); } .toggle .switch { position: absolute; width: 50%; background-color: rgb(255, 255, 255); z-index: 2; } .toggle.off .switch { transition: all 0.4s ease 0s; left: 0px; } .toggle.on .switch { transition: all 0.4s ease 0s; left: 50%; } .toggle.disabled { cursor: auto; } .toggle.disabled .block-on { opacity: 0.5; } .toggle.disabled .block-off { opacity: 0.5; } .content-settings .footer { display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; } .content-settings .footer .cancel { cursor: pointer; border: none; background: 0px 0px; outline: 0px; margin-right: 3%; color: rgb(34, 34, 34); } .content-settings .footer .btn-primary { cursor: pointer; } .edit-blocked-tags { min-height: 600px; max-height: 600px; overflow: hidden; } .edit-blocked-tags .heading { display: inline-flex; max-height: 32px; -webkit-box-align: center; align-items: center; } .edit-blocked-tags .back { padding: 0px; border: none; background: 0px 0px; margin-right: 20px; max-width: 24px; max-height: 24px; } .edit-blocked-tags h2 { margin: 0px; font-size: 24px; font-weight: 700; color: rgb(34, 34, 34); } .content-settings.edit-blocked-tags .instruction { margin: 0px 10px 0px 4px; } .content-settings.edit-blocked-tags .instruction p { max-width: 100%; } .edit-blocked-tags .tags { max-height: 350px; overflow: scroll; } .edit-blocked-tags .blocked-tags-list .tag-item { padding: 0px 10px; border: 1px solid rgb(238, 238, 238); margin: 4px; border-radius: 12px; color: rgb(111, 111, 111); font-size: 12px; line-height: 19px; background-color: rgb(238, 238, 238); } .edit-blocked-tags .blocked-tags-list .tag-item .fa-remove:hover { color: rgb(255, 97, 34); } .edit-blocked-tags input { outline: 0px; padding: 0px; border: none; background: 0px 0px; width: 100%; font-size: 14px; color: rgb(111, 111, 111); line-height: 1.43; margin: 24px 0px 0px 4px; } .edit-blocked-tags .warning { display: inline-flex; height: 20px; margin-top: 8px; } .edit-blocked-tags .warning p { margin: 1px 0px 0px 3px; height: 100%; font-size: 14px; line-height: 1.43; letter-spacing: normal; color: rgb(111, 111, 111); } .wp-modal.modal-confirmation .modal-content { flex-basis: 561px; min-height: 380px; } .modal-confirmation .thanks-for-the-input { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } .modal-confirmation .thanks-for-the-input img { width: 157px; height: 158px; } .modal-confirmation .thanks-for-the-input .text { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } .modal-confirmation .thanks-for-the-input .text h3 { width: fit-content; height: 24px; font-size: 18px; font-weight: 700; line-height: 1.33; text-align: center; color: rgb(34, 34, 34); } .modal-confirmation .thanks-for-the-input .text p { width: 448px; height: fit-content; font-size: 16px; font-weight: 400; line-height: 1.38; letter-spacing: normal; text-align: center; color: rgb(111, 111, 111); } .suggested-tags { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; max-height: 320px; } .suggested-tags .title { color: rgb(111, 111, 111); font-size: 12px; line-height: 1.43; margin: 24px 0px 3px 4px; } .suggested-tags .tags { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; margin: 4px 0px 0px 4px; } .suggested-tags .tags button { color: rgb(34, 34, 34); font-size: 14px; font-weight: 700; line-height: 1.43; border: none; background: 0px 0px; padding: 6px 0px; text-decoration: none; outline: 0px; text-align: left; width: fit-content; } @media (max-width: 575px) { .wp-modal.modal-contest .modal-content { overflow-y: auto; } .wp-modal.modal-contest .modal-content .edit-blocked-tags { overflow-y: auto; } .blocked-tags .left-section { width: 95%; } .blocked-tags .left-section .blocked-tags-list { max-height: 100%; flex-wrap: wrap; } .blocked-tags .left-section .blocked-tags-list .tags { width: 100%; max-height: 30px; margin: 0px; } .blocked-tags .left-section .blocked-tags-list .more { width: 100%; height: 50%; text-align: left; } .blocked-tags .right-section .edit-tags-button { min-height: 40px; min-width: 40px; margin: 0px; } .blocked-tags button p { display: none; } .tags { margin: 0px; } .edit-blocked-tags .instruction { display: none; } .modal-confirmation .thanks-for-the-input img { width: 125px; height: 127px; } .modal-confirmation .thanks-for-the-input .text p { width: 85%; height: 100%; } } @media (min-width: 575px) { .featured-carousel { margin: 0px auto; width: 100%; max-width: 960px; min-width: 400px; height: 420px; } .featured-carousel .slider, .featured-carousel .slider-frame { height: 420px !important; } .featured-carousel .featured-text { width: 100%; margin-left: 1%; margin-top: -22.4em; } .featured-carousel h2 { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 700; height: 26px; font-size: 22px; line-height: 28px; color: rgb(18, 18, 18); } .featured-carousel p { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; height: 23px; line-height: 22px; margin-top: -10px; color: rgba(18, 18, 18, 0.64); } .featured-carousel.rtl-adjust .featured-slide .featured-text { right: 20% !important; left: unset !important; } .featured-carousel .featured-slide { position: absolute; width: 100%; top: 96px; } .featured-carousel .featured-slide .image-container { height: 267px; left: 240px; margin-left: 12px; margin-right: 12px; background-position: center center; box-shadow: rgba(34, 34, 34, 0.08) 0px 3px 14px, rgba(34, 34, 34, 0.1) 0px 8px 10px; border-radius: 16px; } .featured-carousel .slider-control-bottomright { margin-right: 46%; } .featured-carousel .slider-control-bottomcenter { width: 60%; height: 40px; } .featured-carousel .slider-control-bottomcenter .controls { flex-flow: wrap; gap: 20px; width: unset; -webkit-box-pack: center; justify-content: center; } .featured-carousel .controls { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 100px; top: -11px; cursor: pointer; } .featured-carousel .controls .control { display: inline-block; background-color: rgb(111, 111, 111); height: 10px; width: 10px; border-radius: 50%; } .featured-carousel .controls .control.active { background-color: rgb(34, 34, 34); } .featured-carousel .slider-control-centerleft, .featured-carousel .slider-control-centerright { display: none; } .featured-carousel .module-divider { display: none; } } @media (max-width: 575px) { .featured-carousel { margin: 100px 0px 16px 8px; height: auto; } .featured-carousel .slider, .featured-carousel .slider-frame { max-width: 315px; height: auto !important; } .featured-carousel .module-divider { display: none; margin-top: 16px; } .featured-carousel .featured-slide { margin: 0px auto; max-width: 315px; position: relative; box-shadow: rgba(34, 34, 34, 0.08) 0px 1px 10px 0px, rgba(34, 34, 34, 0.1) 0px 4px 5px 0px; } .featured-carousel .featured-slide .image-container { border-radius: 4px; background-position: 50% 0px; } .featured-carousel .featured-slide .featured-text { position: absolute; height: 100px; width: 100%; top: -100px; left: 0px; } .featured-carousel .featured-slide.rtl-adjust .featured-slide .featured-text { right: 0px !important; left: unset !important; } .featured-carousel .featured-slide h2 { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(34, 34, 34); font-size: 18px; line-height: 1.33; top: 0px; left: 0px; margin-bottom: 4px; font-weight: 700; } .featured-carousel .featured-slide p { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgba(18, 18, 18, 0.64); font-size: 16px; line-height: 1.38; top: 50px; left: 0px; margin-bottom: 6px; } } .story-carousel { z-index: 1; } .story-carousel .carousel-container { width: calc(100% + 29px); margin: 0px auto; max-width: 976px; min-width: 400px; } .story-carousel .slider-control-centerleft { left: -10% !important; } .story-carousel .slider-control-centerright { right: -10% !important; } .story-carousel .rtl-adjust .slider-control-centerleft { right: -10% !important; left: unset !important; } .story-carousel .rtl-adjust .slider-control-centerright { right: unset !important; left: -10% !important; } .story-carousel .slider-slide { overflow-y: hidden; } .story-carousel .next-btn, .story-carousel .prev-btn { background-color: transparent; outline: 0px; border: none; } .story-carousel .story-item { margin-bottom: 20px; padding: 2px 8px 0px; max-width: 200px; min-width: 100px; height: fit-content; } .story-carousel .story-item .cover { display: block; background-color: transparent; margin-bottom: 20px; height: 278px; width: 178px; min-width: 100px; border-radius: 4px; box-shadow: rgba(34, 34, 34, 0.08) 0px 3px 14px 2px, rgba(34, 34, 34, 0.1) 0px 7px 10px 1px; } .story-carousel .tag-and-badge { width: 100%; margin: 0px auto; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; } .story-carousel .tag-and-badge .tag-item { padding: 0px 10px; border: 1px solid rgb(238, 238, 238); border-radius: 120px; color: rgb(111, 111, 111); font-size: 14px; line-height: 19px; } .story-carousel .tag-and-badge .paid-stories-badge { color: rgb(34, 34, 34); margin-right: 5px; } .story-carousel .module-divider { display: none; } @media (max-width: 575px) { .story-carousel .carousel-container { min-width: unset; } .story-carousel .story-item { min-width: unset; height: fit-content; padding-right: 0px; width: 105px; } .story-carousel .story-item .cover { min-width: unset; height: 163px; width: 105px; } .story-carousel .story-item .paid-stories-badge { margin-right: 3px; } .story-carousel .story-item .tag-item { font-size: 12px; } .story-carousel .module-divider { display: block; } } @media (min-width: 575px) { .story-expanded-carousel { width: 100%; } } .story-expanded-carousel .carousel-container { width: calc(100% + 29px); margin: 0px auto; max-width: 976px; min-width: 400px; } .story-expanded-carousel .slider-control-centerleft { left: -10% !important; } .story-expanded-carousel .slider-control-centerright { right: -10% !important; } .story-expanded-carousel .rtl-adjust .slider-control-centerleft { right: -10% !important; left: unset !important; } .story-expanded-carousel .rtl-adjust .slider-control-centerright { right: unset !important; left: -10% !important; } @media (min-width: 575px) { .story-expanded-carousel .slider-slide { overflow-y: hidden; } } .story-expanded-carousel .next-btn, .story-expanded-carousel .prev-btn { background-color: transparent; outline: 0px; border: none; } .story-expanded-carousel .story-item { margin-bottom: 20px; padding-right: 8px; padding-left: 8px; max-width: 200px; min-width: 100px; height: fit-content; } .story-expanded-carousel .story-item .cover { display: block; background-color: transparent; margin-bottom: 20px; height: 278px; width: 178px; min-width: 100px; } .story-expanded-carousel .story-item .cover img { border-radius: 4px; box-shadow: rgba(34, 34, 34, 0.08) 0px 3px 14px 2px, rgba(34, 34, 34, 0.1) 0px 7px 10px 1px; } .story-expanded-carousel .tag-and-badge { width: 100%; margin: 0px auto; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; } .story-expanded-carousel .tag-and-badge .tag-item { padding: 0px 10px; border: 1px solid rgb(238, 238, 238); border-radius: 120px; color: rgb(111, 111, 111); font-size: 14px; line-height: 19px; background-color: rgb(255, 255, 255) !important; } .story-expanded-carousel .module-divider { display: none; } @media (min-width: 575px) { .story-expanded-carousel .story-metadata { display: none; } } @media (max-width: 575px) { .story-expanded-carousel .carousel-container { min-width: unset; width: 100vw; } .story-expanded-carousel .slider-list { height: 160px !important; } .story-expanded-carousel .slider-slide { width: 150px !important; } .story-expanded-carousel .slider-slide .cover { margin-top: 10px; } .story-expanded-carousel .zoom-story-item .story-item { transition: all 0.2s ease-in-out 0s !important; transform: scale(1.1) !important; } .story-expanded-carousel .zoom-story-item .story-item .cover img { box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 10px, rgba(0, 0, 0, 0.12) 0px 6px 30px, rgba(0, 0, 0, 0.14) 0px 16px 24px; border-radius: 4px; } .story-expanded-carousel .story-metadata { height: 100%; padding-top: 12px; } .story-expanded-carousel .story-metadata .meta-header { left: 50%; margin-right: -50%; } .story-expanded-carousel .story-metadata .meta-header .title-and-badge { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding-left: 15px; width: 240px; } .story-expanded-carousel .story-metadata .meta-header .title-and-badge .story-title { display: inline-block; margin-top: -4%; } .story-expanded-carousel .story-metadata .meta-header .title-and-badge .story-title h3 { height: 24px; width: 90vw; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; color: rgb(18, 18, 18); font-weight: 700; font-size: 16px; line-height: 22px; } .story-expanded-carousel .story-metadata .meta-header .icon-bar { margin-left: 16px; } .story-expanded-carousel .story-metadata .meta-header .icon-bar .tag-item { padding: 0px 12px; } .story-expanded-carousel .story-metadata .story-description { left: 50%; margin-right: -50%; margin-top: -1%; padding-left: 15px; padding-right: 15px; right: 0px; } .story-expanded-carousel .story-metadata .story-description h4 { display: inline-block; height: 81px; width: 90vw; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; text-align: justify; font-weight: 400; font-size: 14px; line-height: 20px; } .story-expanded-carousel .story-metadata .more-details-wrapper { float: right; width: 120px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; } .story-expanded-carousel .story-metadata .more-details-wrapper .more-details { padding: 0px; display: inline-block; text-align: left; background-color: transparent; border: none; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 700; font-size: 14px; line-height: 20px; color: rgb(18, 18, 18); } .story-expanded-carousel .story-metadata .more-details-wrapper .arrow-icon { display: inline-block; margin-top: -4%; height: 13px; } .story-expanded-carousel .story-item { min-width: unset; height: fit-content; padding-right: 0px; width: 93px; } .story-expanded-carousel .story-item .cover { min-width: unset; height: 144px; width: 93px; } .story-expanded-carousel .story-item .tag-item { display: none; } .story-expanded-carousel .module-divider { display: block; } } .try-premium { background-color: rgb(42, 28, 96); } .try-premium .button-copy { margin-left: 6px; } .try-premium:hover { background-color: rgb(33, 22, 76); } .wp-modal.email-reverification-modal { padding: 0px; } @media screen and (max-width: 600px) { .wp-modal.email-reverification-modal .modal-content { width: 100%; max-width: 100%; max-height: 100%; height: 100%; flex-basis: auto !important; } } .wp-modal.email-reverification-modal .email-reverification-modal-content { min-height: 648px; } @media screen and (max-width: 600px) { .wp-modal.email-reverification-modal .email-reverification-modal-content { min-height: auto; } } .wp-modal.email-reverification-modal .close-btn { position: absolute; right: 18px; top: 18px; } .wp-modal.email-reverification-modal .email-reverification-heading { background-color: rgba(18, 18, 18, 0.12); text-align: center; padding-top: 31px; padding-bottom: 37px; height: 164px; } .wp-modal.email-reverification-modal .email-reverification-heading .wp-logo.hidden-xs { margin: 0px auto; } .wp-modal.email-reverification-modal h1 { color: rgb(34, 34, 34); font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; font-size: 24px; line-height: 36px; margin-top: 26.59px; } .wp-modal.email-reverification-modal p.email-notes { text-align: center; color: rgb(34, 34, 34); font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; } @media screen and (max-width: 600px) { .wp-modal.email-reverification-modal .email-reverification-heading { background-color: rgba(18, 18, 18, 0.04); height: 135px; line-height: 24px; } .wp-modal.email-reverification-modal h1 { font-size: 22px; margin-top: 18px; padding-bottom: 18px; } .wp-modal.email-reverification-modal p.email-notes { font-size: 16px; line-height: 22px; } } .wp-modal.email-reverification-modal .modal-content { padding: 0px; margin: 0px auto; flex-basis: 504px; border-radius: 0px; } .wp-modal.email-reverification-modal .modal-content div { border: none; margin: 0px auto; box-shadow: none; } .wp-modal.email-reverification-modal .modal-content p.note { margin: 37px auto; color: rgba(18, 18, 18, 0.64); width: 370px; height: 67px; } .wp-modal.email-reverification-modal .modal-content p.question { width: 388px; height: 48px; margin: 24px auto; } .wp-modal.email-reverification-modal .modal-content p.email-text { font-weight: 700; font-size: 18px; overflow-wrap: break-word; line-height: 133%; border: 1px solid rgba(18, 18, 18, 0.12); box-sizing: border-box; margin: 24px 24px 6px; padding: 11.47px; } .wp-modal.email-reverification-modal .modal-content p.gmail-note { text-align: center; color: rgba(18, 18, 18, 0.64); font-size: 14px; line-height: 21px; width: 370px; margin: 2px auto 0px; } @media screen and (max-width: 600px) { .wp-modal.email-reverification-modal .modal-content p.note { height: auto; width: auto; margin: 5% 10%; } .wp-modal.email-reverification-modal .modal-content p.question { font-weight: 700; width: auto; height: auto; margin: 5% 10%; } .wp-modal.email-reverification-modal .modal-content p.gmail-note { width: 90%; } } .wp-modal.email-reverification-modal .modal-content .radio-wrapper { text-align: center; } .wp-modal.email-reverification-modal .modal-content .radio-wrapper .radio-item { display: block; } .wp-modal.email-reverification-modal .modal-content .radio-wrapper .radio-item input[type="radio"] { display: none; } .wp-modal.email-reverification-modal .modal-content .radio-wrapper .radio-item label { display: block; color: rgb(34, 34, 34); font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; } .wp-modal.email-reverification-modal .modal-content .radio-wrapper .radio-item input[type="radio"]:checked + label::before { display: inline-block; margin: 0px 12px 0px 0px; width: 18px; height: 18px; border-radius: 18px; border: 1px solid rgb(255, 80, 10); background: radial-gradient(rgb(255, 80, 10) 50%, rgb(255, 255, 255) 51%); } .wp-modal.email-reverification-modal .modal-content .radio-wrapper .radio-item label::before { content: " "; display: inline-block; position: relative; top: 5px; margin: 0px 12px 0px 0px; width: 18px; height: 18px; border-radius: 18px; border: 1px solid rgba(18, 18, 18, 0.32); background-color: transparent; } .wp-modal.email-reverification-modal .modal-content .radio-wrapper .radio-item label:nth-child(2) { margin-top: 30px; } .wp-modal.email-reverification-modal .modal-content .radio-wrapper .radio-item label:nth-child(4) { margin-bottom: 33px; } .wp-modal.email-reverification-modal .modal-content .btn-primary.btn-md.btn-email-confirm { margin: 30px auto 56px; min-width: 267px; } @media screen and (max-width: 600px) { .wp-modal.email-reverification-modal .modal-content .radio-wrapper .radio-item label:nth-child(2) { padding-bottom: 12px; } .wp-modal.email-reverification-modal .modal-content .btn-primary.btn-md.btn-email-confirm { min-width: 60%; margin: auto; } } .wp-modal.email-reverification-modal #change-email-modal .close.on-close { position: absolute; padding: 12px; top: 2px; right: 1px; cursor: pointer; } .wp-modal.email-reverification-modal #change-email-modal .btn-md { margin: 16px auto; display: block; min-width: 60%; } .wp-modal.email-reverification-modal #change-email-modal .panel-heading h3 { color: rgb(18, 18, 18); } .wp-modal.email-reverification-modal .back-btn { display: none; } @media screen and (max-width: 600px) { .wp-modal.email-reverification-modal .back-btn { display: inline; position: absolute; left: 50%; transform: translate(-60%, 0px); } .wp-modal.email-reverification-modal .back-btn .back-btn-label { display: inline; color: rgb(34, 34, 34); font-size: 14px; margin-left: 3px; } } @media screen and (min-width: 992px) { .toast.email-reverification-toast { position: fixed; top: 44px; max-height: fit-content; z-index: 1030; } } .change-email-modal-wrapper .sent-email-modal-content p, .please-verify-modal-wrapper .sent-email-modal-content p, .sent-email-modal-wrapper .sent-email-modal-content p, .wp-modal.modal-container.please-verify-modal .sent-email-modal-content p { margin-bottom: 15px; } .change-email-modal-wrapper button.close.on-close, .please-verify-modal-wrapper button.close.on-close, .sent-email-modal-wrapper button.close.on-close, .wp-modal.modal-container.please-verify-modal button.close.on-close { position: absolute; background: 0px 0px; border: none; right: 5px; top: 5px; padding: 12px; font-size: 14px !important; } .change-email-modal-wrapper h1, .please-verify-modal-wrapper h1, .sent-email-modal-wrapper h1, .wp-modal.modal-container.please-verify-modal h1 { color: rgb(34, 34, 34); font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; font-size: 18px; line-height: 24px; margin-top: 15px; text-align: center; } .change-email-modal-wrapper p, .please-verify-modal-wrapper p, .sent-email-modal-wrapper p, .wp-modal.modal-container.please-verify-modal p { color: rgba(18, 18, 18, 0.64); font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; } .change-email-modal-wrapper .checked-features, .please-verify-modal-wrapper .checked-features, .sent-email-modal-wrapper .checked-features, .wp-modal.modal-container.please-verify-modal .checked-features { width: max-content; padding: 9px 0px 6px; } .change-email-modal-wrapper .check-and-feature, .please-verify-modal-wrapper .check-and-feature, .sent-email-modal-wrapper .check-and-feature, .wp-modal.modal-container.please-verify-modal .check-and-feature { display: flex; } .change-email-modal-wrapper .check-and-feature .check-icon, .please-verify-modal-wrapper .check-and-feature .check-icon, .sent-email-modal-wrapper .check-and-feature .check-icon, .wp-modal.modal-container.please-verify-modal .check-and-feature .check-icon { color: rgb(24, 165, 153); margin-right: 6px; } .change-email-modal-wrapper .check-and-feature p, .please-verify-modal-wrapper .check-and-feature p, .sent-email-modal-wrapper .check-and-feature p, .wp-modal.modal-container.please-verify-modal .check-and-feature p { margin-bottom: 6px; } .change-email-modal-wrapper .modal-content, .please-verify-modal-wrapper .modal-content, .sent-email-modal-wrapper .modal-content, .wp-modal.modal-container.please-verify-modal .modal-content { padding: 0px; margin: 0px auto; flex-basis: 504px; border-radius: 3px; border: none; box-shadow: none; } .change-email-modal-wrapper .modal-content div, .please-verify-modal-wrapper .modal-content div, .sent-email-modal-wrapper .modal-content div, .wp-modal.modal-container.please-verify-modal .modal-content div { border: none; margin: 0px auto; box-shadow: none; } .change-email-modal-wrapper .modal-content .btn-md, .please-verify-modal-wrapper .modal-content .btn-md, .sent-email-modal-wrapper .modal-content .btn-md, .wp-modal.modal-container.please-verify-modal .modal-content .btn-md { width: 200px; min-width: 60%; display: block; margin: 8px auto; } .change-email-modal-wrapper .modal-content form, .please-verify-modal-wrapper .modal-content form, .sent-email-modal-wrapper .modal-content form, .wp-modal.modal-container.please-verify-modal .modal-content form { padding-bottom: 12px; } @media screen and (max-width: 600px) { .change-email-modal-wrapper .modal-content .close-btn, .please-verify-modal-wrapper .modal-content .close-btn, .sent-email-modal-wrapper .modal-content .close-btn, .wp-modal.modal-container.please-verify-modal .modal-content .close-btn { right: 15px; top: 15px; } } .change-email-modal-wrapper .change-email-modal-content, .please-verify-modal-wrapper .change-email-modal-content, .sent-email-modal-wrapper .change-email-modal-content, .wp-modal.modal-container.please-verify-modal .change-email-modal-content { padding: 0px 15px; } .change-email-modal-wrapper .change-email-modal-content h1, .please-verify-modal-wrapper .change-email-modal-content h1, .sent-email-modal-wrapper .change-email-modal-content h1, .wp-modal.modal-container.please-verify-modal .change-email-modal-content h1 { margin-bottom: 0px; } .change-email-modal-wrapper .change-email-modal-content .modal-message, .please-verify-modal-wrapper .change-email-modal-content .modal-message, .sent-email-modal-wrapper .change-email-modal-content .modal-message, .wp-modal.modal-container.please-verify-modal .change-email-modal-content .modal-message { color: rgba(18, 18, 18, 0.64); padding: 15px 0px 10px; margin: 0px; } .change-email-modal-wrapper .change-email-modal-content .form-group, .please-verify-modal-wrapper .change-email-modal-content .form-group, .sent-email-modal-wrapper .change-email-modal-content .form-group, .wp-modal.modal-container.please-verify-modal .change-email-modal-content .form-group { padding-top: 15px; } .change-email-modal-wrapper .change-email-modal-content span.fa.fa-check, .please-verify-modal-wrapper .change-email-modal-content span.fa.fa-check, .sent-email-modal-wrapper .change-email-modal-content span.fa.fa-check, .wp-modal.modal-container.please-verify-modal .change-email-modal-content span.fa.fa-check { bottom: 0px; margin-right: 6px; padding: 12px; color: rgb(0, 133, 78); } .change-email-modal-wrapper .change-email-modal-content span.fa.fa-warning, .please-verify-modal-wrapper .change-email-modal-content span.fa.fa-warning, .sent-email-modal-wrapper .change-email-modal-content span.fa.fa-warning, .wp-modal.modal-container.please-verify-modal .change-email-modal-content span.fa.fa-warning { padding: 13px; margin-right: 10px; color: rgb(224, 0, 0); } .change-email-modal-wrapper .change-email-modal-content .form-group.has-feedback.password, .please-verify-modal-wrapper .change-email-modal-content .form-group.has-feedback.password, .sent-email-modal-wrapper .change-email-modal-content .form-group.has-feedback.password, .wp-modal.modal-container.please-verify-modal .change-email-modal-content .form-group.has-feedback.password { padding-bottom: 8px; } .change-email-modal-wrapper .change-email-modal-content .control-label, .please-verify-modal-wrapper .change-email-modal-content .control-label, .sent-email-modal-wrapper .change-email-modal-content .control-label, .wp-modal.modal-container.please-verify-modal .change-email-modal-content .control-label { font-weight: 700; font-size: 14px; color: rgb(18, 18, 18); } .change-email-modal-wrapper .change-email-modal-content #new_email:focus, .change-email-modal-wrapper .change-email-modal-content .change-email-input, .please-verify-modal-wrapper .change-email-modal-content #new_email:focus, .please-verify-modal-wrapper .change-email-modal-content .change-email-input, .sent-email-modal-wrapper .change-email-modal-content #new_email:focus, .sent-email-modal-wrapper .change-email-modal-content .change-email-input, .wp-modal.modal-container.please-verify-modal .change-email-modal-content #new_email:focus, .wp-modal.modal-container.please-verify-modal .change-email-modal-content .change-email-input { border: 1px solid rgba(18, 18, 18, 0.32); } .change-email-modal-wrapper .change-email-modal-content #new_email.invalid, .please-verify-modal-wrapper .change-email-modal-content #new_email.invalid, .sent-email-modal-wrapper .change-email-modal-content #new_email.invalid, .wp-modal.modal-container.please-verify-modal .change-email-modal-content #new_email.invalid { border: 1px solid rgb(224, 0, 0) !important; } .change-email-modal-wrapper .change-email-modal-content .user-error-message, .please-verify-modal-wrapper .change-email-modal-content .user-error-message, .sent-email-modal-wrapper .change-email-modal-content .user-error-message, .wp-modal.modal-container.please-verify-modal .change-email-modal-content .user-error-message { color: rgb(224, 0, 0); font-size: 14px; padding: 0px; text-align: left; margin: 0px; } .change-email-modal-wrapper .change-email-modal-content .server-error-message, .please-verify-modal-wrapper .change-email-modal-content .server-error-message, .sent-email-modal-wrapper .change-email-modal-content .server-error-message, .wp-modal.modal-container.please-verify-modal .change-email-modal-content .server-error-message { display: flex; background: rgb(255, 242, 242); border: 1px solid rgb(255, 202, 205); border-radius: 3px; margin-top: 15px; } .change-email-modal-wrapper .change-email-modal-content .server-error-message .fa-warning.warning-icon, .please-verify-modal-wrapper .change-email-modal-content .server-error-message .fa-warning.warning-icon, .sent-email-modal-wrapper .change-email-modal-content .server-error-message .fa-warning.warning-icon, .wp-modal.modal-container.please-verify-modal .change-email-modal-content .server-error-message .fa-warning.warning-icon { margin: auto 0px; } .change-email-modal-wrapper .change-email-modal-content .server-error-message .server-error-text, .please-verify-modal-wrapper .change-email-modal-content .server-error-message .server-error-text, .sent-email-modal-wrapper .change-email-modal-content .server-error-message .server-error-text, .wp-modal.modal-container.please-verify-modal .change-email-modal-content .server-error-message .server-error-text { color: rgb(224, 0, 0); overflow-wrap: break-word; text-align: left; margin: auto 0px; padding: 8px 0px; } .change-email-modal-wrapper .change-email-modal-content .fa-view, .please-verify-modal-wrapper .change-email-modal-content .fa-view, .sent-email-modal-wrapper .change-email-modal-content .fa-view, .wp-modal.modal-container.please-verify-modal .change-email-modal-content .fa-view { bottom: 3px; margin: auto 9px; } .change-email-modal-wrapper .change-email-modal-content input.btn-primary.btn-md.btn-save, .please-verify-modal-wrapper .change-email-modal-content input.btn-primary.btn-md.btn-save, .sent-email-modal-wrapper .change-email-modal-content input.btn-primary.btn-md.btn-save, .wp-modal.modal-container.please-verify-modal .change-email-modal-content input.btn-primary.btn-md.btn-save { margin-top: 18px; } .change-email-modal-wrapper .change-email-modal-content input[type="submit"]:disabled, .please-verify-modal-wrapper .change-email-modal-content input[type="submit"]:disabled, .sent-email-modal-wrapper .change-email-modal-content input[type="submit"]:disabled, .wp-modal.modal-container.please-verify-modal .change-email-modal-content input[type="submit"]:disabled { background-color: rgba(18, 18, 18, 0.32); } .change-email-modal-wrapper .change-email-modal-content .forgot-password, .please-verify-modal-wrapper .change-email-modal-content .forgot-password, .sent-email-modal-wrapper .change-email-modal-content .forgot-password, .wp-modal.modal-container.please-verify-modal .change-email-modal-content .forgot-password { font-size: 14px; color: rgb(42, 28, 96) !important; } .sent-email-modal-wrapper { max-width: 512px; margin: 0px auto; } .sent-email-modal-wrapper .modal-body { position: static; padding: 0px; } .sent-email-modal-wrapper .sent-email-modal-content { padding: 0px 15px; } .sent-email-modal-wrapper .change-email-modal-content { padding: 0px 15px; } .sent-email-modal-wrapper .change-email-modal-content .form-group { margin: 0px; } .sent-email-modal-wrapper .change-email-modal-content .btn-md { width: 200px; min-width: 60%; display: block; margin: 8px auto; } .sent-email-modal-wrapper .change-email-modal-content input.btn-primary.btn-md.btn-save { margin-top: 18px; } .sent-email-modal-wrapper .change-email-modal-content .btn-cancel { margin-bottom: 15px; } .change-email-modal-wrapper, .please-verify-modal-wrapper { max-width: 512px; margin: 0px auto; border: none; box-shadow: none; border-radius: 3px; } .change-email-modal-wrapper .modal-body, .please-verify-modal-wrapper .modal-body { padding: 1px 18px; } .change-email-modal-wrapper span.close.on-close, .please-verify-modal-wrapper span.close.on-close { right: 5px; top: 5px; } .change-email-modal-wrapper .change-email-modal-content, .please-verify-modal-wrapper .change-email-modal-content { padding: 0px; } .change-email-modal-wrapper .change-email-modal-content h1, .please-verify-modal-wrapper .change-email-modal-content h1 { margin-bottom: 0px; } .change-email-modal-wrapper .change-email-modal-content .form-group, .please-verify-modal-wrapper .change-email-modal-content .form-group { margin: 0px; } .change-email-modal-wrapper .change-email-modal-content .btn-md, .please-verify-modal-wrapper .change-email-modal-content .btn-md { width: 200px; min-width: 60%; display: block; margin: 8px auto; } .change-email-modal-wrapper .change-email-modal-content .btn-secondary, .please-verify-modal-wrapper .change-email-modal-content .btn-secondary { margin-bottom: 15px; } #premium-picks-faq-modal .premium-picks-faq-content { padding: 64px; display: flex; -webkit-box-pack: justify; justify-content: space-between; gap: 80px; } #premium-picks-faq-modal .premium-picks-faq-content .premium-picks-faq-header { text-align: center; width: 200px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; } #premium-picks-faq-modal .premium-picks-faq-content .premium-picks-faq-header .modal-title { margin: 0px 0px 25px; } #premium-picks-faq-modal .premium-picks-faq-content .premium-picks-faq-header .premium-picks-image { width: 100%; } #premium-picks-faq-modal .premium-picks-faq-content .premium-picks-faq-features { width: 263px; padding: 0px; margin: 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 24px; } #premium-picks-faq-modal .premium-picks-faq-content .premium-picks-faq-features li { color: var(--ds-neutral-100); display: flex; -webkit-box-align: center; align-items: center; gap: 16px; } #premium-picks-faq-modal .premium-picks-faq-content .premium-picks-faq-features li .check-icon-container { width: 24px; height: 24px; } #premium-picks-faq-modal .premium-picks-faq-footer { padding: 0px 64px 64px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 14px; } #premium-picks-faq-modal .premium-picks-faq-footer button { width: 200px; } #premium-picks-faq-modal .premium-picks-faq-footer .premium-picks-faq-link { font-weight: var(--font-weight-bold); color: var(--ds-neutral-100); } @media (max-width: 575px) { #premium-picks-faq-modal .modal-container { border-radius: 8px; } #premium-picks-faq-modal .premium-picks-faq-content { max-width: 328px; padding: 40px 24px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 40px; } #premium-picks-faq-modal .premium-picks-faq-content .premium-picks-faq-header { gap: 40px; } #premium-picks-faq-modal .premium-picks-faq-content .premium-picks-faq-header .modal-title { font-size: 26px; margin: 0px; } #premium-picks-faq-modal .premium-picks-faq-content .premium-picks-faq-features { width: 280px; gap: 40px; } #premium-picks-faq-modal .premium-picks-faq-footer { padding: 0px 0px 40px; } } .skeleton { display: flex; position: relative; overflow: hidden; background-color: rgba(18, 18, 18, 0.12); } .skeleton.pulse { box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px; transform: scale(1); animation: 1.5s ease 0s infinite normal none running pulse; } @keyframes pulse { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.6; } } @media (prefers-reduced-motion) { .skeleton .animation { } } .icon-bar { font-size: 12px; line-height: 16px; display: flex; -webkit-box-align: center; align-items: center; flex-wrap: wrap; } .icon-bar .paid-icon { margin-right: 8px; } .icon-bar .icon-parts { display: flex; -webkit-box-align: center; align-items: center; margin-right: 8px; } .icon-bar .icon-parts .icon { margin-right: 4px; } .icon-bar .completed, .icon-bar .mature { margin-right: 8px; } .icon-bar .completed .tag-item, .icon-bar .mature .tag-item { margin: 0px; } .icon-bar div:last-child { margin-right: 0px; } .confirm-modal-container > .modal-content { flex-basis: 327px; } .confirm-modal-container > .modal-content .confirm-modal { text-align: center; } .confirm-modal-container > .modal-content .confirm-modal .title { font-size: 18px; font-weight: 700; color: rgb(34, 34, 34); margin: 0px auto; } .confirm-modal-container > .modal-content .confirm-modal .confirm-buttons { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; gap: 7px; margin: 10px 0px; } #picture-viewer { width: 100%; height: 100%; } #picture-viewer .action-wrapper { position: absolute; display: block; vertical-align: top; width: 100%; padding: 12px; z-index: 9999; background-color: rgba(0, 0, 0, 0.1); } #picture-viewer .action-wrapper .on-dismiss { float: right; } #picture-viewer .background-wrapper { background-color: rgba(0, 0, 0, 0.1); width: 100%; position: absolute; bottom: 0px; right: 0px; } #picture-viewer .background-wrapper .social-wrapper { padding: 12px; float: right; } #picture-viewer .background-wrapper .social-wrapper > .share-facebook { background-color: rgb(59, 89, 152); float: left; margin-right: 32px; } #picture-viewer .background-wrapper .social-wrapper > .share-pinterest { background-color: rgb(189, 8, 28); float: left; } #picture-viewer .background-wrapper .social-wrapper > .button-group, #picture-viewer .background-wrapper .social-wrapper > a { display: inline-block; margin: 0px 0px 6px; background: rgb(231, 231, 229); height: 40px; width: 40px; border-radius: 50%; } #picture-viewer .background-wrapper .social-wrapper > .button-group:hover, #picture-viewer .background-wrapper .social-wrapper > a:hover { text-decoration: none; } #picture-viewer .background-wrapper .social-wrapper > .button-group > .btn > .fa, #picture-viewer .background-wrapper .social-wrapper > .button-group > .fa, #picture-viewer .background-wrapper .social-wrapper > a > .btn > .fa, #picture-viewer .background-wrapper .social-wrapper > a > .fa { position: relative; top: 9px; left: 11px; color: rgb(220, 220, 220); } #picture-viewer .background-wrapper .social-wrapper > .button-group > .fa-facebook, #picture-viewer .background-wrapper .social-wrapper > a > .fa-facebook { color: rgb(255, 255, 255); } #picture-viewer .background-wrapper .social-wrapper > .button-group > .fa-pinterest, #picture-viewer .background-wrapper .social-wrapper > a > .fa-pinterest { color: rgb(255, 255, 255); } #picture-viewer .background-wrapper .social-wrapper > .button-group > .btn { padding: 0px; position: relative; top: 3px; } #picture-viewer .vertical-align-helper { display: table; width: 100%; height: 100%; } #picture-viewer .vertical-align-helper .on-report-image { position: absolute; top: -25px; left: 10px; text-decoration: none; } #picture-viewer .vertical-align-helper .fa-remove { position: absolute; top: -25px; right: 10px; } #picture-viewer .vertical-align-helper .modal-dialog { margin-right: auto; margin-left: auto; width: 100%; display: table-cell; vertical-align: middle; text-align: center; } @media (min-width: 768px) { #picture-viewer .vertical-align-helper .modal-dialog { width: 65%; } } #picture-viewer .vertical-align-helper .modal-dialog img { max-width: 100%; max-height: 100%; } #picture-viewer .vertical-align-helper .modal-dialog .modal-body { padding: 0px; text-align: center; } #picture-viewer .vertical-align-helper .modal-content { display: inline-block; height: inherit; margin: 0px auto; } .modal-backdrop.black { background-color: rgb(34, 34, 34); opacity: 0.95 !important; } .ds .mb-half { margin-bottom: 4px; } .ds .mb-1 { margin-bottom: 8px; } .ds .mb-2 { margin-bottom: 16px; } .ds .mb-3 { margin-bottom: 24px; } .ds .text-center, .ds.text-center { text-align: center; } .ds .text-left, .ds.text-left { text-align: left; } .ds .neutral-100 { color: rgb(18, 18, 18); } .ds .fs-12 { font-size: 12px; line-height: 16px; } .ds .fs-14 { font-size: 14px; line-height: 20px; } .ds .b { font-weight: 700; } .ds a.base-2-60:link, .ds a.base-2-60:visited { color: rgb(59, 25, 169); text-decoration: underline; } .ds a.base-2-60:active, .ds a.base-2-60:focus, .ds a.base-2-60:hover { color: rgb(42, 28, 96); } .ds-alert { padding: 0.5rem; background-color: rgb(255, 242, 242); border-radius: 8px; border: 1px solid rgb(224, 0, 0); color: rgb(18, 18, 18); margin: 0px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; } .ds-alert svg { margin-right: 1rem; } .ds-button { border-radius: 2em; background-color: rgb(18, 18, 18); padding: 1rem 2rem; margin: 0px; font-weight: 700; border: 0px; } .ds-button:focus, .ds-button:hover { outline: initial; } .ds-button.full-width { width: 100%; } .ds-button.base-2-60 { background-color: rgb(59, 25, 169); color: rgb(255, 255, 255); } .ds-button.base-2-60:focus, .ds-button.base-2-60:hover { outline: 0px; background-color: rgb(42, 28, 96); } .ds-button.neutral-100 { background-color: rgb(18, 18, 18); color: rgb(255, 255, 255); } .ds-button.neutral-100:focus, .ds-button.neutral-100:hover { background-color: rgba(18, 18, 18, 0.64); } .ds-button:disabled { background-color: rgb(179, 179, 179); color: rgb(255, 255, 255); } .ds-button:disabled:focus, .ds-button:disabled:hover { background-color: rgb(179, 179, 179); color: rgb(255, 255, 255); } .dscontainer { padding: 3rem 2rem; background-color: transparent; border-radius: 8px; color: rgb(18, 18, 18); } .dscontainer.base-2 { background-color: rgb(246, 242, 255); } .ds-header { line-height: 140%; font-weight: 700; color: rgb(18, 18, 18); margin: 0px; } .ds-header.large { font-size: 20px; } .ds-header.med { font-size: 18px; } .ds-header.mb { margin-bottom: 3rem; } .ds-one-col-page { min-height: 500px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } @media screen and (min-width: 400px) { .ds-one-col-page.max-width-and-wp-bg { background: url("/img/shared/portals/rounded-5.svg") center center / cover no-repeat rgb(42, 28, 96); } } .ds-one-col-page.max-width-and-wp-bg .column { padding: 2rem; max-width: 400px; margin: 0px auto; } .reading-list-modal-container { -webkit-box-align: end; align-items: flex-end; } .reading-list-modal-container .modal-content { max-width: unset; border-radius: 12px 12px 0px 0px; border: none; } .reading-list-modal-container .close-btn { display: none; } @media (max-width: 360px) { .reading-list-modal-container .modal-content { padding: 20px 8px; } } .reading-list-modal-container .reading-list-modal { text-align: center; } .reading-list-modal-container .reading-list-modal .reading-list-header { display: flex; text-align: center; } .reading-list-modal-container .reading-list-modal .reading-list-header .reading-list-title { width: 95%; margin-left: 36px; font-size: 22px; font-weight: 700; line-height: 28px; padding-bottom: 24px; color: rgb(18, 18, 18); } .reading-list-modal-container .reading-list-modal .reading-list-header .reading-list-close-btn { background: 0px 0px; border: none; color: rgb(0, 0, 0); height: 32px; } .reading-list-modal-container .reading-list-modal .reading-list-items { overflow-y: auto; height: 30vh; list-style: none; padding: 0px; } .reading-list-modal-container .reading-list-modal .reading-list-items .reading-list-item { border-bottom: 1px solid rgb(238, 238, 238); } .reading-list-modal-container .reading-list-modal .reading-list-items .reading-list-item .reading-list-item-name { width: 100%; font-size: 22px; line-height: 28px; text-align: left; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .reading-list-modal-container .reading-list-modal .reading-list-items .reading-list-item button { width: 100%; -webkit-box-align: center; align-items: center; color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); border: none; cursor: pointer; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; line-height: 21px; padding: 5px 10px; } .reading-list-modal-container .reading-list-modal .reading-list-items .reading-list-item button:hover { color: rgb(34, 34, 34); font-weight: 400; text-decoration: none; outline: 0px; background-color: rgb(238, 238, 238); } .reading-list-modal-container .reading-list-modal .reading-list-input-row { display: flex; padding: 10px 0px; } .reading-list-modal-container .reading-list-modal .reading-list-input-row .input-text { font-size: 16px; width: 90%; display: flex; } .reading-list-modal-container .reading-list-modal .reading-list-input-row .btn-icon { background-color: rgb(238, 238, 238); border-style: none; margin-left: 8px; height: 32px; width: 32px; } .reading-list-modal-container .reading-list-modal .reading-list-error { font-size: 12px; color: rgb(224, 0, 0); line-height: 15px; } .story-details-page { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: auto; -webkit-box-align: center; align-items: center; padding: 0px; height: 100%; } @media (max-width: 575px) { .story-details-page { min-height: -webkit-fill-available; } } .story-details-page .wp-modal.modal-container.reading-list-modal-container { -webkit-box-align: end; align-items: flex-end; } .story-details-page .story-info-container { display: flex; padding: 0px 24px; } .story-details-page .story-info-container .frontend-remix-warning { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; } .story-details-page .story-info-container .extras-text { font-size: 12px; font-weight: 400; color: rgb(18, 18, 18); padding-top: 32px; } .story-details-page .story-info-container .extras-text.shown-xxs { padding: 0px 0px 8px; } .story-details-page .story-info-container .extras-text a { color: rgb(18, 18, 18); font-weight: 700; padding-left: 2px; } .story-details-page .story-info-container .story-status { margin: 24px 0px; font-size: 22px; font-weight: 700; line-height: 28px; } .story-details-page .story-info-container .story-status--important { color: rgb(232, 18, 73); } @media (max-width: 780px) { .story-details-page .story-info-container .xxs-container-padding { margin: 24px 0px; } } @media (max-width: 768px) { .story-details-page .story-info-container .right-container { margin: 0px; } } @media (min-width: 781px) { .story-details-page .story-info-container > .left-container { min-width: 300px; max-width: 700px; padding-top: 24px; } .story-details-page .story-info-container > .right-container { padding-top: 24px; max-width: 344px; min-width: 324px; margin-left: 40px; } } @media (min-width: 911px) { .story-details-page .story-info-container > .left-container { margin-right: 40px; } } @media (max-width: 875px) { .story-details-page .story-info-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100vw; padding-bottom: 24px; } } .story-details-page .story-info-container .auth-form-width { width: 384px; } .story-details-page .story-info-container .signup-modal.card { padding: 16px 24px; margin-bottom: 24px; display: inherit; } .story-details-page .story-info-container .signup-modal.card .login-form, .story-details-page .story-info-container .signup-modal.card .signup-form { width: 100%; } .story-details-page .story-info-container .signup-modal.card .panel-body { padding: 0px; } .story-details-page .story-info-container .signup-modal.card .sidebar .subtitle { font-size: 18px; line-height: 24px; } .story-details-page .story-info-container .signup-modal.card .sidebar-title { font-weight: var(--font-weight-normal); font-size: 28px; line-height: 36px; } @media (max-width: 347px) { .story-details-page .story-info-container { padding: 0px 10px; } } @media (max-width: 870px) { .story-details-page .story-info-container { padding-left: 16px; padding-right: 16px; } } .story-details-page .action-bar--sticky { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-pack: center; justify-content: center; width: 100vw; background: 0px 0px; padding-bottom: 24px; position: sticky; bottom: 0px; } .react-popover-container--small.story-details-add-to-library { width: 411px; padding: 0px 16px; } .react-popover-container--small.story-details-add-to-library .react-popover-header { padding-bottom: 24px; padding-top: 16px; } .react-popover-container--small.story-details-add-to-library .react-popover-header .react-popover-title { font-size: 22px; line-height: 28px; } .react-popover-container--small.story-details-add-to-library .react-popover-header .react-popover-done-btn { font-size: 18px; } .react-popover-container--small.story-details-add-to-library .react-popover-list--small { max-height: 260px; } .react-popover-container--small.story-details-add-to-library .react-popover-list--small .react-popover-item .react-popover-item__btn { height: 52px; } .react-popover-container--small.story-details-add-to-library .react-popover-list--small .react-popover-item .react-popover-item__btn:hover { outline: 0px; } .react-popover-container--small.story-details-add-to-library .react-popover-list--small .react-popover-item .react-popover-item__btn .item-name { font-size: 22px; line-height: 28px; padding-left: 10px; } .react-popover-container--small.story-details-add-to-library .react-popover-input-row { padding-bottom: 24px; } .react-popover-container--small.story-details-add-to-library .react-popover-input-row .input-text { font-size: 16px; max-width: 305px; height: 39px; } .react-popover-container--small.story-details-add-to-library .react-popover-input-row .btn-icon { margin-left: 16px; height: 40px; max-width: 40px; } .react-popover-container--small.story-details-add-to-library .react-popover-input-row .btn-icon svg { width: 24px; } .story-details-page .badges { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; } .story-details-page .badges .author-info { padding-bottom: 12px; } @media (max-width: 575px) { .story-details-page .badges .author-info { display: none !important; } } .story-details-page .badges .story-badges { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .story-details-page .badges .story-badges .icon .tag-item { padding-left: 8px; padding-right: 8px; font-size: 12px; } .story-details-page .badges .story-badges > .icon { padding-left: 0px; } .story-details-page .badges .story-badges > .icon ~ .icon { padding-left: 8px; } .story-details-page .badges .story-badges #publish-date { opacity: 1; } .story-details-page .badges .story-badges div[class*="pill__"] { margin: 3px 0px 0px 4px; } .new-story-stats { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; margin-top: 24px; margin-bottom: 40px; padding-inline-start: 0px; } @media (max-width: 575px) { .new-story-stats { -webkit-box-pack: center; justify-content: center; } } .new-story-stats .stats-item { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column nowrap; -webkit-box-align: center; align-items: center; padding: 0px 16px; } @media (max-width: 336px) { .new-story-stats .stats-item { padding: 0px 8px; } } .new-story-stats .stats-item + .stats-item { border-left: 1px solid rgba(18, 18, 18, 0.12); } .new-story-stats .stats-item:first-of-type { padding-left: 0px; } .new-story-stats .stats-item:last-of-type { padding-right: 0px; } .new-story-stats .stats-item .stats-label { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-align: center; align-items: center; } .new-story-stats .stats-item .stats-label__icon + .stats-label__text { margin-left: 4px; } .new-story-stats .stats-label__text { color: rgba(18, 18, 18, 0.64); font-size: 12px; line-height: 16px; } .new-story-stats .stats-value { color: rgb(18, 18, 18); font-size: 14px; font-weight: 700; justify-self: center; line-height: 20px; margin-top: 4px; cursor: pointer; } .story-details-page .story-list { padding: 40px 0px; } .story-details-page .story-list a { text-decoration: none; } .story-details-page .story-list .story-list__container { background: rgb(255, 255, 255); box-shadow: rgba(18, 18, 18, 0.12) 0px 4px 8px; border-radius: 8px; padding: 16px 24px; } @media (max-width: 574px) { .story-details-page .story-list .story-list__container { display: none; } } .story-details-page .story-list .story-list__container .story-list__DW_title { padding-bottom: 20px; font-weight: 700; font-size: 22px; color: rgb(18, 18, 18); } .story-details-page .story-list .story-list__container .story-list__item { margin-bottom: 16px; } .story-details-page .story-list .story-list__container .story-list__item .btn-group-vertical > .btn-group.on-story-preview, .story-details-page .story-list .story-list__container .story-list__item .btn-toolbar.on-story-preview, .story-details-page .story-list .story-list__container .story-list__item .clearfix.on-story-preview, .story-details-page .story-list .story-list__container .story-list__item .container-fluid.on-story-preview, .story-details-page .story-list .story-list__container .story-list__item .container.on-story-preview, .story-details-page .story-list .story-list__container .story-list__item .dl-horizontal dd.on-story-preview, .story-details-page .story-list .story-list__container .story-list__item .form-horizontal .form-group.on-story-preview, .story-details-page .story-list .story-list__container .story-list__item .modal-footer.on-story-preview, .story-details-page .story-list .story-list__container .story-list__item .panel-body.on-story-preview, .story-details-page .story-list .story-list__container .story-list__item .row.on-story-preview, .story-details-page .story-list .story-list__container .story-list__item .user-profile .user-about .panel-body.on-story-preview { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; height: 130px; } .story-details-page .story-list .story-list__container .story-list__item .btn-group-vertical > .btn-group.on-story-preview .send-story-cover-event.cover.cover-sm, .story-details-page .story-list .story-list__container .story-list__item .btn-toolbar.on-story-preview .send-story-cover-event.cover.cover-sm, .story-details-page .story-list .story-list__container .story-list__item .clearfix.on-story-preview .send-story-cover-event.cover.cover-sm, .story-details-page .story-list .story-list__container .story-list__item .container-fluid.on-story-preview .send-story-cover-event.cover.cover-sm, .story-details-page .story-list .story-list__container .story-list__item .container.on-story-preview .send-story-cover-event.cover.cover-sm, .story-details-page .story-list .story-list__container .story-list__item .dl-horizontal dd.on-story-preview .send-story-cover-event.cover.cover-sm, .story-details-page .story-list .story-list__container .story-list__item .form-horizontal .form-group.on-story-preview .send-story-cover-event.cover.cover-sm, .story-details-page .story-list .story-list__container .story-list__item .modal-footer.on-story-preview .send-story-cover-event.cover.cover-sm, .story-details-page .story-list .story-list__container .story-list__item .panel-body.on-story-preview .send-story-cover-event.cover.cover-sm, .story-details-page .story-list .story-list__container .story-list__item .row.on-story-preview .send-story-cover-event.cover.cover-sm, .story-details-page .story-list .story-list__container .story-list__item .user-profile .user-about .panel-body.on-story-preview .send-story-cover-event.cover.cover-sm { height: 100%; width: unset; background-color: unset; } .story-details-page .story-list .story-list__container .story-list__item .btn-group-vertical > .btn-group.on-story-preview .send-story-cover-event.cover.cover-sm img, .story-details-page .story-list .story-list__container .story-list__item .btn-toolbar.on-story-preview .send-story-cover-event.cover.cover-sm img, .story-details-page .story-list .story-list__container .story-list__item .clearfix.on-story-preview .send-story-cover-event.cover.cover-sm img, .story-details-page .story-list .story-list__container .story-list__item .container-fluid.on-story-preview .send-story-cover-event.cover.cover-sm img, .story-details-page .story-list .story-list__container .story-list__item .container.on-story-preview .send-story-cover-event.cover.cover-sm img, .story-details-page .story-list .story-list__container .story-list__item .dl-horizontal dd.on-story-preview .send-story-cover-event.cover.cover-sm img, .story-details-page .story-list .story-list__container .story-list__item .form-horizontal .form-group.on-story-preview .send-story-cover-event.cover.cover-sm img, .story-details-page .story-list .story-list__container .story-list__item .modal-footer.on-story-preview .send-story-cover-event.cover.cover-sm img, .story-details-page .story-list .story-list__container .story-list__item .panel-body.on-story-preview .send-story-cover-event.cover.cover-sm img, .story-details-page .story-list .story-list__container .story-list__item .row.on-story-preview .send-story-cover-event.cover.cover-sm img, .story-details-page .story-list .story-list__container .story-list__item .user-profile .user-about .panel-body.on-story-preview .send-story-cover-event.cover.cover-sm img { height: 100%; width: unset; border-radius: 8px; filter: drop-shadow(rgba(18, 18, 18, 0.12) 0px 4px 8px); } .story-details-page .story-list .story-list__container .story-list__item .btn-group-vertical > .btn-group.on-story-preview .left-container, .story-details-page .story-list .story-list__container .story-list__item .btn-toolbar.on-story-preview .left-container, .story-details-page .story-list .story-list__container .story-list__item .clearfix.on-story-preview .left-container, .story-details-page .story-list .story-list__container .story-list__item .container-fluid.on-story-preview .left-container, .story-details-page .story-list .story-list__container .story-list__item .container.on-story-preview .left-container, .story-details-page .story-list .story-list__container .story-list__item .dl-horizontal dd.on-story-preview .left-container, .story-details-page .story-list .story-list__container .story-list__item .form-horizontal .form-group.on-story-preview .left-container, .story-details-page .story-list .story-list__container .story-list__item .modal-footer.on-story-preview .left-container, .story-details-page .story-list .story-list__container .story-list__item .panel-body.on-story-preview .left-container, .story-details-page .story-list .story-list__container .story-list__item .row.on-story-preview .left-container, .story-details-page .story-list .story-list__container .story-list__item .user-profile .user-about .panel-body.on-story-preview .left-container { width: 80%; margin: 0px; padding-left: 12px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-width: 0px; } .story-details-page .story-list .story-list__container .story-list__item .btn-group-vertical > .btn-group.on-story-preview .left-container .story-item-title-and-badge, .story-details-page .story-list .story-list__container .story-list__item .btn-toolbar.on-story-preview .left-container .story-item-title-and-badge, .story-details-page .story-list .story-list__container .story-list__item .clearfix.on-story-preview .left-container .story-item-title-and-badge, .story-details-page .story-list .story-list__container .story-list__item .container-fluid.on-story-preview .left-container .story-item-title-and-badge, .story-details-page .story-list .story-list__container .story-list__item .container.on-story-preview .left-container .story-item-title-and-badge, .story-details-page .story-list .story-list__container .story-list__item .dl-horizontal dd.on-story-preview .left-container .story-item-title-and-badge, .story-details-page .story-list .story-list__container .story-list__item .form-horizontal .form-group.on-story-preview .left-container .story-item-title-and-badge, .story-details-page .story-list .story-list__container .story-list__item .modal-footer.on-story-preview .left-container .story-item-title-and-badge, .story-details-page .story-list .story-list__container .story-list__item .panel-body.on-story-preview .left-container .story-item-title-and-badge, .story-details-page .story-list .story-list__container .story-list__item .row.on-story-preview .left-container .story-item-title-and-badge, .story-details-page .story-list .story-list__container .story-list__item .user-profile .user-about .panel-body.on-story-preview .left-container .story-item-title-and-badge { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; } .story-details-page .story-list .story-list__container .story-list__item .btn-group-vertical > .btn-group.on-story-preview .left-container .story-item-title-and-badge .title, .story-details-page .story-list .story-list__container .story-list__item .btn-toolbar.on-story-preview .left-container .story-item-title-and-badge .title, .story-details-page .story-list .story-list__container .story-list__item .clearfix.on-story-preview .left-container .story-item-title-and-badge .title, .story-details-page .story-list .story-list__container .story-list__item .container-fluid.on-story-preview .left-container .story-item-title-and-badge .title, .story-details-page .story-list .story-list__container .story-list__item .container.on-story-preview .left-container .story-item-title-and-badge .title, .story-details-page .story-list .story-list__container .story-list__item .dl-horizontal dd.on-story-preview .left-container .story-item-title-and-badge .title, .story-details-page .story-list .story-list__container .story-list__item .form-horizontal .form-group.on-story-preview .left-container .story-item-title-and-badge .title, .story-details-page .story-list .story-list__container .story-list__item .modal-footer.on-story-preview .left-container .story-item-title-and-badge .title, .story-details-page .story-list .story-list__container .story-list__item .panel-body.on-story-preview .left-container .story-item-title-and-badge .title, .story-details-page .story-list .story-list__container .story-list__item .row.on-story-preview .left-container .story-item-title-and-badge .title, .story-details-page .story-list .story-list__container .story-list__item .user-profile .user-about .panel-body.on-story-preview .left-container .story-item-title-and-badge .title { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; line-height: 22px; color: rgb(18, 18, 18); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .story-details-page .story-list .story-list__container .story-list__item .btn-group-vertical > .btn-group.on-story-preview .left-container .story-item-title-and-badge .paid-stories-badge, .story-details-page .story-list .story-list__container .story-list__item .btn-toolbar.on-story-preview .left-container .story-item-title-and-badge .paid-stories-badge, .story-details-page .story-list .story-list__container .story-list__item .clearfix.on-story-preview .left-container .story-item-title-and-badge .paid-stories-badge, .story-details-page .story-list .story-list__container .story-list__item .container-fluid.on-story-preview .left-container .story-item-title-and-badge .paid-stories-badge, .story-details-page .story-list .story-list__container .story-list__item .container.on-story-preview .left-container .story-item-title-and-badge .paid-stories-badge, .story-details-page .story-list .story-list__container .story-list__item .dl-horizontal dd.on-story-preview .left-container .story-item-title-and-badge .paid-stories-badge, .story-details-page .story-list .story-list__container .story-list__item .form-horizontal .form-group.on-story-preview .left-container .story-item-title-and-badge .paid-stories-badge, .story-details-page .story-list .story-list__container .story-list__item .modal-footer.on-story-preview .left-container .story-item-title-and-badge .paid-stories-badge, .story-details-page .story-list .story-list__container .story-list__item .panel-body.on-story-preview .left-container .story-item-title-and-badge .paid-stories-badge, .story-details-page .story-list .story-list__container .story-list__item .row.on-story-preview .left-container .story-item-title-and-badge .paid-stories-badge, .story-details-page .story-list .story-list__container .story-list__item .user-profile .user-about .panel-body.on-story-preview .left-container .story-item-title-and-badge .paid-stories-badge { margin-right: 4px; flex-shrink: 0; } .story-details-page .story-list .story-list__container .story-list__item .btn-group-vertical > .btn-group.on-story-preview .left-container .icon-bar, .story-details-page .story-list .story-list__container .story-list__item .btn-toolbar.on-story-preview .left-container .icon-bar, .story-details-page .story-list .story-list__container .story-list__item .clearfix.on-story-preview .left-container .icon-bar, .story-details-page .story-list .story-list__container .story-list__item .container-fluid.on-story-preview .left-container .icon-bar, .story-details-page .story-list .story-list__container .story-list__item .container.on-story-preview .left-container .icon-bar, .story-details-page .story-list .story-list__container .story-list__item .dl-horizontal dd.on-story-preview .left-container .icon-bar, .story-details-page .story-list .story-list__container .story-list__item .form-horizontal .form-group.on-story-preview .left-container .icon-bar, .story-details-page .story-list .story-list__container .story-list__item .modal-footer.on-story-preview .left-container .icon-bar, .story-details-page .story-list .story-list__container .story-list__item .panel-body.on-story-preview .left-container .icon-bar, .story-details-page .story-list .story-list__container .story-list__item .row.on-story-preview .left-container .icon-bar, .story-details-page .story-list .story-list__container .story-list__item .user-profile .user-about .panel-body.on-story-preview .left-container .icon-bar { line-height: 24px; } .story-details-page .story-list .story-list__container .story-list__item .btn-group-vertical > .btn-group.on-story-preview .left-container .icon-bar .icon-parts, .story-details-page .story-list .story-list__container .story-list__item .btn-toolbar.on-story-preview .left-container .icon-bar .icon-parts, .story-details-page .story-list .story-list__container .story-list__item .clearfix.on-story-preview .left-container .icon-bar .icon-parts, .story-details-page .story-list .story-list__container .story-list__item .container-fluid.on-story-preview .left-container .icon-bar .icon-parts, .story-details-page .story-list .story-list__container .story-list__item .container.on-story-preview .left-container .icon-bar .icon-parts, .story-details-page .story-list .story-list__container .story-list__item .dl-horizontal dd.on-story-preview .left-container .icon-bar .icon-parts, .story-details-page .story-list .story-list__container .story-list__item .form-horizontal .form-group.on-story-preview .left-container .icon-bar .icon-parts, .story-details-page .story-list .story-list__container .story-list__item .modal-footer.on-story-preview .left-container .icon-bar .icon-parts, .story-details-page .story-list .story-list__container .story-list__item .panel-body.on-story-preview .left-container .icon-bar .icon-parts, .story-details-page .story-list .story-list__container .story-list__item .row.on-story-preview .left-container .icon-bar .icon-parts, .story-details-page .story-list .story-list__container .story-list__item .user-profile .user-about .panel-body.on-story-preview .left-container .icon-bar .icon-parts { color: rgba(18, 18, 18, 0.64); } .story-details-page .story-list .story-list__container .story-list__item .btn-group-vertical > .btn-group.on-story-preview .left-container .icon-bar .tag-item, .story-details-page .story-list .story-list__container .story-list__item .btn-toolbar.on-story-preview .left-container .icon-bar .tag-item, .story-details-page .story-list .story-list__container .story-list__item .clearfix.on-story-preview .left-container .icon-bar .tag-item, .story-details-page .story-list .story-list__container .story-list__item .container-fluid.on-story-preview .left-container .icon-bar .tag-item, .story-details-page .story-list .story-list__container .story-list__item .container.on-story-preview .left-container .icon-bar .tag-item, .story-details-page .story-list .story-list__container .story-list__item .dl-horizontal dd.on-story-preview .left-container .icon-bar .tag-item, .story-details-page .story-list .story-list__container .story-list__item .form-horizontal .form-group.on-story-preview .left-container .icon-bar .tag-item, .story-details-page .story-list .story-list__container .story-list__item .modal-footer.on-story-preview .left-container .icon-bar .tag-item, .story-details-page .story-list .story-list__container .story-list__item .panel-body.on-story-preview .left-container .icon-bar .tag-item, .story-details-page .story-list .story-list__container .story-list__item .row.on-story-preview .left-container .icon-bar .tag-item, .story-details-page .story-list .story-list__container .story-list__item .user-profile .user-about .panel-body.on-story-preview .left-container .icon-bar .tag-item { padding: 0px 4px; font-size: 12px; line-height: 16px; } .story-details-page .story-list .story-list__container .story-list__item .btn-group-vertical > .btn-group.on-story-preview .left-container .small.story-item-description, .story-details-page .story-list .story-list__container .story-list__item .btn-toolbar.on-story-preview .left-container .small.story-item-description, .story-details-page .story-list .story-list__container .story-list__item .clearfix.on-story-preview .left-container .small.story-item-description, .story-details-page .story-list .story-list__container .story-list__item .container-fluid.on-story-preview .left-container .small.story-item-description, .story-details-page .story-list .story-list__container .story-list__item .container.on-story-preview .left-container .small.story-item-description, .story-details-page .story-list .story-list__container .story-list__item .dl-horizontal dd.on-story-preview .left-container .small.story-item-description, .story-details-page .story-list .story-list__container .story-list__item .form-horizontal .form-group.on-story-preview .left-container .small.story-item-description, .story-details-page .story-list .story-list__container .story-list__item .modal-footer.on-story-preview .left-container .small.story-item-description, .story-details-page .story-list .story-list__container .story-list__item .panel-body.on-story-preview .left-container .small.story-item-description, .story-details-page .story-list .story-list__container .story-list__item .row.on-story-preview .left-container .small.story-item-description, .story-details-page .story-list .story-list__container .story-list__item .user-profile .user-about .panel-body.on-story-preview .left-container .small.story-item-description { padding-top: 8px; line-height: 16px; font-size: 12px; color: rgb(111, 111, 111); word-break: break-word; } @media (max-width: 574px) { .story-details-page .story-list .story-list__MW_title { padding-bottom: 8px; font-weight: 700; font-size: 22px; color: rgb(18, 18, 18); } } @media (min-width: 575px) { .story-details-page .story-list .story-list__MW_title { display: none; } } @media (max-width: 574px) { .story-details-page .story-list .story-expanded-carousel { margin: 0px -24px; overflow: hidden; } .story-details-page .story-list .story-expanded-carousel .tag-item { padding: 0px 4px; } .story-details-page .story-list .story-expanded-carousel .story-metadata .more-details-wrapper { padding-bottom: 24px; } } @media (min-width: 575px) { .story-details-page .story-list .story-expanded-carousel { display: none; } } @media (max-width: 574px) { .story-details-page .story-list .story-carousel { padding-top: 24px; margin: 0px -24px; overflow: hidden; } } @media (min-width: 575px) { .story-details-page .story-list .story-carousel { display: none; } } .story-details-page .story-actions { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .story-details-page .story-actions .btn-primary.read-btn { width: 246px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .story-details-page .story-actions .btn-primary.read-btn svg { margin-top: 4px; margin-right: 8px; } .story-details-page .story-actions .btn-primary.add-to-library-btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding: 0px 16px; margin-left: 2px; } .story-details-page .story-actions .btn-primary.add-to-library-btn svg { stroke: rgb(255, 255, 255); } .story-details-page .story-header { width: 100%; box-shadow: rgba(18, 18, 18, 0.16) 0px 8px 12px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: center; justify-content: center; background: rgb(255, 255, 255); padding: 20px; } @media (max-width: 575px) { .story-details-page .story-header { -webkit-box-pack: unset; justify-content: unset; padding: 40px 20px; } } .story-details-page .story-header .story-cover { position: relative; height: 304px; } .story-details-page .story-header .story-cover img { width: 30vw; min-width: 96px; max-width: 184px; background-size: cover; filter: drop-shadow(rgba(18, 18, 18, 0.16) 0px 8px 12px); border-radius: 8px; } .story-details-page .story-header .story-cover .banned-overlay { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; backdrop-filter: blur(2px); background-color: rgba(0, 0, 0, 0.5); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 8px; } @media (max-width: 575px) { .story-details-page .story-header .story-cover { height: 256px; } } @media (max-width: 470px) { .story-details-page .story-header .story-cover { height: 228px; } } @media (max-width: 376px) { .story-details-page .story-header .story-cover { height: 200px; } } .story-details-page .story-header .story-info { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-top: 32px; margin-left: 24px; } @media (max-width: 575px) { .story-details-page .story-header .story-info { margin-top: 24px; } } .story-details-page .story-header .story-info .paid-indicator { font-size: 12px; line-height: 16px; color: rgba(18, 18, 18, 0.64); filter: grayscale(1); } .story-details-page .story-header .story-info .paid-indicator .paid-stories-badge { margin-right: 8px; } .story-details-page .story-header .story-info .story-info__title { height: 83px; width: 344px; overflow: hidden; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 700; font-size: 32px; line-height: 40px; color: rgb(18, 18, 18); } @media (max-width: 575px) { .story-details-page .story-header .story-info .story-info__title { height: 68px; width: 175px; font-size: 26px; line-height: 34px; } } @media (min-width: 576px) { .story-details-page .story-header .story-info .author-info { display: none; } } @media (max-width: 575px) { .story-details-page .story-header .story-info .author-info { margin-top: 12px; } } @media (max-width: 575px) { .story-details-page .story-header .story-info .author-info .author-info__username { width: 16ch; } } .story-details-page .description .description-text { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(18, 18, 18); font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; } .story-details-page .description .story-copyright { color: rgb(18, 18, 18); padding-top: 24px; } .story-details-page .description .story-copyright .fa-wp-neutral-8 { font-size: 12px; padding-right: 4px; float: unset; } .story-details-page .storylanding_top { width: 300px; height: 250px; } .story-details-page .storylanding_top h2 { padding: 70px 0px; } .story-details-page .storylanding_bottom { width: 728px; height: 90px; } .story-details-page .storylanding_bottom h2 { padding: 0px; } .story-details-page .advertisement.storylanding_bottom_mweb { width: 320px; height: 50px; } @media (max-width: 780px) { .story-details-page .advertisement.storylanding_bottom_mweb { margin-bottom: 24px; } } .story-details-page .advertisement.storylanding_bottom_mweb h2 { padding: 0px; } .story-details-page .advertisement { margin-bottom: 24px; } @media (max-width: 780px) { .story-details-page .advertisement { margin-bottom: 40px; } } .story-details-page .advertisement h2 { text-align: center; } .story-details-page .card { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-align: center; align-items: center; padding: 16px 0px 16px 24px; background: rgb(255, 255, 255); border: 1px solid rgba(18, 18, 18, 0.04); box-sizing: border-box; box-shadow: rgba(34, 34, 34, 0.1) 0px 4px 5px, rgba(34, 34, 34, 0.08) 0px 1px 10px; border-radius: 8px; margin-bottom: 8px; text-decoration: none; } .story-details-page .card .card__label > *, .story-details-page .card > * { margin-right: 8px; } .story-details-page .card .card__label { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row; -webkit-box-align: baseline; align-items: baseline; } .story-details-page .card .card__label.column { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column; } .story-details-page .card .card__label .card__title { color: rgb(18, 18, 18); font-weight: 700; font-size: 18px; line-height: 24px; } .story-details-page .card .card__label .card__title .title__name { color: rgba(18, 18, 18, 0.64); padding-left: 8px; font-weight: 400; } .story-details-page .card .card__label .card__description { font-size: 12px; line-height: 18px; color: rgba(18, 18, 18, 0.64); } .story-details-page .card .card__label .card__description.md { font-size: 15px; } .story-details-page .card .card__nav-icon { margin-left: auto; } .story-details-page .card .card__nav-icon--rotated { transform: rotate(90deg); } .story-details-page .card .card__action-icon-premium-content { background: var(--ds-base-2-80); border-radius: 50%; width: 24px; height: 24px; margin-right: 16px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .story-details-page button.card { width: 100%; } .story-500-wrapper { width: 100vw; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; background-color: rgb(255, 255, 255); box-shadow: rgba(18, 18, 18, 0.16) 0px 8px 12px; padding: 80px !important; } .story-500-wrapper .error-500-image { max-width: 204px; margin-right: 24px; } .story-500-wrapper .error-500-info { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } .story-500-wrapper .error-500-info h3 { margin: 0px auto; font-size: 21px; font-weight: 700; line-height: 32px; color: rgb(18, 18, 18); } .story-500-wrapper .error-500-info p { width: 286px; margin-top: 8px; margin-bottom: 0px; font-size: 16px; line-height: 24px; color: rgb(18, 18, 18); } .story-500-wrapper .error-500-info .buttons-500 { margin-top: 16px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .story-500-wrapper .error-500-info .buttons-500 .btn { height: 42px; border-radius: 21px; margin: 0px 4px; font-weight: 700; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } @media (max-width: 575px) { .story-500-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 36px; margin-top: 0px; } .story-500-wrapper .error-500-info { margin-top: 16px; } .story-500-wrapper .error-500-info h3 { font-size: 18px; line-height: 24px; } .story-500-wrapper .error-500-info p { font-size: 14px; line-height: 21px; margin-top: 8px; width: 100%; } .story-500-wrapper .error-500-info .buttons-500 { margin-top: 24px; display: flex; -webkit-box-pack: center; justify-content: center; } } .story-details-page .table-of-contents { background-color: rgb(255, 255, 255); box-shadow: rgba(18, 18, 18, 0.12) 0px 4px 8px 4px; border-radius: 8px; margin: 12px 0px; padding-top: 12px; } .story-details-page .table-of-contents .table-of-contents__header { font-weight: 700; font-size: 22px; line-height: 28px; color: rgb(18, 18, 18); padding: 12px 16px; } .story-details-page .table-of-contents .table-of-contents__header .table-of-contents__last-updated { font-weight: 400; font-size: 18px; padding-left: 16px; line-height: 18px; color: rgba(18, 18, 18, 0.64); } .story-details-page .story-parts ul { margin: 0px; padding: 0px; list-style: none; } .story-details-page .story-parts ul li:last-child .story-parts__part { border-radius: 0px 0px 8px 8px; } .story-details-page .story-parts .part-meta { font-weight: 400; padding-left: 12px; } .story-details-page .story-parts .is-bonus-part { background: rgb(246, 242, 255); } .story-details-page .story-parts .is-bonus-part .part__bonus-type { font-weight: 700; font-size: 14px; color: rgb(59, 25, 169); padding-left: 14px; line-height: 20px; } .story-details-page .story-parts .is-scheduled { background: var(--ds-base-3-20); } .story-details-page .story-parts .is-scheduled .scheduled-date { font-weight: var(--font-weight-bold); color: var(--ds-base-3-60); } .story-details-page .story-parts .story-parts__part { display: flex; -webkit-box-align: center; align-items: center; padding: 16px 12px 16px 4px; text-decoration: none; color: rgb(18, 18, 18); } .story-details-page .story-parts .story-parts__part:hover { background: rgba(18, 18, 18, 0.04); } .story-details-page .story-parts .story-parts__part .left-container { -webkit-box-flex: 1; flex: 1 1 0%; min-width: 0px; } .story-details-page .story-parts .story-parts__part .left-container .part__label { font-size: 18px; line-height: 24px; display: flex; } .story-details-page .story-parts .story-parts__part .left-container .part__label .part-title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .story-details-page .story-parts .story-parts__part .left-container .part__label .icon-container { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 12px; padding-right: 4px; } .story-details-page .story-parts .story-parts__part .left-container .part__label .icon-container .fa-circle-filled { color: rgb(81, 168, 0); } .story-details-page .story-parts .story-parts__part .right-label { white-space: nowrap; text-align: right; display: flex; padding-left: 10px; } .story-details-page .story-parts .story-parts__part .part__icon { flex-shrink: 0; margin-left: 8px; } .story-details-page .story-parts .story-parts__part.new-part { background-color: rgb(245, 254, 242); } .story-details-page .story-parts .story-parts__part.new-part:hover { background: rgb(214, 249, 202); } .story-details-page .story-parts .story-parts__part.bonus-part { padding: 6px 12px 6px 4px; } .story-details-page .story-parts .story-parts__part .part__reading-progress { font-weight: 700; font-size: 12px; line-height: 16px; color: rgb(169, 62, 25); padding-left: 16px; } .story-details-page .story-parts .currently-reading { background: rgb(255, 246, 242); box-shadow: rgb(255, 80, 10) 4px 0px 0px inset; padding: 8px 6px; } .story-details-page .story-parts .deleted-part, .story-details-page .story-parts .draft-part { padding: 6px 12px 6px 4px; } .admin-panel { margin-top: 24px; margin-bottom: 28px; } .admin-panel .admin-panel__header-btn { padding: 0px; width: 100%; border: none; background: 0px 0px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; } .admin-panel .admin-panel__header-btn .admin-header__title { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 22px; color: rgb(18, 18, 18); font-weight: 700; padding-left: 12px; line-height: 28px; } .admin-panel .admin-panel__header-btn .admin-header__chevron { margin-left: auto; } .admin-panel .admin-panel__header-btn .admin-header__chevron--rotated { transform: rotate(90deg); } .admin-panel .admin-panel__content { padding-top: 24px; } .admin-panel .admin-panel__content .author-content { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; width: 100%; } .admin-panel .admin-panel__content .author-content img { width: 40px; height: 40px; border-radius: 24px; } .admin-panel .admin-panel__content .author-content .author-content__details { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; color: rgb(18, 18, 18); padding-left: 12px; } .admin-panel .admin-panel__content .author-content .author-content__details .author-details__username { font-weight: 700; line-height: 22px; font-size: 16px; } .admin-panel .admin-panel__content .author-content .author-content__details .author-details__info { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; font-size: 12px; } .admin-panel .admin-panel__content .author-content .author-content__details .author-details__info .author-info__country::before { content: "•"; padding: 0px 4px; } .admin-panel .admin-panel__content ul.admin-panel-content-grid { padding: 24px 0px 8px; line-height: 42px; list-style-type: none; font-size: 14px; } .admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row { padding: 3px 0px; color: rgb(18, 18, 18); } .admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row .row-name { width: 83px; display: inline-block; line-height: initial; } .admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row.total-reads-row .option-items { color: rgba(18, 18, 18, 0.64); } .admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row .row-controls { position: absolute; } .admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row .row-controls .form-control { width: 256px; } .admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row .row-controls input { position: absolute; height: 0px; width: 0px; } .admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row .row-controls ul.option-items { display: inline-block; padding: 0px; } .admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row .row-controls ul.option-items li { margin-left: 20px; display: inline; } .admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row .row-controls ul.option-items li .cover-upload-btn { display: inline; } .admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row .row-controls ul.option-items li a, .admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row .row-controls ul.option-items li button { font-weight: 400; color: rgb(255, 80, 10); border: none; background: 0px 0px; padding: 0px; } .admin-panel .admin-panel__content ul.admin-panel-content-grid li.admin-panel-content-row .notes { background: rgb(246, 246, 246); padding: 5px; min-height: 100px; max-height: 300px; width: 400px; margin: 0px; border: 1px solid rgb(104, 104, 104); cursor: not-allowed; } @media (max-width: 575px) { .admin-panel { display: none; } } .story-details-page .author-info { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; justify-content: space-around; overflow: visible; -webkit-box-align: center; align-items: center; } .story-details-page .author-info .author-info__badge { width: 24px; height: 24px; border-radius: 12px; } .story-details-page .author-info .author-info__username { padding: 2px 12px 2px 0px; margin-left: 8px; font-size: 18px; line-height: 24px; } .story-details-page .author-info .author-info__username a { color: rgb(18, 18, 18); } .search-bar { color: rgb(18, 18, 18); margin: 16px; position: relative; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-align: center; align-items: center; } .search-bar .search-bar__icon { position: absolute; left: 16px; pointer-events: none; } .search-bar .search-bar__input { -webkit-box-flex: 1; flex: 1 0 auto; padding: 8px 16px 8px 56px; background: rgba(18, 18, 18, 0.04); border: 1px solid rgba(18, 18, 18, 0.12); border-radius: 20px; font-size: 16px; line-height: 22px; color: rgb(18, 18, 18); } .search-bar .search-bar__input::-webkit-input-placeholder { color: rgba(18, 18, 18, 0.64); } .search-bar .search-bar__input::placeholder { color: rgba(18, 18, 18, 0.64); } .search-bar .search-bar__cancel { border: none; background: 0px 0px; font-size: 14px; font-weight: 700; line-height: 20px; color: rgb(18, 18, 18); margin-left: 16px; } @media (max-width: 324px) { .search-bar { margin: 16px 0px; } } .list-group-item.new-item .profile-card { display: flex; -webkit-box-pack: justify; justify-content: space-between; width: 100%; max-width: 672px; margin: 0px auto; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(34, 34, 34, 0.1) 0px 4px 5px, rgba(34, 34, 34, 0.08) 0px 1px 10px; border-radius: 4px; } .list-group-item.new-item .profile-card:hover { background-color: rgb(250, 250, 250); } @media (min-width: 1072px) { .list-group-item.new-item .profile-card { width: 672px; max-width: 100%; } } .list-group-item.new-item .profile-card .profile-card-data { display: flex; -webkit-box-flex: 1; flex-grow: 1; padding: 16px 0px; min-width: 0px; } .list-group-item.new-item .profile-card .profile-card-data .display-pic { width: 40px; height: 40px; margin: 0px 0px 0px 8px; border-radius: 50%; align-self: center; min-width: 40px; } @media (min-width: 720px) { .list-group-item.new-item .profile-card .profile-card-data .display-pic { width: 80px; height: 80px; margin-left: 16px; min-width: 80px; } } .list-group-item.new-item .profile-card .profile-card-data .card-content { white-space: nowrap; overflow: hidden; margin: 0px 16px 0px 8px; } @media (min-width: 720px) { .list-group-item.new-item .profile-card .profile-card-data .card-content { margin: 0px 16px; } } .list-group-item.new-item .profile-card .profile-card-data .card-content .name-and-badges { display: flex; } .list-group-item.new-item .profile-card .profile-card-data .card-content .name-and-badges h5 { overflow: hidden; text-overflow: ellipsis; line-height: 22px; } @media (min-width: 720px) { .list-group-item.new-item .profile-card .profile-card-data .card-content .name-and-badges h5 { line-height: 28px; font-size: 22px; } } .list-group-item.new-item .profile-card .profile-card-data .card-content .name-and-badges h5 .user-badge { display: inline-flex; vertical-align: bottom; padding-right: 8px; } @media (min-width: 720px) { .list-group-item.new-item .profile-card .profile-card-data .card-content .name-and-badges h5 .user-badge { margin-bottom: 3px; } } .list-group-item.new-item .profile-card .profile-card-data .card-content .name-and-badges h5 .user-badge:first-child { padding-left: 8px; } .list-group-item.new-item .profile-card .profile-card-data .card-content .username { margin: 0px; font-size: 14px; line-height: 20px; } @media (min-width: 720px) { .list-group-item.new-item .profile-card .profile-card-data .card-content .username { font-size: 18px; line-height: 24px; } } .list-group-item.new-item .profile-card .profile-card-data .card-content .card-meta { display: flex; margin-top: 8px; overflow: unset; white-space: normal; } .list-group-item.new-item .profile-card .profile-card-data .card-content .card-meta p { color: rgb(34, 34, 34); margin: 0px 16px 0px 0px; font-size: 16px; line-height: 22px; } @media (max-width: 1408px) { .list-group-item.new-item .profile-card .profile-card-data .card-content .card-meta p { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: center; } } .list-group-item.new-item .profile-card .profile-card-data .card-content .card-meta p:last-child { margin: 0px; } @media (max-width: 719px) { .list-group-item.new-item .profile-card .profile-card-data .card-content .card-meta { display: none; } } .list-group-item.new-item .profile-card .follow { margin: auto 16px auto 0px; border: none; display: flex; } @media (min-width: 720px) { .list-group-item.new-item .profile-card .follow:hover path { fill: rgb(255, 255, 255); } } @media (max-width: 719px) { .list-group-item.new-item .profile-card .follow { padding: 0px; background-color: transparent; } } .list-group-item.new-item .profile-card .follow .follow__icon { margin: 0px; } @media (min-width: 720px) { .list-group-item.new-item .profile-card .follow .follow__icon { margin-right: 4px; } } @media (max-width: 719px) { .list-group-item.new-item .profile-card .follow .follow__text { display: none; } } .list-group-item.new-item .profile-card .active .follow__icon path { fill: rgb(255, 97, 34); } @media (min-width: 720px) { .list-group-item.new-item .profile-card .active { background-color: rgb(169, 62, 25); color: rgb(255, 255, 255); } .list-group-item.new-item .profile-card .active .follow__icon path { fill: rgb(255, 255, 255); } } .story-card-data { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; height: 220px; padding: 8px; margin: 8px 4px; border-radius: 4px; background-color: rgb(255, 255, 255); box-shadow: rgba(34, 34, 34, 0.1) 0px 4px 5px, rgba(34, 34, 34, 0.08) 0px 1px 10px; } .story-card-data .cover { min-height: 100%; min-width: 133px; border-radius: 4px; } .story-card-data .cover img { box-shadow: rgba(34, 34, 34, 0.08) 0px 3px 14px 2px, rgba(34, 34, 34, 0.1) 0px 8px 10px 1px; border-radius: 4px; } .story-card-data .story-info { height: 100%; padding: 8px 0px 0px 8px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .story-card-data .story-info .title { min-height: 56px; margin-bottom: 8px; align-self: flex-start; font-style: normal; font-weight: 700; font-size: 22px; line-height: 28px; color: rgb(18, 18, 18); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } @supports (-webkit-line-clamp:2) { .story-card-data .story-info .title { white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } .story-card-data .story-info .icon-bar { margin-bottom: 8px; } .story-card-data .story-info .icon-bar .paid-icon { margin-right: 4px; } .story-card-data .story-info .icon-bar .tag-item { padding: 0px 10px; border: 1px solid rgb(238, 238, 238); font-size: 14px; line-height: 18px; } .story-card-data .story-info .new-story-stats { margin: 0px 0px 8px; } .story-card-data .description { width: 100%; padding-right: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-word; } @supports (-webkit-line-clamp:3) { .story-card-data .description { white-space: initial; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } } .story-card-container .story-card-data { margin: 0px; } @media (min-width: 1072px) { .story-card-data .new-story-stats .stats-item { padding: 0px 8px; } .story-card-data .new-story-stats .stats-item:first-of-type { padding-left: 0px; } .story-card-data .new-story-stats .stats-item:last-of-type { padding-right: 0px; } } .story-card:hover:focus { outline: -webkit-focus-ring-color auto 5px; } .story-card-data:hover { text-decoration: none; background: rgb(250, 250, 250); } @media (max-width: 575px) { .story-card-data { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .story-card-data .top-section { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; height: 133px; margin-bottom: 8px; } .story-card-data .top-section .story-info { padding: 0px; } .story-card-data .top-section .title { margin-top: 8px; } .story-card-data .top-section .cover { min-width: 88px; } .story-card-data .top-section .icon-bar .tag-item { font-size: 12px; line-height: 16px; } .story-card-data .top-section .new-story-stats { width: max-content; margin-bottom: 3px; } .story-card-data .top-section .new-story-stats .stats-item { padding: 0px 8px; } .story-card-data .top-section .new-story-stats .stats-item:first-of-type { padding-left: 0px; } .story-card-data .top-section .new-story-stats .stats-item:last-of-type { padding-right: 0px; } .story-card-data .top-section .new-story-stats .stats-item .stats-label__text { font-size: 10px; line-height: 11px; } .story-card-data .top-section .new-story-stats .stats-item .stats-value { font-size: 12px; line-height: 16px; } .story-card-data:hover { text-decoration: none; background: rgb(247, 247, 247); } } @media (max-width: 575px) and (max-width: 356px) { .story-card-data .top-section .new-story-stats .stats-item { padding: 0px 4px; } } @media (max-width: 575px) and (max-width: 356px) { .story-card-data .top-section .new-story-stats .stats-item .stats-label__text { font-size: 9px; } } @media (max-width: 575px) and (max-width: 356px) { .story-card-data .top-section .new-story-stats .stats-item .stats-value { font-size: 11px; } } .recent-searches { color: rgb(18, 18, 18); line-height: 22px; margin: 0px 16px; } .recent-searches__heading { font-size: 18px; font-weight: 600; line-height: normal; margin: 0px; } .recent-searches__results-list { margin: 0px; padding: 0px; list-style: none; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column nowrap; } .recent-searches__list-item { margin-top: 10px; font-size: 14px; color: rgb(104, 104, 104); } @media (min-width: 576px) { .recent-searches__list-item { font-size: 15px; margin-top: 20px; } } .recent-searches__item-link, .recent-searches__item-link:hover { display: flex; -webkit-box-align: center; align-items: center; color: rgb(111, 111, 111); text-decoration: none; } .recent-searches__item-icon { flex-shrink: 0; margin-right: 8px; pointer-events: none; } .educational-banner__message { padding: 8px; margin: 5px 0px 20px; border: 1px solid rgb(188, 232, 241); border-radius: 5px; font-weight: 700; background-color: rgb(217, 237, 247); color: rgb(49, 112, 143); } .educational-banner__message a { color: rgb(49, 112, 143); text-decoration: underline; } .results-people-update .panel.feed-item-new .list-group.list-container { overflow: unset; padding-bottom: 16px; } .results-people-update .panel.feed-item-new .list-group.list-container .new-item { background: 0px 0px; padding-bottom: 8px; } @media (min-width: 720px) { .results-people-update .panel.feed-item-new .list-group.list-container .new-item { padding-bottom: 16px; } } .results-people-update .panel.feed-item-new .btn-load-more.load-more { margin: 0px auto 48px; display: block; } @media (min-width: 768px) { .results-people-update .panel.feed-item-new .btn-load-more.load-more { margin-bottom: 56px; } } .story-card-container { width: 672px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } @media (min-width: 944px) and (max-width: 1408px) { .story-card-container { width: 500px; } } @media (max-width: 720px) { .story-card-container { width: 92vw; } } .story-card-container .list-group.new-list-group { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; overflow: visible; } .story-card-container .list-group.new-list-group .list-group-item { padding: 8px 0px; background: 0px 0px; } .story-card-container .list-group.new-list-group .list-group-item .story-card { padding: 0px; background: rgb(255, 255, 255); } .story-card-container .list-group.new-list-group .more-stories { list-style: none; border-bottom: none; } .story-card-container .btn-load-more { margin: 24px 0px 16px; } .story-card-container .results { color: rgb(18, 18, 18); font-size: 14px; line-height: 20px; margin-bottom: 16px; } #browse-topics .browse-title { color: rgb(34, 34, 34); font-size: 24px; font-weight: 700; line-height: 1.33; margin-bottom: 16px; margin-left: 16px; } .topics-container { display: flex; flex-wrap: wrap; margin-left: 16px; } .topics-container .browse-topic-tile { display: flex; -webkit-box-align: center; align-items: center; height: 104px; width: 225px; border-radius: 4px; box-shadow: rgba(34, 34, 34, 0.08) 0px 1px 10px 0px, rgba(34, 34, 34, 0.1) 0px 4px 5px 0px; margin: 0px 20px 16px 0px; background-color: rgb(250, 250, 250); color: rgb(34, 34, 34); font-size: 18px; font-weight: 700; line-height: 1.33; padding-left: 20px; padding-right: 100px; background-size: 100px; background-repeat: no-repeat; background-position: right center; } @media (max-width: 575px) { .topics-container .browse-topic-tile { width: 45%; height: 72px; margin-right: 8px; margin-bottom: 8px; padding-left: 8px; padding-right: 72px; font-size: 14px; line-height: 1.29; background-size: 65px; } } #search-page #search-controls .search-tabs ul { display: flex; list-style-type: none; margin: 0px; padding: 0px; min-height: 56px; } #search-page #search-controls .search-tabs ul li { text-align: center; margin-right: 24px; } @media (max-width: 575px) { #search-page #search-controls .search-tabs ul li { margin-right: 16px; } } #search-page #search-controls .search-tabs ul li a { display: block; padding: 6px 0px; text-decoration: none; color: rgba(18, 18, 18, 0.64); font-size: 32px; line-height: 40px; } @media (max-width: 575px) { #search-page #search-controls .search-tabs ul li a { font-size: 22px; } } #search-page #search-controls .search-tabs ul li a.active { color: rgb(18, 18, 18); font-weight: 700; border-bottom: 4px solid rgb(255, 97, 34); } #search-page #search-controls .search-tabs ul li a:hover { outline: 0px; } .empty-search-results { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; padding-top: 56px; width: 672px; } @media (min-width: 944px) and (max-width: 1408px) { .empty-search-results { width: 500px; } } @media (max-width: 720px) { .empty-search-results { width: 92vw; } } .empty-search-results .message { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; width: 286px; } .empty-search-results .message h4 { color: rgb(34, 34, 34); font-size: 22px; line-height: 28px; font-weight: 700; margin-top: 16px; } .empty-search-results .message .message { color: rgb(34, 34, 34); font-size: 16px; line-height: 22px; text-align: center; } .story-card-skeleton { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 220px; padding: 8px; border-radius: 4px; border: 1px solid rgb(238, 238, 238); background-color: rgb(255, 255, 255); box-shadow: rgba(34, 34, 34, 0.1) 0px 4px 5px, rgba(34, 34, 34, 0.08) 0px 1px 10px; } .story-card-skeleton .top-section { display: flex; -webkit-box-pack: justify; justify-content: space-between; } .story-card-skeleton .top-section .cover-skeleton { width: 88px; height: 136px; } .story-card-skeleton .top-section .title-skeleton { width: 100%; padding: 8px 8px 0px; } .story-card-skeleton .bottom-section { height: 100%; padding-top: 8px; } .filter { margin-bottom: 40px; } .filter .filter__title { line-height: 24px; font-size: 18px; font-weight: 700; color: rgb(18, 18, 18); margin: 4px; } .filter .filter__description { line-height: 16px; font-size: 12px; color: rgba(18, 18, 18, 0.64); margin: 4px; } .filter .filter__options { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column nowrap; margin: 8px 0px; } .filter .filter__options .c-checkbox { padding: 4px 0px 4px 8px; margin-bottom: 8px; } .filter .filter__options .c-checkbox:hover { background-color: rgb(255, 246, 242); border-radius: 8px; } .filter .filter__options .c-checkbox.label-active { background-color: rgb(255, 246, 242); border-radius: 8px; } .password-fields .control-label { color: rgb(34, 34, 34); margin-bottom: 0px; } .password-fields .form-group { margin: 0px !important; } .password-fields .field-container { margin-bottom: 16px; } .password-fields .has-msg { margin-bottom: 10px; } .password-fields .password-container { display: flex; width: 100%; position: relative; } .password-fields .password-container .field-valid-check { position: absolute; top: 14px; right: 12px; } .password-fields .password-container .password-show { align-self: center; color: var(--ds-base-6-60); font-size: 16px; font-weight: var(--font-weight-bold); position: absolute; right: 16px; padding: 0px; } @media not all, not all { .password-fields .password-container .password-show { position: absolute; top: 35px; } } .password-fields .password-container .valid ~ .password-show { right: 48px; } .password-fields .form-control { box-shadow: none; border-radius: 4px; font-size: 16px; background-color: rgb(250, 250, 250); color: rgb(34, 34, 34); margin-top: 4px; height: 48px; } .password-fields .form-control:focus { border: 1px solid rgb(34, 34, 34); border-radius: 4px; } .password-fields .form-control.valid { border-color: rgb(0, 133, 78); outline: 0px; } .password-fields .form-control.invalid { border-color: var(--ds-base-4-60); outline: 0px; } .password-fields .field-message { color: rgb(34, 34, 34); font-size: small; line-height: 18px; margin-top: 3px; } .password-fields .field-message.password-strength { margin-bottom: 10px; } .password-fields .field-message.password-rules ul { padding-left: 20px; padding-bottom: 10px; } .c-checkbox { font-size: 18px; line-height: 24px; } .c-checkbox input[type="checkbox"] { position: absolute; opacity: 0; z-index: -1; margin: 0px; } .c-checkbox input[type="checkbox"] + div { cursor: pointer; color: rgb(18, 18, 18); user-select: none; position: relative; display: flex; min-height: 24px; -webkit-box-align: center; align-items: center; } .c-checkbox input[type="checkbox"] + div::before { content: ""; border-radius: 3px; display: inline-block; width: 18px; min-width: 18px; height: 18px; margin: 3px; } .c-checkbox input[type="checkbox"] + div:not(.checked).invalid::before { border: 1px solid var(--ds-base-4-60); } .c-checkbox input[type="checkbox"] + div:not(.checked)::before { border: 1px solid rgb(18, 18, 18); } .c-checkbox input[type="checkbox"] + div .c-checkbox__content { margin-left: 8px; } .c-checkbox input[type="checkbox"][disabled] + div { cursor: not-allowed; } .c-checkbox input[type="checkbox"][disabled] + div::before { opacity: 0.2; } .c-checkbox input[type="checkbox"]:focus + div::before { outline: -webkit-focus-ring-color auto 5px; } .c-checkbox input[type="checkbox"]:focus:not(:focus-visible) + div::before { outline: 0px; } .c-checkbox .checked::before { background: rgb(18, 18, 18); border-color: rgb(255, 97, 34); } .c-checkbox .checked .check-icon { position: absolute; left: 0.3em; } .profile-card-skeleton { display: flex; -webkit-box-align: center; align-items: center; width: 100%; height: 76px; max-width: 672px; margin: 0px auto; border-radius: 4px; background-color: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); box-shadow: rgba(34, 34, 34, 0.1) 0px 4px 5px, rgba(34, 34, 34, 0.08) 0px 1px 10px; } @media (min-width: 768px) { .profile-card-skeleton { height: 116px; } } .profile-card-skeleton .profile-avatar { margin: 0px 8px; width: 40px; height: 40px; min-width: 40px; background-color: rgba(18, 18, 18, 0.32); } @media (min-width: 768px) { .profile-card-skeleton .profile-avatar { margin: 0px 16px; width: 80px; height: 80px; min-width: 80px; } } .profile-card-skeleton .card-content-region { margin-right: 16px; width: 304px; } .profile-card-skeleton .card-content-region .title-skeleton { margin-bottom: 8px; } .profile-card-skeleton .card-content-region .subtitle-skeleton { width: 120px; } @media (min-width: 768px) { .profile-card-skeleton .card-content-region .subtitle-skeleton { margin-bottom: 8px; } } .profile-card-skeleton .card-content-region .card-meta-region { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .profile-card-skeleton .card-content-region .card-meta-region div { margin-right: 16px; } .profile-card-skeleton .card-content-region .card-meta-region:last-child { margin-right: 0px; } @media (max-width: 767px) { .profile-card-skeleton .card-content-region .card-meta-region { display: none; } } .profile-skeleton-container .profile-card-skeleton { margin-bottom: 16px; max-width: 672px; } @media (min-width: 1072px) { .profile-skeleton-container .profile-card-skeleton { width: 672px; } } @media (min-width: 720px) and (max-width: 943px) { .profile-skeleton-container .profile-card-skeleton { width: 672px; } } .report-input-field { margin-bottom: 16px; max-width: 420px; } .report-input-field label { display: block; font-weight: 400; } .report-input-field label span { color: rgb(224, 0, 0); } .report-input-field textarea { resize: vertical; min-height: 34px; } .report-input-field input, .report-input-field textarea { width: 100%; display: block; background: rgb(250, 250, 250); border: 1px solid rgba(18, 18, 18, 0.04); border-radius: 4px; padding: 4px 8px; font-size: 16px; color: rgb(18, 18, 18); } .report-input-field input:focus, .report-input-field textarea:focus { outline: 0px; border: 1px solid rgb(18, 18, 18); } .submitted .report-input-field input:invalid, .submitted .report-input-field textarea:invalid { border: 1px solid rgb(224, 0, 0); } .report-dropdown-field { margin-bottom: 16px; max-width: 420px; } .report-dropdown-field label { display: block; font-weight: 400; } .report-dropdown-field label span { color: rgb(224, 0, 0); } .report-dropdown-field select { width: 100%; display: block; background: rgb(250, 250, 250); border: 1px solid rgba(18, 18, 18, 0.04); border-radius: 4px; padding: 4px 8px; font-size: 16px; color: rgb(18, 18, 18); } .report-dropdown-field select:focus { outline: 0px; border: 1px solid rgb(18, 18, 18); } .submitted .report-dropdown-field select:invalid { border: 1px solid rgb(224, 0, 0); } .report-checkbox-field { margin-bottom: 4px; } .report-checkbox-field .c-checkbox { margin: 0px; font-weight: 400; } .report-checkbox-field .c-checkbox span { color: rgb(224, 0, 0); } .report-checkbox-field .c-checkbox .c-checkbox__content { font-size: 16px; } .help-dmca-page { margin: auto; max-width: 800px; padding: 0px 16px; } .help-dmca-page .info, .help-dmca-page .success, .help-dmca-page h1, .help-dmca-page h2, .help-dmca-page label { color: rgb(34, 34, 34); } .help-dmca-page h1 { font-size: 32px; } .help-dmca-page h2 { font-size: 21px; } .help-dmca-page .info { margin-bottom: 24px; } .help-dmca-page .important { font-weight: 700; } .help-dmca-page .form-container { margin: 24px 0px; } .help-dmca-page .form-container .error-message { color: rgb(224, 0, 0); font-weight: 700; margin-bottom: 10px; } .comments-list { background-color: rgb(255, 255, 255); } .comments-list .show-more-btn { padding: 16px; } .comments-list .go-back { padding: 12px 16px; } .comments-list .go-back .info { font-weight: 700; font-size: 12px; line-height: 12px; margin-bottom: 8px; color: rgb(18, 18, 18); } .comments-list .go-back .info .fa-info { margin-right: 4px; vertical-align: middle; } .comments-list .loader-animation-wrapper { display: flex; -webkit-box-pack: center; justify-content: center; padding: 16px; } .comments-list .loader-animation-wrapper #loader-light { height: 27px; width: 44px; } .comments-list .advertisement-wrapper, .comments-list .comment-ad.loaded { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; padding-bottom: 16px; } .comments-list .advertisement-wrapper::before, .comments-list .comment-ad.loaded::before { content: ""; width: 100%; margin-bottom: 16px; } .comments-list .show-more-replies-wrapper { color: rgba(18, 18, 18, 0.64); display: flex; margin: 4px 0px; padding-left: 60px; padding-right: 12px; -webkit-box-pack: start; justify-content: flex-start; } .comments-list .show-more-replies-wrapper .show-more-replies-hr { width: 40px; margin: 9px 0px; margin-inline: 0px; border-top: 1px solid rgba(18, 18, 18, 0.32); } .comments-list .show-more-replies-wrapper .show-more-replies-btn { border: none; font-weight: 700; font-size: 14px; line-height: 18px; height: fit-content; background-color: rgb(255, 255, 255); } .comment-options { max-width: 350px; min-width: 170px; padding: 11px 16px; } .comment-options .option, .comment-options a { padding: 0px; width: 100%; display: flex; -webkit-box-align: center; align-items: center; } .comment-options .option span, .comment-options a span { text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: 600; color: rgb(18, 18, 18); } .comment-options .option:not(:first-child), .comment-options a:not(:first-child) { margin-top: 8px; } .comment-options .option:hover, .comment-options a:hover { color: rgb(18, 18, 18); text-decoration: underline; } .comment-options .option svg, .comment-options a svg { margin-right: 8px; } .new-comment-field { top: 52px; z-index: 1; padding: 12px 16px; background-color: rgb(255, 255, 255); } .new-comment-field.sticky { position: sticky; } .new-comment-field.reply { padding-left: 60px; background-color: rgb(246, 246, 246); } .new-comment-field.replyTo { padding-left: 88px; } .new-comment-field .reply-to-user { font-size: 12px; margin-top: -12px; } .comments-empty-stage { -webkit-box-flex: 1; flex: 1 1 0%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 40px 0px; } .comments-empty-stage .message { line-height: 20px; font-size: 14px; font-weight: 700; color: rgb(18, 18, 18); margin-top: 16px; margin-bottom: 24px; } .comment-card-container { position: relative; } .comment-item-options-dropdown { z-index: 1051; margin: 0px; box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 12px; } .comment-item-options-dropdown.sp { z-index: 1000; } .comment-item-options-dropdown.pa { z-index: 1033; } .comment-item-options-dropdown[data-placement^="bottom"] .react-popover-arrow { border-width: 0px 10px 10px; margin-top: -2px; margin-left: -2px; } .comment-item-options-dropdown[data-placement^="top"] .react-popover-arrow { border-width: 10px 10px 0px; margin-bottom: -2px; margin-left: -2px; } .paragraph-comments-drawer .modal-backdrop { z-index: 1030; } .paragraph-comments-drawer .drawer-content { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: fixed; top: 0px; right: 0px; height: 100%; width: 100%; z-index: 1032; overflow: hidden auto; background-color: rgb(255, 255, 255); box-shadow: rgba(18, 18, 18, 0.32) 0px 5px 15px; opacity: 0; transform: translate(460px, 0px); transition: transform 0.3s ease-out 0s, opacity 0.3s ease 0s, -webkit-transform 0.3s ease-out 0s; } .paragraph-comments-drawer .drawer-content.open { opacity: 1; transform: translate(0px, 0px); } .paragraph-comments-drawer .drawer-content .drawer-header { top: 0px; z-index: 1033; display: flex; position: sticky; background-color: rgb(255, 255, 255); } .paragraph-comments-drawer .drawer-content .drawer-header .drawer-title { -webkit-box-flex: 1; flex: 1 1 0%; font-size: 16px; font-weight: 700; line-height: 22px; text-align: center; color: rgb(18, 18, 18); margin: 15px 0px 15px 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .paragraph-comments-drawer .drawer-content .drawer-header .close-btn { background: 0px 0px; border: none; padding: 19px; } .paragraph-comments-drawer .drawer-content .drawer-header .close-btn span { display: block; } .paragraph-comments-drawer .drawer-content .drawer-body { -webkit-box-flex: 1; flex: 1 1 0%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .paragraph-comments-drawer .drawer-content .drawer-body .comments-list { -webkit-box-flex: 1; flex: 1 1 0%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .paragraph-comments-drawer .drawer-content .drawer-body .paragraph-content { padding: 16px; background: rgb(246, 246, 246); } .paragraph-comments-drawer .drawer-content .drawer-body .paragraph-content pre { color: rgb(18, 18, 18); margin: 0px; line-height: inherit; } .paragraph-comments-drawer .drawer-content .drawer-body .paragraph-content pre p[data-media-type] { margin: 0px; line-height: 0; } .paragraph-comments-drawer .drawer-content .drawer-body .paragraph-content pre p[data-media-type] img { width: 100%; height: auto; } .paragraph-comments-drawer .drawer-content .drawer-body .paragraph-content pre figure { line-height: 0; } @media (min-width: 460px) { .paragraph-comments-drawer .drawer-content { width: 460px; } } #story-part-navigation { padding-top: 20px; margin: 0px 16px; } #story-part-navigation .message { color: rgb(18, 18, 18); font-size: 18px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; } #story-part-navigation .message .top-message { margin-bottom: 24px; font-weight: 700; font-size: 22px; line-height: 30px; } #story-part-navigation .message .top-message .title { color: rgb(169, 62, 25); } #story-part-navigation .message .last-updated-text { font-size: 18px; font-weight: 700; text-align: center; margin-bottom: 16px; } #story-part-navigation .message .bottom-message { margin-bottom: 44px; } .blocked-story-info-container { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding-top: 10px; } .blocked-story-info-container .blocked-story-info-wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 24px; max-width: 600px; } .blocked-story-info-container .blocked-story-info-wrapper .blocked-story-info-content { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 16px; text-align: center; } .blocked-story-info-container .blocked-story-info-wrapper .blocked-story-info-content .blocked-story-info-message { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 4px; text-align: center; } .blocked-story-info-container .blocked-story-info-wrapper .blocked-story-info-content .blocked-story-info-message .blocked-story-info-title { color: var(--ds-neutral-100-solid); font-size: 28px; font-weight: var(--font-weight-bold); line-height: 30px; margin: 0px; } .blocked-story-info-container .blocked-story-info-wrapper .blocked-story-info-content .blocked-story-info-message .blocked-story-info-description { margin: 0px; max-width: 450px; color: rgb(104, 104, 104); font-size: 16px; font-weight: 400; line-height: 24px; } .blocked-story-info-container .blocked-story-info-wrapper .blocked-story-info-actions { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 12px; max-width: 350px; width: 100%; } @media (max-width: 626px) { .blocked-story-info-container { padding: 40px 14px; } .blocked-story-info-container .blocked-story-info-image { width: 220px; } } .continue-reading { border-style: solid; border-color: rgb(63, 111, 12); border-width: 2px 0px; background-color: rgb(245, 254, 242) !important; } .continue-reading h4 { color: rgb(18, 18, 18) !important; } .continue-reading .module-content { display: flex; -webkit-box-pack: start; justify-content: flex-start; height: 550px !important; } @media (max-width: 425px) { .continue-reading .module-content { height: 440px !important; } } .continue-reading .module-content .carousel-container { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; min-width: 1100px; overflow-x: hidden; } @media (max-width: 1060px) { .continue-reading .module-content .carousel-container { min-width: auto; width: 100%; -webkit-box-pack: start; justify-content: start; height: fit-content; } } .continue-reading .module-content .carousel-container .continue-reading-carousel { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: start; justify-content: flex-start; max-width: 1000px; min-width: 400px; width: fit-content; padding: 0px 20px; transition: transform 250ms ease-in-out 0s, -webkit-transform 250ms ease-in-out 0s; overflow-y: clip; } @media (max-width: 425px) { .continue-reading .module-content .carousel-container .continue-reading-carousel div[class*="story_slide_container__"] { padding-right: 10px; } } @media (max-width: 425px) { .continue-reading .module-content .carousel-container .continue-reading-carousel .one-slide-section { padding-right: 20px; } } .continue-reading .module-content .btn-container { z-index: 10; min-width: 50px; display: flex; -webkit-box-pack: center; justify-content: center; height: 370px; background: rgb(245, 254, 242) !important; } @media (max-width: 1050px) { .continue-reading .module-content .btn-container { display: none; } } .continue-reading .module-content .btn-container button { background: 0px 0px; border: none; } .info-bar { display: flex; margin: 24px 0px; padding: 8px 12px; -webkit-box-align: center; align-items: center; gap: 12px; border-radius: 6px; border: 1px solid var(--ds-neutral-40-solid); background: var(--ds-neutral-20-solid); } .info-bar .leading-icon { flex-shrink: 0; } .info-bar .text { margin: 0px; } .info-bar .learn-more-link { color: var(--ds-base-3-60); } .inbox-empty { display: flex; padding: 32px 24px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 4px; align-self: stretch; } .inbox-empty .typography-heading-x-small { text-align: center; } .inbox-empty .typography-paragraph-medium { text-align: center; } .signup-prompt-container { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; min-height: fit-content; } .signup-prompt-main { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .signup-prompt-form { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 40px; max-width: 360px; margin: 40px; } @media (min-width: 801px) { .signup-prompt-main { width: 53%; } } .login-form-container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 24px; justify-self: center; width: 320px; } @media (min-width: 801px) { .signup-form-container { margin: 64px; } .login-form-container { margin: 64px; } } @media (max-width: 801px) { .signup-form-container { margin: 16px; } .login-form-container { margin: 16px; } } .signup-prompt-expanded { align-self: stretch; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; gap: 48px; background-color: var(--ds-base-5-40); padding: 24px 48px; width: 47%; } .signup-prompt-graphic { align-self: center; max-width: 400px; } @media (max-width: 800px) { .signup-header > .checklist-container { display: flex; } .signup-prompt-expanded { display: none; } } @media (min-width: 801px) { .signup-header > .checklist-container { display: none; } .signup-prompt-expanded { display: flex; } } .auth-button-text-new { color: var(--ds-neutral-100-solid); text-align: center; font-style: normal; font-weight: var(--font-weight-bold); line-height: var(--line-height-xs); } .login-form-container .auth-form-padding { padding: 0px; margin: 0px; } .signup-form-container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 24px; justify-self: center; max-width: 360px; } .signup-form-container h1 { line-height: 36px; margin: 8px 0px 0px; font-weight: 700; text-align: center; color: rgb(34, 34, 34); font-size: 22px; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; } .signup-form-container h2, .signup-form-container p { margin-bottom: 6px; text-align: center; padding: 0px 40px; font-size: 14px; line-height: 20px; margin-top: 8px; color: rgb(34, 34, 34); } .signup-form-container .back-button { margin-bottom: 24px; } .signup-form-container .tool-tip { max-width: 200px; padding: 3px 8px; color: rgb(255, 255, 255); text-align: center; text-decoration: none; background-color: rgb(34, 34, 34); border-radius: 3px; } .signup-form-container .field-label { display: flex; -webkit-box-align: center; align-items: center; text-align: left; } .signup-form-container .field-label .field-label-text { display: inline-block; font-weight: 700; margin: 0px 5px 0px 0px; } .signup-form-container .field-label .tooltip-icon { position: relative; top: 2px; } .signup-form-container .panel-body { color: rgb(34, 34, 34); font-size: 18px; padding: 12px 33px 20px; } .signup-form-container .panel-body .form-group { margin-bottom: 24px; text-align: left; } .signup-form-container .panel-body .form-group .control-label, .signup-form-container .panel-body .form-group .form-label { font-weight: 700; color: rgb(34, 34, 34); font-size: 18px; } .signup-form-container .panel-body .form-group .form-control:not(.password-field) { box-shadow: none; border-radius: 4px; font-size: 16px; background-color: rgb(250, 250, 250); color: rgb(34, 34, 34); margin-top: 4px; height: 48px; } .signup-form-container .panel-body .form-group .form-control:not(.password-field):focus { border: 1px solid rgb(34, 34, 34); border-radius: 4px; } .signup-form-container .panel-body .form-group.valid input { border-color: rgb(0, 133, 78); outline: 0px; } .signup-form-container .panel-body .form-group.invalid input { border-color: var(--ds-base-4-60); outline: 0px; } .signup-form-container .panel-body .birthday-info { display: flex; -webkit-box-align: center; align-items: center; text-align: left; } .signup-form-container .panel-body .birthday-container { width: 100%; margin-bottom: 16px; } .signup-form-container .panel-body .birthday-container .birthday-fields { width: 100%; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; } .signup-form-container .panel-body .birthday-container .birthday-fields .form-group { margin-bottom: 0px; } .signup-form-container .panel-body .birthday-container .birthday-fields .day, .signup-form-container .panel-body .birthday-container .birthday-fields .month, .signup-form-container .panel-body .birthday-container .birthday-fields .year { width: 30%; } .signup-form-container .panel-body .birthday-container .birthday-fields .birthday-dropdowns { display: flex; margin-top: 4px; } .signup-form-container .panel-body .birthday-container .birthday-fields .birthday-dropdowns select { line-height: 20px; padding-right: 0px; } .signup-form-container .panel-body .birthday-container .birthday-fields .pronoun-dropdown { display: flex; margin-top: 4px; } .signup-form-container .panel-body .birthday-container .birthday-fields .pronoun-dropdown select { line-height: 20px; padding-right: 0px; } .signup-form-container .panel-body .birthday-container.invalid .has-feedback select { border-color: var(--ds-base-4-60); } .signup-form-container .panel-body .hr-with-text { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; white-space: nowrap; -webkit-box-align: center; align-items: center; } .signup-form-container .panel-body .hr-with-text .or { font-size: 14px; } .signup-form-container .panel-body .hr-with-text .horizontal-line { width: 45%; height: 1px; border-bottom: 1px solid rgb(238, 238, 238); } .signup-form-container .panel-body .hr-margin-new { margin: 0px 0px 24px; } .signup-form-container .panel-body .submit-btn-margin-24 { margin: 0px 0px 24px; height: 48px; } .signup-form-container .panel-body p:last-of-type { text-align: center; margin-top: 16px; margin-bottom: 0px; font-size: 14px; line-height: 20px; white-space: nowrap; padding: 0px; } .signup-form-container .panel-body p:last-of-type .login { color: rgb(42, 28, 96); font-weight: 600; padding: 0px; border: none; outline: 0px; background-color: transparent; } .signup-form-container .panel-body .email-policy-agreement-container { display: flex; margin: 24px auto; text-align: left; -webkit-box-align: center; align-items: center; } .signup-form-container .panel-body .email-policy-agreement-container .checkbox-content { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 4px; } .signup-form-container .panel-body .email-policy-agreement-container .checkbox-title { margin: 0px; text-align: left; color: rgb(34, 34, 34); max-width: none; font-weight: 400; } .signup-form-container .panel-body .email-policy-agreement-container .checkbox-title a { color: rgb(28, 111, 101); font-weight: 700; } .signup-form-container .panel-body .email-policy-agreement-container .checkbox-subtitle { margin: 0px; text-align: left; color: rgb(104, 104, 104); max-width: none; font-weight: 400; } .signup-form-container .panel-body .email-policy-agreement-container .checkbox-error { margin: 0px; text-align: left; color: rgb(158, 29, 66); max-width: none; } .signup-form-container .panel-body .email-policy-agreement-container .c-checkbox { margin: 0px 8px 0px 0px; } .signup-form-container .panel-body .checkbox-subtitle { font-size: var(--font-size-xxs); text-align: center; display: table; max-width: 300px; color: rgb(111, 111, 111); margin: 26px auto 16px; line-height: var(--line-height-xxs); } .signup-form-container .panel-body .checkbox-subtitle a { color: rgb(28, 111, 101); font-weight: 600; } .signup-form-container .panel-body .checkbox-title { font-size: 13px; text-align: center; display: table; max-width: 300px; color: rgb(111, 111, 111); margin: 26px auto 16px; line-height: 15px; } .signup-form-container .panel-body .checkbox-title a { color: rgb(28, 111, 101); font-weight: 600; } .signup-form-container .panel-body .btn { height: 44px; font-size: 13px; line-height: 26px; border-radius: 100px; } .signup-form-container .panel-body .signin-buttons-new { margin-top: 40px; } .signup-form-container .panel-body .signin-buttons { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .signup-form-container .panel-body .signin-buttons .fa { top: 5px; margin-left: 0px; padding-right: 0px; } .signup-form-container .panel-body .signin-buttons .btn-google { border: 1.2px solid rgb(111, 111, 111); margin-top: 8px; background-color: rgb(255, 255, 255); } .signup-form-container .panel-body .signin-buttons .auth-btn { display: inline; margin-left: 8px; } .signup-form-container .panel-body .signin-buttons .auth-button-new { border-radius: 100px; border: 2px solid var(--ds-neutral-100-solid); background: var(--ds-neutral-00-solid); height: 48px; margin: 0px 0px 24px; } .signup-form-container .panel-body .signin-buttons .auth-button-new .google-login-icon { vertical-align: middle; margin-right: 8px; } .signup-form-container .panel-body .signin-buttons .auth-button-new .auth-button-text-new { color: var(--ds-neutral-100-solid); text-align: center; font-style: normal; font-weight: var(--font-weight-bold); line-height: var(--line-height-xs); font-size: var(--font-size-sm); } @media (min-width: 1110px) and (max-width: 1400px) { .signup-form-container .panel-body .signin-buttons .auth-btn { display: inline; } } .signup-form-container .panel-body .error-msg { font-size: small; color: rgb(158, 29, 66); line-height: 18px; margin-top: 3px; } .signup-form-container .panel-body .submit-error-msg { display: flex; -webkit-box-pack: center; justify-content: center; } .signup-form-container .panel-body .password-forgot { text-align: center; text-decoration: underline; font-weight: 600; margin-top: 16px; } .signup-form-container .panel-body .password-forgot a { color: rgb(34, 34, 34); font-size: 14px; } .signup-form-container .panel-body .back-link-container { display: flex; -webkit-box-pack: center; justify-content: center; color: rgb(34, 34, 34); font-size: 14px; margin-top: 16px; } .signup-form-container .panel-body .back-link-container button { color: rgb(34, 34, 34); text-decoration: none; display: flex; -webkit-box-align: center; align-items: center; padding: 0px; border: none; outline: 0px; background-color: transparent; } .signup-form-container .panel-body .back-link-container button .back-icon { margin-right: 5px; margin-top: 2px; } .signup-form-container .panel-body { padding: 0px; } .section-divider-container { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; align-self: stretch; } .section-divider { -webkit-box-flex: 1; flex: 1 1 0%; block-size: 1px; background-color: var(--ds-neutral-20-solid); } .section-divider-text { margin: 0px; } .checklist-container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 16px; } .checklist { list-style: none; padding: 0px; margin: 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 8px; } .checklist-item { display: flex; gap: 8px; } .checklist-item-text, .checklist-title { margin: 0px; } .signup-header { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 24px; } .signup-header .heading-container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 8px; } .signup-header .heading-container .title { margin: 0px; color: var(--ds-neutral-100-solid); font-size: 28px; font-weight: 700; line-height: 36px; } .signup-header .heading-container .subtitle { margin: 0px; color: var(--ds-neutral-100-solid); font-size: 16px; font-weight: 400; line-height: 24px; } .authentication-options { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 24px; } .authentication-options .authentication-buttons-container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 16px; } .mobile-download-prompt { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; bottom: 0px; left: 0px; min-height: 130px; max-height: 168px; opacity: 1; position: fixed; width: 100%; background-color: rgb(250, 250, 250); box-shadow: rgba(0, 0, 0, 0.2) 5px 0px 5px 0px; box-sizing: border-box; transition: all 0.4s ease 0s; gap: 8px; padding: 8px 14px; -webkit-box-align: center; align-items: center; z-index: 1020; } .mobile-download-prompt .title { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 8px; } .mobile-download-prompt .title .wattpad-logo { vertical-align: middle; display: inline-block; background-image: url("/img/logos/download-app-icon.png"); background-size: contain; background-repeat: no-repeat; width: 33px; height: 33px; margin: 8px 0px; } .mobile-download-prompt .title .logo-text { color: rgb(34, 34, 34); font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); line-height: var(--line-height-xs); margin: 0px; } .mobile-download-prompt .bottom-login, .mobile-download-prompt .bottom-open-app { background-color: rgb(255, 255, 255); cursor: pointer; width: 100%; height: 36px; border: 1px solid var(--ds-neutral-100); color: var(--ds-neutral-100); font-size: 14px; -webkit-box-align: center; align-items: center; display: flex; -webkit-box-pack: center; justify-content: center; font-weight: 700; border-radius: 24px; text-decoration: none; } .mobile-download-prompt .bottom-open-app { color: var(--ds-neutral-00,#fff); background-color: var(--ds-neutral-100,#121212); } .reader-poll-container { padding-block: 16px; font-size: var(--font-size-m); color: var(--font-color-primary); } .reader-poll-container .poll-author { display: flex; gap: 4px; -webkit-box-align: center; align-items: center; } .reader-poll-container .poll-author.mobile { font-size: var(--font-size-sm); } .reader-poll-container .poll-question { padding-block-start: 8px; font-weight: var(--font-weight-bold); overflow-wrap: break-word; } .reader-poll-container .poll-question.mobile { font-size: var(--font-size-sm); } .reader-poll-container .poll-option { border-radius: 44px; background-color: var(--ds-base-6-20); transition: width 2s ease-in-out 0s, background-color 2s ease-in-out 0s; display: block; } .reader-poll-container .poll-option:hover { cursor: pointer; } .reader-poll-container .poll-option.interacted { background-color: var(--ds-base-6-40); } .reader-poll-container .poll-option .option-info-wrapper { display: flex; padding: 8px; margin-block-start: 8px; -webkit-box-align: center; align-items: center; gap: 8px; font-weight: var(--font-weight-bold); font-size: var(--font-size-sm); } .reader-poll-container .poll-option .option-info-wrapper .poll-select { height: 24px; min-width: 24px; border-radius: 50%; background-color: var(--ds-neutral-00); outline: 1px ridge var(--ds-neutral-60); } .reader-poll-container .poll-option .option-info-wrapper .poll-select.interacted { outline: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .reader-poll-container .poll-option .option-info-wrapper .poll-option-text { position: static; left: 40px; overflow-wrap: break-word; max-width: 430px; min-width: 430px; } .reader-poll-container .poll-option .option-info-wrapper .poll-option-text.mobile { left: 56px; } @media (max-width: 540px) { .reader-poll-container .poll-option .option-info-wrapper .poll-option-text { max-width: 320px; min-width: 320px; } } @media (max-width: 375px) { .reader-poll-container .poll-option .option-info-wrapper .poll-option-text { max-width: 240px; min-width: 240px; } } .reader-poll-container .info-text { display: flex; gap: 8px; color: var(--ds-neutral-80); font-size: var(--font-size-xs); -webkit-box-align: center; align-items: center; margin-top: 8px; } .reader-poll-container .info-text.mobile { font-size: var(--font-size-xxs); } .reader-poll-container .info-text .info-dot { height: 4px; width: 4px; border-radius: 50%; background-color: var(--ds-neutral-60); } @media screen and (max-width: 422px) { .user-profile #user-following-section .break1, .user-profile #user-following-section .user:nth-child(-n+2) { display: inline-block !important; } .user-profile #profile-lists .story-item:nth-child(-n+3) { display: inline-block !important; } } @media screen and (min-width: 423px) and (max-width: 525px) { .user-profile #user-following-section .break2, .user-profile #user-following-section .user:nth-child(-n+3) { display: inline-block !important; } .user-profile #profile-lists .story-item:nth-child(-n+4) { display: inline-block !important; } } @media screen and (min-width: 526px) { .user-profile #user-following-section .break3, .user-profile #user-following-section .user { display: inline-block !important; } .user-profile #profile-lists .story-item { display: inline-block !important; } } .user-profile a:active, .user-profile a:focus, .user-profile a:hover, .user-profile a:visited { text-decoration: none; } .user-profile #profile-card .btn, .user-profile .user-about .btn { height: 40px; padding: 5px 10px; color: rgb(111, 111, 111); font-size: 16px; border: 2px solid rgb(238, 238, 238); } .user-profile #profile-card .btn:not(.btn-white), .user-profile .user-about .btn:not(.btn-white) { color: rgb(255, 255, 255); border: none; } .user-profile #profile-card .btn.btn-grey, .user-profile .user-about .btn.btn-grey { color: rgb(111, 111, 111); font-weight: 600; } .user-profile #profile-card .btn .fa, .user-profile .user-about .btn .fa { top: 2px; } .user-profile #profile-card .dropdown-toggle:focus-visible, .user-profile .user-about .dropdown-toggle:focus-visible { outline: -webkit-focus-ring-color auto 1px; } .user-profile #profile-card { color: rgb(255, 255, 255); background: rgb(111, 111, 111); padding: 16px 0px 20px; } .user-profile #profile-card.background { width: auto; background-position: center center; background-size: cover; background-repeat: repeat; } .user-profile #profile-card .profile-header-buttons { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: 0px 6px; margin-bottom: 16px; } .user-profile #profile-card .profile-header-buttons button.settings { padding: 0px; } .user-profile #profile-card .profile-header-buttons button.settings .fa { vertical-align: middle; } .user-profile #profile-card .avatar { position: relative; margin: 0px auto; } .user-profile #profile-card .badges { margin: 12px 0px 6px; } .user-profile #profile-card .badges .user-name { margin: 0px; } .user-profile #profile-card .top-bar { height: 50px; padding-top: 10px; text-align: center; } .user-profile #profile-card .top-bar img { width: 110px; } .user-profile #profile-card .user-name { margin-bottom: 6px; margin-top: 12px; font-weight: 700; display: inline-block; } .user-profile #profile-card .full-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px; margin: 10px 0px 15px; } .user-profile #profile-card .header-metadata { margin: 0px auto 24px; max-width: 320px; } .user-profile #profile-card .header-metadata div { color: rgb(255, 255, 255); } .user-profile #profile-card .header-metadata p { font-size: 14px; line-height: 17px; margin: 0px; } .user-profile #profile-nav { list-style-type: none; margin-bottom: 0px; padding: 0px; display: flex; } .user-profile #profile-nav li.nav-item { width: 50%; height: 44px; font-size: 15px; } .user-profile #profile-nav li.nav-item a { height: 44px; color: rgb(34, 34, 34); font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .user-profile #profile-nav li.nav-item a.selected { font-weight: 600; border-bottom: 3px solid rgb(255, 97, 34); } .user-profile .user-about { margin-bottom: -11px; } .user-profile .user-about .panel { margin: 0px; padding: 10px; } .user-profile .user-about hr { margin: -10px -10px 10px; border-top: 1px solid rgb(238, 238, 238); } .user-profile .user-about pre { margin: 0px; } .user-profile .user-about pre iframe, .user-profile .user-about pre img { max-width: 100%; } .user-profile .user-about .section-header, .user-profile .user-about .section-header a { font-size: 18px; font-weight: 600; color: rgb(34, 34, 34); } .user-profile .user-about .section-header .settings, .user-profile .user-about .section-header a .settings { float: right; } .user-profile .user-about .fa-right { margin-left: 5px; } .user-profile .user-about ul.metadata { list-style-type: none; margin: 0px 0px 12px; padding: 0px; font-size: 12px; line-height: 18px; color: rgb(111, 111, 111); } .user-profile .user-about ul.metadata li { display: inline-block; } .user-profile .user-about ul.metadata li + li { margin-left: 10px; } .user-profile .user-about ul.metadata li + li::before { content: "·"; font-size: 30px; position: absolute; margin-top: -1px; margin-left: -10px; } .user-profile .user-about .on-showmore { margin-top: 12px; } .user-profile .user-about .activity-feed { padding-top: 12px; } .user-profile .user-about .activity-feed > .message-new { margin-bottom: 18px; } .user-profile .user-about .user-description pre { font-size: 15px; } .user-profile .user-about .user-description button { margin-top: 10px; } .user-profile .user-about .user-description .request-container .notification { border: none; margin-bottom: 30px; } .user-profile .user-about .user-description .full-description, .user-profile .user-about .user-description .short-description { clear: both; } .user-profile .user-about .user-description .full-description pre { margin-bottom: 20px; } .user-profile .user-about .user-description ul { margin: 0px; } .user-profile .user-about .user-description ul li { position: relative; } .user-profile .user-about .user-description ul li .fa { position: absolute; } .user-profile .user-about .user-description ul.user-meta-info { font-size: 12px; } .user-profile .user-about .user-description ul.user-meta-info li { line-height: 20px; } .user-profile .user-about .user-description ul.user-meta-info li .fa { top: 5px; } .user-profile .user-about .user-description ul.user-meta-info li .location { margin-left: 17px; } .user-profile .user-about .user-description ul.user-meta-info li .createDate { font-weight: 600; margin-right: 5px; } .user-profile .user-about .user-description ul.social-links { margin-top: 20px; margin-bottom: 20px; font-size: 15px; } .user-profile .user-about .user-description ul.social-links .fa { top: 2px; } .user-profile .user-about .user-description ul.social-links .fa-facebook-square { color: rgb(59, 89, 152); } .user-profile .user-about .user-description ul.social-links .fa-twitter { color: rgb(85, 172, 238); } .user-profile .user-about .user-description ul.social-links a { display: inline-block; overflow-wrap: break-word; word-break: break-all; margin-left: 30px; color: rgb(111, 111, 111); font-weight: 600; } .user-profile .user-about .user-description .profile-disclaimer-container { text-align: center; } .user-profile .user-about .user-description .profile-disclaimer-container .disclaimer { max-width: 350px; margin: auto; } .user-profile .user-about .show-more button { transition: background 80ms ease 0s; } .user-profile .user-about .show-more button.touched { background: rgb(238, 238, 238); } .user-profile .user-about .show-more button:focus { outline: 0px; } .user-profile .user-about .show-more img.fallback { vertical-align: middle; margin-top: -3px; } .user-profile #profile-works .discover-module-stories-large { display: inline-block; width: 100%; font-size: 12px; color: rgb(111, 111, 111); } .user-profile #profile-works .discover-module-stories-large:not(:last-child) { margin-bottom: 12px; } .user-profile #profile-works .discover-module-stories-large .cover { float: left; } .user-profile #profile-works .discover-module-stories-large .supported-marker { display: flex; -webkit-box-align: center; align-items: center; color: rgb(34, 34, 34); font-size: 13px; overflow: hidden; white-space: nowrap; } .user-profile #profile-works .discover-module-stories-large .supported-marker img { margin-right: 8px; width: auto; } .user-profile #profile-works .discover-module-stories-large .content { margin-left: 102px; } .user-profile #profile-works .discover-module-stories-large .content a.title { display: block; max-height: 48px; overflow: hidden; overflow-wrap: break-word; color: rgb(34, 34, 34); font-weight: 600; font-size: 18px; line-height: 24px; } .user-profile #profile-works .discover-module-stories-large .content a.username { display: block; overflow: hidden; color: rgb(111, 111, 111); margin-top: 5px; } .user-profile #profile-works .discover-module-stories-large .content .work-state { font-size: 12px; text-transform: uppercase; color: rgb(0, 178, 178); } .user-profile #profile-works .discover-module-stories-large .content .work-state.category, .user-profile #profile-works .discover-module-stories-large .content .work-state.draft { color: rgb(111, 111, 111); } .user-profile #profile-works .discover-module-stories-large .content .work-state .text { text-transform: none; } .user-profile #profile-works .discover-module-stories-large .content .social-meta { font-size: 12px; color: rgb(111, 111, 111); } .user-profile #profile-works .discover-module-stories-large .content .social-meta > span { padding-right: 10px; } .user-profile #profile-works .discover-module-stories-large .content .social-meta .fa { font-size: 12px !important; } .user-profile #profile-works .discover-module-stories-large .content .description { line-height: 18px; padding-bottom: 15px; } .user-profile #profile-works .discover-module-stories-large .content .tag-meta { margin-top: 15px; } .user-profile #profile-works .discover-module-stories-large .content .tag-ranking { padding-top: 15px; border-top: 1px solid rgb(238, 238, 238); overflow: hidden; padding-bottom: 5px; } .user-profile #profile-works .discover-module-stories-large .content .tag-ranking .tag-ranking-medal { float: left; } .user-profile #profile-works .discover-module-stories-large .content .tag-ranking span { display: inline-block; color: rgb(111, 111, 111); text-transform: uppercase; margin-left: 5px; font-size: 12px; line-height: 19px; } .user-profile #profile-works .discover-module-stories-large .content .tag-ranking span b { font-weight: 600; } .user-profile #profile-works .discover-module-stories-large .content .tag-ranking a { margin: 0px 0px 0px 18px; padding: 4px 9px; border: 1px solid rgb(111, 111, 111); border-radius: 4px; color: rgb(111, 111, 111); font-size: 12px; line-height: 19px; white-space: nowrap; } .user-profile #profile-lists #lists-item-view { margin-top: 10px; } .user-profile #profile-lists #lists-item-view .reading-list:not(:first-child) { margin-top: 15px; } .user-profile #profile-lists #lists-item-view .story-item { display: inline-block; vertical-align: top; width: 92px; margin-right: 5px; font-size: 12px; line-height: 14px; } .user-profile #profile-lists #lists-item-view .story-item .content { margin-top: 5px; } .user-profile #profile-lists #lists-item-view .story-item .title { display: block; height: 30px; overflow: hidden; margin-bottom: 5px; font-size: 12px; font-weight: 600; color: rgb(34, 34, 34); } .user-profile #profile-lists #lists-item-view .story-item .social-meta { font-size: 12px; color: rgb(111, 111, 111); margin-top: 5px; } .user-profile #profile-lists #lists-item-view .story-item .social-meta > span { padding-right: 5px; } .user-profile #profile-lists #lists-item-view .story-item .social-meta .fa { font-size: 12px !important; } .user-profile .story-item-tiny { position: relative; display: inline-block; width: 29.3333%; margin: 12px 2% 6px; vertical-align: top; } .user-profile #profile-share-links a { margin-right: 4px; margin-top: 5px; width: 42px; height: 42px; } .user-profile #profile-share-links a .fa { top: 11px; } .user-profile #user-following-section .collection { margin-top: 5px; } .user-profile #user-following-section .user { margin-right: 4px; vertical-align: top; } .user-profile #user-following-section .user .avatar { width: 94px; height: 94px; } .user-profile #user-following-section .user .name { font-size: 12px; line-height: 12px; font-weight: 600; color: rgb(34, 34, 34); text-overflow: ellipsis; text-align: center; white-space: nowrap; overflow: hidden; width: 94px; margin-top: 10px; } .user-profile #user-following-section .user .num-followers { font-size: 11px; color: rgb(111, 111, 111); text-align: center; line-height: 24px; } .user-profile #user-following-section .on-following { width: 94px; height: 94px; border-radius: 100px; background-color: rgb(0, 178, 178); text-align: center; line-height: 90px; vertical-align: top; font-size: 24px; font-weight: 600; color: rgb(255, 255, 255); } .user-profile #profile-pinned-item header { margin-bottom: 20px; font-size: 24px; font-weight: 600; color: rgb(111, 111, 111); } .user-profile #profile-pinned-item header .fa-pin { margin-right: 10px; } .user-profile #profile-pinned-item .user-info { margin-top: 10px; height: 42px; } .user-profile #profile-pinned-item .user-info .avatar { margin-right: 12px; } .user-profile #profile-pinned-item .user-info .username { color: rgb(34, 34, 34); font-weight: 600; font-size: 12px; line-height: 24px; display: block; } .user-profile #profile-pinned-item .user-info .latest-msg-date { display: block; font-size: 12px; line-height: 12px; color: rgb(111, 111, 111); } .user-profile #profile-pinned-item pre { margin: 10px 0px; font-size: 15px; } .user-profile #profile-activity { margin-top: 10px; } .user-profile #broadcast-container { background: rgb(238, 238, 238); box-shadow: rgba(120, 120, 120, 0.25) 0px 2px 5px; } .user-profile #broadcast-container .tooltip { opacity: 1; } .user-profile #broadcast-container .tooltip .tooltip-arrow { border-top-color: rgb(255, 255, 255); top: auto !important; } .user-profile #broadcast-container .tooltip .tooltip-inner { background: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(1, 1, 1, 0.25) 0px 2px 11px 3px; color: rgb(111, 111, 111); font-size: 12px; line-height: 1.5; } .user-profile #settings-modal .modal-title { margin: 0px; text-align: center; } .user-profile #settings-modal .info { border-radius: 5px; background-color: rgb(238, 238, 238); padding: 10px; } .user-profile #settings-modal .info .fa-info { float: left; } .user-profile #settings-modal .info .text { font-size: 15px; line-height: 17px; color: rgb(111, 111, 111); margin-left: 25px; } .user-profile #settings-modal .options { list-style-type: none; margin: 10px -12px 0px; padding: 0px; box-shadow: rgb(238, 238, 238) 0px 1px 0px 0px, rgb(238, 238, 238) 0px 1px 0px 0px inset; font-size: 15px; font-weight: 600; } .user-profile #settings-modal .options li { padding: 20px 12px; } #content-preferences { padding: 20px; } #content-preferences .content-settings-heading { margin: 0px 0px -20px; } #content-preferences .content-settings-heading h2 { font-size: 26px; font-weight: 700; color: rgb(34, 34, 34); } #theme-settings { padding: 12px 10px 0px; } #theme-settings .title { margin: 0px 24px 20px; font-size: 20px; } #theme-settings .panel-body { padding: 0px; } #theme-settings .panel { border-color: transparent; } #cookie-manager .new-cookie-row { margin-bottom: 30px; display: flex; gap: 15px; } #cookie-manager .cookie-list { list-style: none; padding: 0px 0px 50px; } #cookie-manager .cookie-list .cookie-header-row, #cookie-manager .cookie-list .cookie-row { padding: 3px 0px 3px 8px; display: grid; grid-template-columns: 1fr 1fr 30px; gap: 8px; } #cookie-manager .cookie-list .cookie-header-row:nth-child(2n+1), #cookie-manager .cookie-list .cookie-row:nth-child(2n+1) { background: rgb(238, 238, 238); } #cookie-manager .cookie-list .cookie-header-row > *, #cookie-manager .cookie-list .cookie-row > * { word-break: break-all; } #cookie-manager .cookie-list .cookie-header-row button, #cookie-manager .cookie-list .cookie-row button { align-self: center; } #cookie-manager .cookie-list .cookie-header-row { font-weight: var(--font-weight-bold); } @media (max-width: 600px) { #cookie-manager .new-cookie-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } #cookie-manager .cookie-list { padding: 0px 0px 30px; } } #browse-container { background-color: rgb(255, 255, 255); } #browse-container > .component-wrapper:first-child { padding-top: 1px; } #browse-container #browse-label { height: 44px; color: rgb(34, 34, 34); line-height: 44px; text-align: center; font-size: 18px; font-weight: 600; } #browse-container nav { overflow-x: scroll; white-space: nowrap; border-bottom: 1px solid rgb(238, 238, 238); border-top: 1px solid rgb(238, 238, 238); } #browse-container nav ul { list-style-type: none; margin: 0px; padding: 0px; } #browse-container nav ul li { display: inline-block; } #browse-container nav ul li a { display: block; height: 44px; padding: 0px 12px; color: rgb(34, 34, 34); font-size: 14px; line-height: 44px; } #browse-container nav ul li a.active { border-bottom: 4px solid rgb(255, 97, 34); color: rgb(34, 34, 34); font-weight: 600; } #browse-container nav ul li a:focus, #browse-container nav ul li a:hover { box-shadow: none; text-decoration: none; } #browse-container .tag-carousel .tag-item { color: rgb(18, 18, 18); } #browse-container .tag-carousel .tag-item .fa { color: rgb(18, 18, 18); } #browse-container #browse-content .show-more { padding: 0px 12px 12px; } #browse-container #browse-results-item-view .browse-story-item:last-child, #browse-container #browse-results-item-view .tag-module-lists:last-child, #browse-container #browse-results-item-view .tag-module-writers:last-child { margin-bottom: 15px; } #browse-container .browse-story-item { margin-left: 12px; } @media (max-width: 768px) { #browse-container .browse-story-item { margin-top: 15px; } #browse-container .browse-story-item .title { font-size: 16px; } #browse-container .browse-story-item .category { line-height: 12px; } } #browse-container .tag-module-lists, #browse-container .tag-module-writers { border: none; padding: 15px 12px 0px; width: 100%; } #notifications { position: relative; } #notifications header { position: relative; padding: 0px; margin: 0px; } #notifications header h1 { font-weight: 600; font-size: 25px; margin: 18px 0px 12px; } #notifications header a { color: rgb(111, 111, 111); font-weight: 600; font-size: 18px; display: block; position: absolute; top: 4px; right: 12px; } #notifications .notification-feed { margin: 0px; border-top: 1px solid rgb(238, 238, 238); } #notifications .notification-feed .collection { padding: 0px; } #notifications .notification-feed h2 { border-bottom: 1px solid rgb(238, 238, 238); padding: 0px 12px 6px; color: rgb(111, 111, 111); margin: 6px 0px 0px; display: inline-block; width: 100%; } #notifications .show-more { margin-top: 15px; } #notifications .story-cover { position: absolute; top: 0px; right: 0px; height: 100%; } #notifications #expand-modal .modal-header { margin-bottom: 0px; } #notifications #expand-modal .modal-header > .content { padding-right: 30px; } #notifications #expand-modal .modal-header > button { position: absolute; top: 12px; right: 6px; } #notifications #expand-modal .modal-content { background-color: rgb(238, 238, 238); } #notifications #expand-modal .modal-body { padding: 12px 6px; } #notifications #expand-modal .modal-footer { padding: 0px; } #notifications #expand-modal .modal-footer > button { background-color: rgb(238, 238, 238); padding: 12px; } #header-container { position: relative; } #mobile-auth-headline { position: relative; text-align: center; } #mobile-auth-headline header { margin-top: -15px; color: rgb(255, 255, 255); text-align: left; text-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px; } #mobile-auth-headline header span { font-size: 19px; } #mobile-auth-headline #get-the-app { width: 90%; margin: 24px 0px; padding: 12px 20px; color: rgb(255, 255, 255); border-radius: 3px; background: rgba(0, 0, 0, 0.667); } #mobile-auth-headline #get-the-app:focus { background: rgba(0, 0, 0, 0.75); border: 1px solid rgb(34, 34, 34); } #mobile-auth-headline #get-the-app:active { background: rgba(0, 0, 0, 0.85); } #wattpad-logo { width: 154px; overflow: hidden; text-indent: -999em; } .headline { font-size: 18px; font-weight: 600; color: rgb(34, 34, 34); margin-top: 30px; } .headline img { margin: 8px 0px; } .headline p { margin-top: 6px; } .phone-image { display: block; max-height: 540px; margin: 0px auto 24px; } .authentication-wrapper.full-screen-prompt { min-height: max-content; } .authentication-wrapper #authentication-panel { box-shadow: none; } .authentication-wrapper #authentication-panel .forgot-password-header { margin-left: 22px; margin-bottom: 40px; } .authentication-wrapper #authentication-panel .forgot-password-header h2 { font-weight: 700; color: rgb(34, 34, 34); font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; } .authentication-wrapper #authentication-panel .forgot-password-body { padding: 12px 20px; } .authentication-wrapper #authentication-panel .forgot-password-body .more-info { font-size: 14px; color: rgb(111, 111, 111); } .authentication-wrapper #authentication-panel .forgot-password-body .more-info a { color: rgb(42, 28, 96); font-weight: 600; } .authentication-wrapper #authentication-panel .forgot-password-body .row { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; margin: 0px; } .authentication-wrapper #authentication-panel .forgot-password-body .row .cancel { width: 100%; font-weight: 700; margin-top: 16px; } .authentication-wrapper #authentication-panel .forgot-password-body .row .submit { width: 100%; padding: 10px 24px; margin-top: 24px; } .auth-categories-wrapper { background-image: url("/img/mobile-web/wattpad_wall.png"); background-size: cover; color: rgb(34, 34, 34); position: relative; padding-top: 0px; padding-bottom: 0px; margin-bottom: -12px; text-align: center; max-height: 263px; } .auth-categories-wrapper p { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; margin-top: 40px; font-size: 24px; margin-bottom: 5px; color: rgb(255, 255, 255); } .auth-categories-wrapper #footer-devices { margin-top: 30px; } .auth-categories-wrapper .footer-appstore { margin-top: 10px; height: 45px; } .auth-categories-wrapper .google-play { margin-top: 10px; height: 65px; } .auth-footer-wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; max-width: 340px; } #auth-footer { position: relative; display: block; width: 100%; height: 60px; padding: 18px 0px; color: rgb(34, 34, 34); font-weight: 600; } #auth-footer .auth-socials { margin-bottom: 18px; margin-top: 78px; display: flex; -webkit-box-pack: justify; justify-content: space-between; width: 100%; padding: 0px 20px; } #auth-footer .auth-row { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; width: 100%; padding: 0px 20px; } #auth-footer .auth-row .spacer { -webkit-box-flex: 1; flex: 1 1 0%; } #auth-footer .auth-row h5 { margin-bottom: 20px; } #auth-footer .auth-row hr { margin-bottom: 16px; } #auth-footer .auth-row ul { display: inline-block; padding: 0px; margin: 0px; list-style-type: none; } #auth-footer .auth-row ul li { margin-bottom: 16px; } #auth-footer .auth-row ul li a, #auth-footer .auth-row ul li a:visited { color: rgb(34, 34, 34); } #auth-footer .auth-row ul li a:hover { color: rgb(255, 255, 255); text-decoration: none; } #auth-footer .legal { margin-left: 20px; align-self: flex-start; font-weight: 400; } @media (max-width: 398px) { #auth-footer .auth-socials { margin-top: 100px; } } #home #module-collection { display: block; } #home .discover-module { position: relative; } #home .discover-module .collection { display: block; overflow: visible; } #home-index .load-container { position: absolute; height: 100%; width: 100%; background-color: rgb(255, 255, 255); text-align: center; } #home-index .load-container .fa-loading { position: relative; top: 40%; } .home, .list { padding-bottom: 12px; } #recommended h5 { margin-left: 4px; color: rgb(111, 111, 111); } #recommended-users { margin: 12px 0px 21px; } #recommended-users h5 { margin-left: 0px; } #home-index nav { padding: 14px 12px 0px; background-color: rgb(255, 255, 255); } #home-index nav ul { padding: 0px; margin: 0px; border: 1px solid rgb(255, 97, 34); border-radius: 5px; list-style-type: none; overflow: hidden; } #home-index nav ul li { float: left; height: 34px; width: 50%; line-height: 32px; text-align: center; } #home-index nav ul li a { color: rgb(255, 97, 34); font-size: 14px; font-weight: 600; } #home-index nav ul li a:focus, #home-index nav ul li a:hover { box-shadow: none; text-decoration: none; } #home-index nav ul li.active { background-color: rgb(255, 97, 34); } #home-index nav ul li.active a { color: rgb(255, 255, 255); } #home-index #home .discover-module .carousel-left, #home-index #home .discover-module .carousel-right { position: absolute; top: 45%; font-size: 15px; } #home-index #home .discover-module .carousel-left { left: -13px; } #home-index #home .discover-module .carousel-right { right: -13px; } #user-menu-container { background-color: rgb(255, 255, 255); } #user-menu-container ul { list-style-type: none; padding: 0px; } #user-menu-container li { padding: 10px; border-bottom: 1px solid rgb(238, 238, 238); } #user-menu-container li a { display: block; font-size: 18px; color: rgb(34, 34, 34); text-decoration: none; } #user-menu-container li a .fa-right { float: right; line-height: 24px; } #search-page { font-size: 13px; line-height: 18px; color: rgb(111, 111, 111); padding: 0px; } #search-page .feed-item-new li.list-group-item .meta { margin-left: 0px; } #search-page .feed-item-new.panel.new-container { box-shadow: none; } #search-page .search-filter > .fa-circle-filled { display: none; } #search-page .search-filter > .fa-circle-empty { display: block; } #search-page .search-filter.active > .fa-circle-filled { display: block; } #search-page .search-filter.active > .fa-circle-empty { display: none; } #search-page #tag-holder > * { display: inline-block; vertical-align: middle; } #search-page #tag-holder .refine-label { width: 12%; margin-right: 5px; color: rgb(111, 111, 111); font-weight: 600; overflow-wrap: break-word; } #search-page #tag-holder .component-wrapper { width: 100%; } #search-page #tag-holder .tags { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; } #search-page #tag-holder .tags .component-wrapper { width: 85%; } @media (min-width: 768px) { #search-page #tag-holder .tags .refine-label { width: 8%; } #search-page #tag-holder .tags .component-wrapper { width: 90%; } } @media (min-width: 1400px) { #search-page #tag-holder .tags .refine-label { width: 5%; } #search-page #tag-holder .tags .component-wrapper { width: 92%; } } #search-controls { background: rgb(255, 255, 255); padding-top: 40px; text-align: left; } #search-controls .container .small { color: rgb(111, 111, 111); margin-right: 12px; } #search-controls .container .tags { text-align: left; display: inline; } #search-controls .container .tags .tag { line-height: 23px; } #search-page .category-dropdown { padding: 6px 33px 6px 9px; position: relative; } #search-page .category-dropdown .btn-text { color: rgb(111, 111, 111); } #search-page .expander { margin-bottom: 10px; } #search-page .expander small { cursor: pointer; } #search-page .expander .expandable { display: none; } #search-page .expander .fa-right { display: inline-block; } #search-page .expander.open .expandable { display: block; } #search-page .expander.open .fa-right { transform: rotate(90deg); } #search-page .filters { background: rgb(243, 243, 243); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px; list-style-type: none; margin: 0px; border: none; padding: 1em; } #search-page .filters li a { height: auto; padding: 6px 33px 6px 9px; position: relative; color: rgb(111, 111, 111); line-height: 24px; background: rgb(243, 243, 243); } #search-page .filters li a.active { color: rgb(111, 111, 111); } #search-page .filters li a .fa { position: absolute; right: 9px; top: 7px; } #results-people li { border-bottom: 1px solid rgb(238, 238, 238); } #results-people li > a { padding-left: 12px; } #results-people .results-people-update .feed-item-new { box-shadow: unset; overflow: unset; } #results-people .results-people-update .feed-item-new li > a { padding: 0px; } .paid-indicator { display: flex; -webkit-box-align: center; align-items: center; font-size: 12px; color: rgb(34, 34, 34); margin-top: -3px; } .paid-indicator img { margin-right: 8px; vertical-align: initial; } #search-page #search-controls { padding: 20px 0px 0px; } #search-page #search-controls #search-header { min-width: 72px; } #search-page #search-controls #tag-holder .tags { min-height: 53px; } #search-page #search-controls #search-tabs-container .container { border-bottom: 1px solid rgb(238, 238, 238); } #search-page #search-controls #search-tabs-container .search-tabs { min-height: 56px; } #search-page #results-stories .panel-heading { padding: 9px 9px 9px 18px; } #search-page #results-stories .promotion-description { margin-top: 1px; font-size: 12px; color: rgb(111, 111, 111); } #search-page #results-stories .contest-status { margin-top: 6px; } #search-page #results-stories .contest-status .contest-end-date { margin-left: 10px; font-size: 11px; color: rgb(111, 111, 111); } #search-page #results-people li > a .content h5 { margin-bottom: 0px; } #search-page #results-people li > a .content .username { display: block; } #search-page #results-people .feed-item-new .list-group .list-group-item, #search-page #results-people .panel-heading { border-bottom: 1px solid rgb(238, 238, 238); } #search-page #results-people .results-people-update .feed-item-new .list-group .list-group-item { border-bottom: none; } #search-page main { margin-top: 16px; } #search-page #tag-holder .refine-label { color: rgb(34, 34, 34); } #story-landing { background-color: rgb(255, 255, 255); } #story-landing .container { margin: 0px -10px; border-bottom: 18px solid rgb(255, 255, 255); } #story-landing .background { position: absolute; z-index: 0; } #story-landing header { border-bottom: 1px solid rgb(238, 238, 238); padding-bottom: 24px; } #story-landing header .container { margin: 0px; position: relative; z-index: 1; padding-top: 24px; border-bottom: 0px; } #story-landing .supported-marker { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin-top: 12px; color: rgb(34, 34, 34); font-size: 13px; } #story-landing .supported-marker img { margin-right: 8px; } #story-landing h1.story-title { margin-top: 12px; font-size: 26px; font-weight: 400; line-height: 24px; color: rgb(34, 34, 34); } #story-landing .meta { color: rgb(111, 111, 111); display: flex; -webkit-box-pack: center; justify-content: center; padding: 4px 0px; } #story-landing .meta span { margin-right: 15px; font-size: 12px; display: flex; -webkit-box-align: center; align-items: center; } #story-landing .meta span:last-child { margin-right: 4px; } #story-landing .promotion-description-story-details { margin-top: 10px; } #story-landing .promotion-description-story-details .lightbold { font-weight: 600; display: inline-block; } #story-landing .author-info { margin: 12px 0px 18px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } #story-landing .author-info > div { display: inline-block; text-align: left; } #story-landing .author-info a { color: rgb(34, 34, 34); display: inline-block; max-width: 200px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: bottom; } #story-landing .author-info small, #story-landing .author-info strong { display: block; } #story-landing .author-info .avatar { display: inline-block; margin-right: 9px; vertical-align: inherit; } #story-landing .author-info .avatar img { vertical-align: inherit; } #story-landing .panel-heading { padding: 8px 15px; } #story-landing .description { font-size: 15px; line-height: 24px; overflow: hidden; } #story-landing .panel-title { position: relative; margin: 0px; padding: 0px; font-size: 18px; font-weight: 400; } #story-landing .panel-title a { display: block; position: relative; z-index: 2; color: rgb(111, 111, 111); padding: 12px 0px; } #story-landing .panel-title a:active, #story-landing .panel-title a:focus, #story-landing .panel-title a:hover { color: rgb(111, 111, 111); text-decoration: none; box-shadow: none; outline: 0px; } #story-landing .panel-title .fa { position: absolute; top: 13px; right: 1px; } #story-landing .panel-default { box-shadow: none; } #story-landing .panel-body { border-top: 1px solid rgb(238, 238, 238); padding: 0px; } #story-landing .table-of-contents { list-style-type: none; margin: 0px; padding: 0px; } #story-landing .table-of-contents li { border-bottom: 1px solid rgb(238, 238, 238); font-size: 16px; padding: 0px 18px; } #story-landing .table-of-contents li a { display: block; margin: 9px 0px; padding: 3px 0px; color: rgb(34, 34, 34); } #story-landing .table-of-contents li a:hover { text-decoration: none; } #story-landing .table-of-contents li a small { position: relative; top: 3px; right: 1px; color: rgb(255, 97, 34); } #story-landing .table-of-contents li.active { font-weight: 600; } #story-landing .table-of-contents li.active a { padding-left: 12px; border-left: 3px solid rgb(255, 97, 34); } #story-landing .table-of-contents li .fa-lock { position: relative; top: 4px; } #story-landing .section-heading { margin: 0px; padding: 13px 0px 10px; color: rgb(34, 34, 34); font-size: 19px; font-weight: 600; } #story-landing .deleted-tag, #story-landing .draft-tag { padding-left: 12px; } #story-landing .story-controls a.btn { min-width: 175px; } #story-landing .story-controls .fa { top: 0px; padding-right: 0px; } #story-landing .tag-ranking { margin: 0px -10px 10px; padding: 10px 0px; } #story-landing .tag-ranking span { color: rgb(34, 34, 34); margin-left: 5px; font-size: 14px; } #story-landing .tag-ranking a { margin-left: 10px; padding: 4px 9px; border: 1px solid rgb(0, 178, 178); border-radius: 4px; color: rgb(0, 178, 178); font-size: 13px; white-space: nowrap; } #story-landing .similar-stories-container { margin: auto auto 32px; background: rgb(255, 255, 255); } #story-landing #similar-stories .categories { display: none; } #story-landing #similar-stories pre.small { margin: 0px; max-height: 40px; overflow: hidden; } #story-landing #similar-stories a { display: flex; } #story-landing #similar-stories .left-container { -webkit-box-flex: 1; flex: 1 1 0%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-width: 0px; } #story-landing #similar-stories .story-item, #story-landing #similar-stories > a { max-height: 120px; max-width: 280px; overflow: hidden; } #story-landing #similar-stories .title { color: rgb(34, 34, 34); } #story-ranking { margin-top: 36px; } #story-ranking .back-to-story { position: relative; right: 35px; top: 65px; } #story-ranking .back-to-story:focus, #story-ranking .back-to-story:hover { text-decoration: none; } #story-ranking h1 { margin-bottom: 20px; color: rgb(111, 111, 111); font-size: 32px; font-weight: 600; } #story-ranking h2 { color: rgb(111, 111, 111); font-size: 20px; font-style: italic; font-weight: 600; } #story-ranking h3 { margin-bottom: 5px; color: rgb(111, 111, 111); font-size: 15px; font-weight: 600; } #story-ranking ul { margin: 0px; padding: 0px; list-style-type: none; } #story-ranking ul li { position: relative; margin-bottom: 10px; padding: 12px 25px; background-color: rgb(255, 255, 255); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.22) 0px 1px 2px 0px; } #story-ranking ul li a { display: block; color: rgb(111, 111, 111); font-weight: 600; } #story-ranking ul li a:focus, #story-ranking ul li a:hover { text-decoration: none; } #story-ranking .rank .rank-number-symbol { vertical-align: top; font-size: 13px; line-height: 18px; } #story-ranking .rank .rank-number { font-size: 20px; } #story-ranking .rank-tag { position: absolute; left: 95px; top: 25%; font-size: 16px; } #story-ranking .rank-total { color: rgb(111, 111, 111); font-size: 15px; font-style: italic; font-weight: 400; } #story-ranking .right-side { position: absolute; right: 20px; } #story-ranking .right-side .fa { vertical-align: middle; margin-left: 12px; } #story-ranking li.first { padding-bottom: 22px; padding-top: 22px; } #story-ranking li.first .rank-number-symbol { color: rgb(255, 97, 34); font-size: 16px; } #story-ranking li.first .rank-number { color: rgb(255, 97, 34); font-size: 30px; } #story-ranking li.first .rank-tag { top: 19%; font-size: 18px; } #story-ranking li.first .rank-total { position: absolute; left: 95px; top: 48%; } #story-ranking.mobile { margin-top: 0px; } #story-ranking.mobile .back-to-story { display: inline-block; right: 5px; top: 2px; } #story-ranking.mobile h1 { display: inline-block; margin-top: 15px; margin-bottom: 12px; font-size: 20px; } #story-ranking.mobile h2 { margin-top: 0px; margin-bottom: 0px; font-size: 16px; } #story-ranking.mobile h3 { margin-top: 12px; font-size: 13px; } #story-ranking.mobile li { padding: 12px; margin-bottom: 7px; } #story-ranking.mobile .rank-tag { left: 82px; font-size: 15px; } #story-ranking.mobile .rank-total { font-size: 13px; } #story-ranking.mobile .right-side { right: 12px; } #story-ranking.mobile li.first { padding: 17px 12px; } #story-ranking.mobile li.first .rank-tag { font-size: 16px; } #story-ranking.mobile li.first .rank-total { left: 82px; } .route-storyReading #header-container #app-header { box-shadow: none; } .report-comment-modal { z-index: 1099; } #story-reading .on-remove-image { display: none; } #story-reading .page p[data-media-type] { text-align: center; } #story-reading .page p[data-media-type] img { background-color: rgb(238, 238, 238); width: 90%; height: auto; } #story-reading .banned .banned-overlay { height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; backdrop-filter: blur(2px); background-color: rgba(0, 0, 0, 0.5); } #story-reading .page p[data-image-layout="one-horizontal"] { width: 100%; height: auto; } #story-reading .page p[data-p-id] a[href^="/myworks/new"], #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"], #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"] { color: rgb(255, 255, 255); background-color: rgb(255, 97, 34); border-color: transparent; padding: 5px 20px; font-size: 18px; line-height: 36px; border-radius: 6px; display: block; margin: 50px auto; text-align: center; font-weight: 600; } #story-reading .page p[data-p-id] a[href^="/myworks/new"]:hover, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"]:hover, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"]:hover { color: rgb(255, 255, 255); background-color: rgb(255, 79, 8); border-color: rgb(255, 79, 8); } #story-reading .page p[data-p-id] a[href^="/myworks/new"].active, #story-reading .page p[data-p-id] a[href^="/myworks/new"]:active, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"].active, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"]:active, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"].active, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"]:active { color: rgb(255, 255, 255); background-color: rgb(238, 68, 0); border-color: rgb(255, 97, 34); } #story-reading .page p[data-p-id] a[href^="/myworks/new"].active .fa, #story-reading .page p[data-p-id] a[href^="/myworks/new"]:active .fa, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"].active .fa, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"]:active .fa, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"].active .fa, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"]:active .fa { color: rgb(255, 255, 255); } #story-reading .page p[data-p-id] a[href^="/myworks/new"]:focus, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"]:focus, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"]:focus { color: rgb(255, 255, 255); background-color: rgb(255, 97, 34); border-color: transparent; } #story-reading .page p[data-p-id] a[href^="/myworks/new"].active, #story-reading .page p[data-p-id] a[href^="/myworks/new"]:active, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"].active, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"]:active, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"].active, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"]:active, .open > .dropdown-toggle #story-reading .page p[data-p-id] a[href^="/myworks/new"], .open > .dropdown-toggle #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"], .open > .dropdown-toggle #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"] { background-image: none; } #story-reading .page p[data-p-id] a[href^="/myworks/new"].disabled, #story-reading .page p[data-p-id] a[href^="/myworks/new"].disabled.active, #story-reading .page p[data-p-id] a[href^="/myworks/new"].disabled:active, #story-reading .page p[data-p-id] a[href^="/myworks/new"].disabled:hover, #story-reading .page p[data-p-id] a[href^="/myworks/new"][disabled], #story-reading .page p[data-p-id] a[href^="/myworks/new"][disabled].active, #story-reading .page p[data-p-id] a[href^="/myworks/new"][disabled]:active, #story-reading .page p[data-p-id] a[href^="/myworks/new"][disabled]:hover, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"].disabled, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"].disabled.active, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"].disabled:active, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"].disabled:hover, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"][disabled], #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"][disabled].active, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"][disabled]:active, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"][disabled]:hover, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"].disabled, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"].disabled.active, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"].disabled:active, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"].disabled:hover, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"][disabled], #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"][disabled].active, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"][disabled]:active, #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"][disabled]:hover, fieldset[disabled] #story-reading .page p[data-p-id] a[href^="/myworks/new"], fieldset[disabled] #story-reading .page p[data-p-id] a[href^="/myworks/new"].active, fieldset[disabled] #story-reading .page p[data-p-id] a[href^="/myworks/new"]:active, fieldset[disabled] #story-reading .page p[data-p-id] a[href^="/myworks/new"]:hover, fieldset[disabled] #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"], fieldset[disabled] #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"].active, fieldset[disabled] #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"]:active, fieldset[disabled] #story-reading .page p[data-p-id] a[href^="https://www.wattpad.com/myworks/new"]:hover, fieldset[disabled] #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"], fieldset[disabled] #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"].active, fieldset[disabled] #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"]:active, fieldset[disabled] #story-reading .page p[data-p-id] a[href^="https://www.wattpad.io/myworks/new"]:hover { background-color: rgb(255, 133, 85); border-color: rgb(255, 133, 85); } #story-reading .panel-reading { padding: 0px; border-radius: 0px; background: rgb(255, 255, 255); margin-bottom: 12px; } #story-reading header.panel.panel-reading { margin-bottom: 0px; padding-bottom: 0px; } #story-reading header.panel.panel-reading .supported-marker { margin-top: 20px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: rgb(34, 34, 34); font-size: 13px; } #story-reading header.panel.panel-reading .supported-marker img { margin-right: 8px; } #story-reading header.panel.panel-reading .free-parts-warning { font-style: italic; font-size: 12px; } #story-reading header.panel.panel-reading .deleted-tag, #story-reading header.panel.panel-reading .draft-tag { padding-left: 6px; } #story-reading header.panel.panel-reading h1 { color: rgb(34, 34, 34); } #story-reading header.panel.panel-reading ul.story-extras { display: inline-block; padding: 0px; margin: 0px; list-style-type: none; line-height: 28px; } #story-reading header.panel.panel-reading ul.story-extras li.story-extra { float: left; margin-left: 12px; } #story-reading header.panel.panel-reading ul.story-extras li.story-extra:first-child { margin-left: 0px; } #story-reading header.panel.panel-reading ul.story-extras li.story-extra + li.story-extra::before { content: "·"; color: rgb(111, 111, 111); font-size: 30px; position: absolute; margin-left: -1px; } #story-reading header.panel.panel-reading ul.story-extras .dedication { color: rgb(111, 111, 111); } #story-reading header.panel.panel-reading ul.story-extras .dedication a { color: rgb(255, 97, 34); } #story-reading header.panel.panel-reading ul.story-extras .dedication strong { font-weight: 600; } #story-reading header.panel.panel-reading .meta a:link { color: rgb(111, 111, 111); } #story-reading header.panel.panel-reading .meta a:hover { color: rgb(111, 111, 111); } #story-reading header.panel.panel-reading .meta a:visited { color: rgb(111, 111, 111); } #story-reading header.panel.panel-reading .part-restart-chapter { font-weight: 600; text-align: center; } #story-reading header.panel.panel-reading a.restart-part { font-size: 16px; font-weight: 600; color: rgb(111, 111, 111); line-height: 24px; padding: 0px; display: block; box-shadow: none; text-align: center; position: relative; margin: 30px -10px 0px; } #story-reading header.panel.panel-reading a.restart-part .part-title { font-size: 16px; font-weight: 400; color: rgb(111, 111, 111); display: inline-block; max-width: 282px; position: relative; background-color: rgb(255, 255, 255); padding: 0px 18px; } #story-reading header.panel.panel-reading a.restart-part .part-title h6 { color: rgb(111, 111, 111); margin: 0px; } #story-reading header.panel.panel-reading a.restart-part .up-icon { color: rgb(111, 111, 111); line-height: 45px; font-size: 12px; position: relative; top: -9px; margin-left: 12px; } #story-reading header.panel.panel-reading a.restart-part::before { content: ""; position: absolute; width: 100%; height: 1px; background-color: rgb(238, 238, 238); left: 0px; top: 13px; } #story-reading .meta { font-size: 12px; color: rgb(111, 111, 111); padding: 4px 0px; display: flex; -webkit-box-align: center; align-items: center; } #story-reading .meta .bullet { font-weight: 700; font-size: 16px; position: relative; top: 1px; } #story-reading .meta .bullet::before { content: "·"; } #story-reading .meta .comments, #story-reading .meta .reads, #story-reading .meta .votes { -webkit-box-align: center; align-items: center; display: flex; margin-right: 15px; } #story-reading pre { font-size: 15px; line-height: 24px; overflow: initial; } #story-reading .media { padding-top: 0px; min-height: 78px; } #story-reading .media .media-item.image { height: 100%; } #story-reading .media .media-item.image > img { max-height: 100%; max-width: 100%; display: inline-block; } #story-reading .media .media-item.video { width: 95%; height: auto; vertical-align: middle; position: relative; display: inline-block; overflow: hidden; } #story-reading .media .media-item.video img { margin-top: -9.5%; margin-bottom: -9.5%; width: 100%; } #story-reading .media .media-item.video .play { position: absolute; top: 50%; left: 50%; width: 80px; height: 55px; opacity: 0.7; border-radius: 20%; font-size: 25px; background-color: rgb(111, 111, 111); transform: translate(-50%, -50%); transition: background-color 0.2s ease 0s; } #story-reading .media .media-item.video .triangle-right { top: 25%; } #story-reading .media .media-item.video:active, #story-reading .media .media-item.video:hover, #story-reading .media .media-item.video:visited { cursor: pointer; } #story-reading .media .media-item.video:active .play, #story-reading .media .media-item.video:hover .play, #story-reading .media .media-item.video:visited .play { background-color: red; } #story-reading .page { transition: max-height 1.5s ease-in-out 0s; overflow: hidden; padding-left: 13px; padding-right: 0px; } #story-reading .page.height-zero { max-height: 0px; } #story-reading .page pre { white-space: inherit; } #story-reading .page p { padding: 0px 27px 0px 0px; min-height: 3px; position: relative; } #story-reading .page p:first-child { margin-top: 0px; } #story-reading .page img.blurred-text { width: 100%; } #story-reading .page div.advertisement.outstream_video + div { margin-left: -13px; } #story-reading .page div[data-mediaquery] .advertisement.mobilebanner_top_mobile { margin-left: -23px; } #story-reading .page div.readinglong-mid-mweb { margin: 0px auto; width: 320px; height: auto; } #story-reading .part-recommendations-container { margin: 10px 18px; } #story-reading .part-recommendations-container .discover-rows { border-style: solid; border-color: rgb(238, 238, 238); border-width: 1px; border-radius: 5px; background-color: rgb(238, 238, 238); } #story-reading .part-recommendations-container .discover-rows .discover-module .module-header-story-reading { margin-bottom: -10px; } #story-reading .part-recommendations-container .discover-rows .discover-module .discover-module-stories-large .meta { margin-bottom: 0px; } #story-reading .part-recommendations-container .discover-rows .discover-module .discover-module-stories-large .content { width: 160px; } #story-reading .part-recommendations-container .discover-rows .discover-module .promotion-description-story-reading { margin: 1px 0px; font-size: 12px; color: rgb(111, 111, 111); } #story-reading .part-recommendations-container .discover-rows .discover-module .promotion-description-story-reading .lightbold { display: inline-block; font-weight: 600; } #story-reading .part-recommendations-container .discover-rows .promoted-recommended-stories-view { min-width: 0px; } #story-reading .part-recommendations-container .discover-rows .promoted-recommended-stories-view .discover-module-stories-large .cover { margin-right: 10px; } #story-reading .part-recommendations-container .discover-rows .promoted-recommended-stories-view .discover-module-stories-large .content { float: none; width: 100%; } #story-reading .promoted-recommended-stories { margin-top: 15px; } #story-reading #parts-container-new { background-color: rgb(255, 255, 255); margin-left: -10px; margin-right: -10px; } #story-reading #parts-container-new #story-part-navigation { padding-left: 10px; padding-right: 10px; } #story-reading #parts-container-new .panel-reading { margin-bottom: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: none; } #story-reading #parts-container-new .reading-widget { margin: 10px 0px 20px; } #story-reading #parts-container-new .reading-widget .panel-title { text-align: center; text-transform: uppercase; font-size: 12px; color: rgb(111, 111, 111); } #story-reading #parts-container-new header.panel.panel-reading .author { font-weight: 700; font-size: 12px; } #story-reading #parts-container-new header.panel.panel-reading .story-stats { margin-bottom: 12px; } #story-reading #parts-container-new header.panel.panel-reading .story-stats .comments, #story-reading #parts-container-new header.panel.panel-reading .story-stats .reads, #story-reading #parts-container-new header.panel.panel-reading .story-stats .votes { margin: 0px 6px; font-size: 12px; color: rgb(111, 111, 111); } #story-reading #parts-container-new header.panel.panel-reading li.story-extra { float: none; margin-left: 0px; } #story-reading #parts-container-new header.panel.panel-reading li.story-extra + li.story-extra::before { content: ""; } #story-reading #parts-container-new .part-header .top-ad-unit-wrapper { display: flex; -webkit-box-pack: center; justify-content: center; } #story-reading #parts-container-new .part-header .reading-top-ad { width: 320px; height: 50px; } #story-reading #parts-container-new footer .reading-bottom-ad { width: 320px; height: 50px; } #story-reading #parts-container-new footer .bottom-ad-unit-wrapper { display: flex; -webkit-box-pack: center; justify-content: center; margin: 10px 0px; } #story-reading #parts-container-new footer .similar-stories-container { margin: 10px 20px; } #story-reading #parts-container-new footer .similar-stories-container .section-heading { color: rgb(34, 34, 34); font-weight: 400; } #story-reading #parts-container-new footer .similar-stories-container #similar-stories .left-container { -webkit-box-flex: 1; flex: 1 1 0%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-width: 0px; } #story-reading #parts-container-new footer .similar-stories-container #similar-stories a { display: flex; color: rgb(34, 34, 34); } #story-reading #parts-container-new footer .promoted-stories-container { margin: 20px 20px 10px; } #story-reading #parts-container-new footer .promoted-stories-container, #story-reading #parts-container-new footer .similar-stories-container { border-style: solid; border-radius: 5px; border-color: rgb(238, 238, 238); border-width: 1px; background-color: rgb(238, 238, 238); padding: 0px 18px; } #story-reading #parts-container-new footer .promoted-stories-container .section-heading, #story-reading #parts-container-new footer .similar-stories-container .section-heading { font-weight: 600; } #story-reading #parts-container-new footer .promoted-stories-container .story-item, #story-reading #parts-container-new footer .similar-stories-container .story-item { margin: 12px 0px; max-height: 118px; overflow: hidden; } #story-reading #parts-container-new footer .promoted-stories-container .story-item .meta, #story-reading #parts-container-new footer .similar-stories-container .story-item .meta { margin-bottom: 0px; } #story-reading #parts-container-new footer .promoted-stories-container .story-item .story-item-description, #story-reading #parts-container-new footer .similar-stories-container .story-item .story-item-description { margin: 0px; line-height: 18px; } #story-reading #parts-container-new footer .background-lg { padding: 54px 0px; position: relative; } #story-reading #parts-container-new footer .next-up { display: block; border-top: none; color: rgb(255, 255, 255); font-size: 18px; font-weight: 800; line-height: 25px; margin: auto; padding: 12px 0px; text-align: center; border-radius: 5px; text-decoration: none; min-width: 284px; max-width: 350px; } #story-reading #parts-container-new footer .next-part-link::after, #story-reading #parts-container-new footer .next-part-link::before { content: " "; display: table; } #story-reading #parts-container-new footer .next-part-link::after { clear: both; } #story-reading #parts-container-new footer .next-part-link::after, #story-reading #parts-container-new footer .next-part-link::before { content: " "; display: table; } #story-reading #parts-container-new footer .next-part-link::after { clear: both; } #story-reading #parts-container-new footer .next-part-link::before { content: ""; padding-bottom: 30px; width: 90%; margin: auto; border-top: 1px solid rgb(238, 238, 238); } #story-reading #parts-container-new footer .next-up-title { font-weight: initial; font-size: initial; } #story-reading #parts-container-new footer .next-up-icon { color: rgb(255, 255, 255); font-weight: 700; display: inline-block; } #story-reading #parts-container-new footer .grey { background-color: rgb(238, 238, 238) !important; color: rgb(111, 111, 111) !important; } #story-reading #parts-container-new footer .load-more-page .fa-loading { padding: 0px 5px; } #story-reading #parts-container-new footer .orange { background-color: rgb(255, 97, 34); } #story-reading #parts-container-new footer .footer-actions { display: flex; -webkit-box-pack: center; justify-content: center; margin: 3% auto; width: 140px; } #story-reading #parts-container-new footer .footer-actions .button-group { display: flex; -webkit-box-align: center; align-items: center; } #story-reading #parts-container-new footer .footer-actions .btn-text { font-weight: 100; color: rgb(18, 18, 18); display: flex; -webkit-box-align: center; align-items: center; } #story-reading #parts-container-new footer .footer-actions .fa { padding-right: 8px; } #story-reading #parts-container-new footer .footer-actions .fa-plus { padding-bottom: 5px; } #story-reading #parts-container-new footer .footer-actions .fa-vote { padding-bottom: 2px; } #story-reading #parts-container-new footer .actions { padding-top: 25px; } #story-reading #parts-container-new footer .actions .share-tools { display: flex; -webkit-box-pack: center; justify-content: center; left: 10px; margin: 10px auto; width: 290px; } #story-reading #parts-container-new footer .actions .share-tools > .button-group, #story-reading #parts-container-new footer .actions .share-tools > a { display: inline-block; border-radius: 50%; height: 42px; width: 42px; background: rgb(231, 231, 229); vertical-align: top; margin-right: 1%; } #story-reading #parts-container-new footer .actions .share-tools > .button-group span, #story-reading #parts-container-new footer .actions .share-tools > a span { position: relative; left: 9px; top: 10px; font-size: 24px !important; } #story-reading #parts-container-new footer .actions .share-tools > .button-group span.fa-wp-neutral-3, #story-reading #parts-container-new footer .actions .share-tools > a span.fa-wp-neutral-3 { left: 0px; } #story-reading #parts-container-new footer .actions .share-tools > .button-group:hover, #story-reading #parts-container-new footer .actions .share-tools > a:hover { text-decoration: none; } #story-reading #parts-container-new footer .actions .share-tools > .button-group.more, #story-reading #parts-container-new footer .actions .share-tools > a.more { margin-left: 0px; } #story-reading #parts-container-new footer .actions .share-tools > .button-group.more .btn, #story-reading #parts-container-new footer .actions .share-tools > a.more .btn { padding: 6px 0px; } #story-reading #parts-container-new footer .actions .share-tools > .button-group.more img, #story-reading #parts-container-new footer .actions .share-tools > a.more img { margin-left: 3px; } #story-reading #parts-container-new footer .actions .share-tools > .share-embed img, #story-reading #parts-container-new footer .actions .share-tools > .share-facebook img, #story-reading #parts-container-new footer .actions .share-tools > .share-pinterest img, #story-reading #parts-container-new footer .actions .share-tools > .share-post-to-profile img, #story-reading #parts-container-new footer .actions .share-tools > .share-tumblr img, #story-reading #parts-container-new footer .actions .share-tools > .share-twitter img { margin: 12px; } #story-reading #parts-container-new footer .actions .share-tools > .share-twitter { background-color: rgb(85, 172, 238); } #story-reading #parts-container-new footer .actions .share-tools > .share-facebook { background-color: rgb(59, 89, 152); } #story-reading #parts-container-new footer .actions .share-tools > .share-pinterest { background-color: rgb(189, 8, 28); } #story-reading #parts-container-new footer .actions .share-tools > .share-tumblr { background-color: rgb(53, 70, 92); } #story-reading #parts-container-new footer .actions .share-tools > .share-embed { background-color: rgb(111, 111, 111); } #story-reading #parts-container-new footer .actions .share-tools > .share-post-to-profile { background-color: rgb(255, 97, 34); } #story-reading #parts-container-new footer .actions .share-tools li a .fa { top: 2px; left: 0px; padding-right: 5px; } #story-reading #parts-container-new footer .actions .sticky-toolbar { position: fixed; bottom: 0px; display: block; text-align: center; right: 0px; z-index: 1000; left: 0px; } #story-reading #parts-container-new footer .actions .sticky-toolbar > a span { left: 0px; } #story-reading #parts-container-new footer .actions .sticky-toolbar .triangle { top: 0px; transform: rotate(180deg); margin-top: -2px; } #story-reading figcaption { display: none; } .js-app-off #story-reading footer.panel.panel-reading > .next-up { border-top: none; } #browse-landing main .category-banner { display: block; background: right center / cover rgb(238, 238, 238); height: 90px; padding: 0px; color: rgb(255, 255, 255); margin-top: 12px; overflow: hidden; } #browse-landing main .category-banner:hover { text-decoration: none; } #browse-landing main .category-banner h2 { color: rgb(255, 255, 255); margin-top: 0px; font-size: 21px; font-weight: 400; padding: 60px 12px 12px; } #browse-landing main .stories .collection { margin-bottom: 42px; } #browse-landing main .stories .collection .mediumrect { position: relative; display: inline-block; width: 300px; margin: 30px 4% 6px; vertical-align: top; } #browse-stories-page { background-color: rgb(255, 255, 255); padding: 0px; } #browse-stories-page header { position: relative; } #browse-stories-page header h1 { margin: 15px 0px; } #browse-stories-page header .tags-header { margin-right: 14px; display: inline; } #browse-stories-page header .tags { display: inline; } #browse-stories-page header .tags .tag { color: rgb(255, 255, 255); cursor: pointer; } #browse-stories-page header .back-link { position: absolute; top: 12px; left: 12px; color: rgb(255, 255, 255); font-size: 13px; font-weight: 600; } #browse-stories-page header a { color: rgb(255, 255, 255); } #browse-stories-page header button { color: rgb(255, 255, 255); margin-left: 0px; opacity: 1 !important; } #browse-stories-page #category-tags { padding: 10px 10px 0px; margin: 0px; width: auto; border-top: none; } #browse-stories-page #category-tags .fa-right { float: right; line-height: 38px; padding-left: 10px; } #browse-stories-page #category-tags .scrollable { overflow: auto; } #browse-stories-page #category-tags .collection { height: 35px; overflow: scroll; white-space: nowrap; } #browse-stories-page #category-tags s { text-decoration: none; } #browse-stories-page #category-tags .collection .tag-module-tags { display: inline-block; } #browse-stories-page #category-tags .collection .tag-module-tags a { color: rgb(111, 111, 111); font-size: 16px; line-height: 35px; margin-right: 10px; } #browse-stories-page #category-tags .collection .tag-module-tags a:hover { text-decoration: none; } #browse-stories-page #hot-list-header { margin-top: 4px; margin-bottom: -12px; padding-left: 10px; } #browse-stories-page.completed-only .browse-story-item { display: none; } #browse-stories-page.completed-only .browse-story-item.completed { display: inline-block; } #browse-stories-page .on-showmore { margin: 36px 0px; padding: 12px 36px; background: rgb(255, 97, 34); border-radius: 4px; color: rgb(255, 255, 255); line-height: 21px; font-size: 15px; } #browse-stories-page .browse-story-item { margin-top: 12px; } #browse-stories-page .browse-story-item .title { font-size: 14px; } #browse-stories-page .browse-story-item .ranking { font-size: 14px; } #browse-stories-page .category-banner { padding: 24px 14px 12px; } #browse-stories-page .category-banner h1 { font-weight: 600; margin: 0px 0px 6px; } #browse-stories-page .category-banner .fa-up-small { padding-right: 6px; } #browse-stories-page .category-banner .subtitle { font-size: 16px; margin: 0px; } #browse-stories-page .show-more { margin-left: 10px; margin-right: 10px; } .typed-cursor { opacity: 1; animation: 0.7s ease 0s infinite normal none running blink; } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .scroll-arrow { position: relative; display: block; cursor: pointer; opacity: 0.8; animation: 0.8s ease-in 0s infinite alternate none running arrowbounce; } @keyframes arrowbounce { 0% { bottom: 10px; } 100% { bottom: 20px; } } @-webkit-keyframes arrowbounce { 0% { bottom: 10px; } 100% { bottom: 20px; } } .category-layout { background-color: rgb(111, 111, 111); } @media (min-height: 840px) and (min-width: 768px) { .category-layout .container.auth { padding-top: 50px; padding-bottom: 50px; } } .category-layout #wattpad-logo { background-image: none; } .category-layout .headline { color: rgb(255, 255, 255); font-size: 20px; margin-bottom: 30px; } .category-layout .headline h1 { font-size: 64px; font-weight: 700; margin-bottom: 24px; height: 65px; } .category-layout .mobile .headline h1 { height: auto; line-height: 56px; } @media (min-width: 768px) { .category-layout .full-screen::after { display: none; content: url("/img/homepages/backgrounds/romance.jpg?v=1") url("/img/homepages/backgrounds/fanfic.jpg?v=1") url("/img/homepages/backgrounds/scifi.jpg?v=1") url("/img/homepages/backgrounds/mystery.jpg?v=1") url("/img/homepages/backgrounds/werewolf.jpg?v=1"); } } .category-layout .background-1 { background-image: url("/img/homepages/backgrounds/romance.jpg?v=1"); } .category-layout .background-2 { background-image: url("/img/homepages/backgrounds/fanfic.jpg?v=1"); } .category-layout .background-3 { background-image: url("/img/homepages/backgrounds/scifi.jpg?v=1"); } .category-layout .background-4 { background-image: url("/img/homepages/backgrounds/mystery.jpg?v=1"); } .category-layout .background-5 { background-image: url("/img/homepages/backgrounds/werewolf.jpg?v=1"); } .category-layout .panel.panel-transparent .panel-body { background-color: transparent; } .category-layout .panel.panel-transparent .panel-footer { background-color: transparent; border-top: none; } .category-layout .auth-form .vr { width: 1px; height: 45%; border-left: 1px solid rgb(238, 238, 238); margin: auto; } .category-layout .auth-form .vr-text { margin: -1px auto auto; } .category-layout #auth-header { margin-bottom: 0px; } .category-layout #auth-header .btn { padding: 10px 20px 11px; } .category-layout #auth-header .btn-link.on-login { border: 1px solid rgb(255, 255, 255); border-radius: 4px; font-weight: 700; background-color: rgba(255, 255, 255, 0.1); } .category-layout .footer-wrapper { background-color: rgb(255, 255, 255); position: relative; padding-top: 50px; padding-bottom: 50px; margin-bottom: -12px; } .category-layout .footer-wrapper h2 { font-size: 36px; margin-bottom: 5px; } .category-layout .footer-wrapper .byline { display: block; margin-bottom: 20px; font-size: 22px; } .category-layout #value-props #phone-row { margin-top: 50px; } @media (min-width: 768px) { .category-layout #value-props #comment-row { margin-top: 125px; } } .category-layout #value-props #comment-row #value-comment { position: relative; } @media (max-width: 767px) { .category-layout #value-props #comment-row #value-comment { margin: 125px auto 75px; max-width: 437px; } } .category-layout #value-props #comment-row #value-comment .comment-bubble { position: absolute; background-size: cover; transform: scale(0); } .category-layout #value-props #comment-row #value-comment #one { top: -87px; right: 0px; } .category-layout #value-props #comment-row #value-comment #two { bottom: 45px; left: -80px; } .category-layout #value-props #comment-row #value-comment #three { bottom: -50px; right: 0px; } .category-layout #value-props #comment-row #value-comment #four { top: -75px; left: -90px; } @media (min-width: 768px) { .category-layout #value-props #write-row { margin-top: 125px; } } @media (max-width: 767px) { .category-layout #value-props #write-row #value-write { margin-top: 50px; margin-bottom: 25px; } } .category-layout #value-props #button-row { margin-top: 110px; margin-bottom: 0px; text-align: center; } .category-layout #value-props #button-row a { min-width: 30%; } @media (max-width: 767px) { .category-layout #value-props #button-row { margin-top: 60px; } } .category-layout #value-props .value-title { font-size: 32px; font-weight: 800; letter-spacing: -1px; margin-top: 25px; margin-bottom: 20px; line-height: 1; padding-top: 40px; } .category-layout #value-props .value-desc { font-size: 18px; line-height: 1; } .category-layout #value-props .col-sm-4 ~ .col-sm-4 { margin-left: 12px; } .category-layout #value-props .value-image { width: 100%; max-width: 100%; height: auto; } @media (max-width: 767px) { .category-layout #value-props .value-image { margin: auto; max-width: 50%; } .category-layout #value-props #value-comment .value-image { max-width: 75%; } .category-layout #value-props .value-text { margin: 0px 50px; } .category-layout #value-props .row { margin-bottom: 25px; } } .category-layout #devices-row { margin-top: 100px; background-image: url("/img/homepages/value/covers.jpg"); background-size: cover; height: 303px; } .category-layout #devices-row h2 { color: rgb(255, 255, 255); font-weight: 800; margin-top: 44px; letter-spacing: -1px; } .category-layout #devices-row span.byline { color: rgb(255, 255, 255); font-size: 18px; } .category-layout #devices-row img.devices { margin-top: 45px; } .category-layout #devices-row #download-row { margin-top: 35px; } @media (max-width: 767px) { .category-layout #devices-row { margin-bottom: 300px; margin-top: 50px; } } .category-layout #footer-devices { width: 100%; max-width: 419px; } .category-layout .footer-appstore { height: 45px; margin-bottom: 5px; } .category-layout #auth-footer { background-color: rgb(111, 111, 111); } @media (max-width: 768px) { .category-layout .footer-wrapper { text-align: center; } } @media (min-width: 768px) { .category-layout .panel.panel-transparent .panel-footer { display: none; } } .privacy-settings { } .privacy-settings .checkbox-holder { margin-bottom: 2rem; } .privacy-settings .checkbox-holder input { display: inline-block; margin: 0px 0.8rem 0px 0px; vertical-align: middle; width: 16px; height: 16px; } .privacy-settings .checkbox-holder label { margin: 0px; color: rgb(18, 18, 18); } .privacy-settings .icon-holder { background-color: rgb(0, 133, 78); border-radius: 4rem; height: 40px; width: 40px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin: 0px auto 2rem; } #discover-landing .background.background-lg { padding-top: 30px; } #discover-landing .background.background-lg p { margin-bottom: 18px; } #discover-landing h2 { font-size: 19px; font-weight: 600; line-height: 21px; margin-top: 36px; margin-bottom: 9px; color: rgb(34, 34, 34); } #discover-landing .discover-category, #discover-landing .discover-tag { display: block; padding: 15px 0px; width: 100%; margin: 6px 0px; background: rgb(238, 238, 238); color: rgb(111, 111, 111); font-size: 18px; line-height: 24px; font-weight: 600; text-align: center; } #discover-landing .discover-category:hover, #discover-landing .discover-tag:hover { text-decoration: none; color: rgb(111, 111, 111); } #discover-landing .discover-tag { border-radius: 30px; } #discover-landing .discover-tags .col-xs-6.col-md-4 { width: 100%; } #discover-landing .discover-categories .col-xs-6.col-md-4 { padding-left: 6px; padding-right: 6px; } #discover-landing .loading-placeholder { position: relative; height: 0px; padding-bottom: 69.25%; text-align: center; } #library-landing-page header h1 { color: rgb(34, 34, 34); margin-top: 36px; margin-bottom: 12px; font-size: 25px; line-height: 30px; } #library-landing-page .sub-navigation { border-top: none; } #library-landing-page .sub-navigation nav li a { height: 36px; padding: 0px 9px; font-size: 15px; line-height: 36px; } #library-landing-page .page-controls { padding: 6px 0px 12px; } #library-landing-page .page-controls .page-status { padding-top: 4px; padding-right: 6px; font-size: 13px; color: rgb(111, 111, 111); } #library-landing-page .collection { margin: 0px -2%; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } #library-landing-page .collection .library-ad-container-mweb { width: 100%; margin: 12px auto 0px; text-align: center; } .error-404 { float: none; text-align: center; color: rgb(111, 111, 111); } .error-404 .heading { font-weight: 600; padding-top: 40px; } .error-404 .subheading { font-size: 24px; line-height: 32px; max-width: 504px; display: inline-block; margin-bottom: 21px; } .error-404 .fa-search { margin: 13px 9px; position: absolute; } .error-404 #search-query { height: 47px; border: none; width: 65%; text-align: center; background: rgb(255, 255, 255); border-radius: 5px; margin-bottom: 57px; padding: 0px 30px; color: rgb(111, 111, 111); } .error-404 #search-query::-webkit-input-placeholder { color: rgb(111, 111, 111); } .error-404 #search-query input::-webkit-input-placeholder { color: rgb(111, 111, 111); font-size: 16px; transition: color 133ms ease 0s; } #error-404 .categories-grid { background-color: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); border-radius: 2px; } #error-404 .categories-grid .category-item { height: 100px; padding: 10px; } #error-404 .categories-grid .category-item a { border-radius: 5px; display: block; width: 100%; height: 100%; } #error-404 .categories-grid .text { position: absolute; top: 36%; margin-right: auto; width: 100%; text-align: center; font-size: 16px; font-weight: 600; color: rgb(255, 255, 255); left: 0px; } #error-404 .categories-grid .more { line-height: 100px; } #error-404 .trending-tags { background-color: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); border-radius: 2px; margin-bottom: 20px; } #error-404 .trending-tags ul { list-style-type: none; padding: 0px; } #error-404 .trending-tags li { font-size: 21px; line-height: 53px; font-weight: 600; } #error-404 .trending-tags a, #error-404 .trending-tags a:hover { text-decoration: none; color: rgb(111, 111, 111); } .merch-message-wrapper { margin-top: 150px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .merch-message-wrapper .merch-message-image { width: 459px; } .merch-message-wrapper h3 { margin: 24px auto 0px; font-size: 21px; font-weight: 700; line-height: 32px; color: rgb(34, 34, 34); } .merch-message-wrapper p { width: 500px; margin-top: 16px; margin-bottom: 0px; font-size: 16px; line-height: 24px; } @media (max-height: 750px) { .merch-message-wrapper { margin-top: calc(50px); } } @media (max-width: 991px) { .merch-message-wrapper { height: 100vh; padding: 0px 36px; margin-top: 0px; } .merch-message-wrapper .merch-message-image { width: 100%; } .merch-message-wrapper h3 { font-size: 18px; line-height: 24px; } .merch-message-wrapper p { font-size: 14px; line-height: 21px; margin-top: 8px; width: 100%; } } .error-404 { margin-top: 0px; margin-bottom: -12px; } .error-404 .content-wrapper { padding: 42px 21px; top: 44px; width: 100%; z-index: 0; background-position: right top; background-size: cover; position: inherit; } .error-404 .content-wrapper .heading { font-size: 36px; line-height: 42px; margin-bottom: 24px; } .error-404 .content-wrapper .subheading { width: inherit; font-size: 21px; line-height: 27px; } .error-404 .content-wrapper #search-query { width: 80%; height: 42px; } .error-404 .content-wrapper .recommended-stories-wrapper #error-404-stories .collection .story-item { width: inherit; background: 0px 0px; margin: 0px; border-bottom: none; } #reading-list { margin-top: 24px; } #reading-list #authentication-panel { border: none; margin-top: 24px; } @media (max-width: 767px) { #reading-list main { padding-top: 3%; } #reading-list #authentication-panel { display: none; } } #reading-list .page-controls { border-bottom: 1px solid rgb(238, 238, 238); padding: 1% 0px; margin: 0px 0px 3%; } #reading-list .page-controls .page-status { font-size: 13px; color: rgb(111, 111, 111); } #reading-list .on-edit-show { display: none; } #reading-list .cover-reading-list { background-color: transparent; } @media (max-width: 767px) { #reading-list .cover-reading-list img { max-width: 157px; min-width: 84px; display: block; margin: 0px auto; } } #reading-list .follow, #reading-list .reading-list-info { padding: 10px; } @media (max-width: 767px) { #reading-list .follow, #reading-list .reading-list-info { font-size: 88%; } } #reading-list .h2, #reading-list .list-name-controls { margin: 2% 0px; color: rgb(34, 34, 34); } #reading-list .input-group { width: 100%; } #reading-list .meta { padding: 0px; margin: 0px; list-style-type: none; } #reading-list .meta li { display: inline-block; color: rgb(111, 111, 111); } #reading-list .meta li + li::before { content: "·"; font-size: 30px; position: relative; top: 5px; padding: 0px 5px 0px 4px; } #reading-list .btn .fa { padding-right: 0px; } #reading-list .taglist { overflow: hidden; } #reading-list .follow { position: relative; padding: 5px 0px; margin: 5px 0px; border-top: 2px solid rgb(238, 238, 238); border-bottom: 2px solid rgb(238, 238, 238); } #reading-list .follow .avatar, #reading-list .follow ul { display: inline-block; vertical-align: top; color: rgb(111, 111, 111); } #reading-list .follow ul { font-size: 15px; list-style-type: none; margin: 0px; line-height: 110%; padding: 10px 5px; } #reading-list .follow button { position: absolute; top: 10px; right: 0px; width: 36px; height: 36px; padding: 0px; } #reading-list .edit-toolbar { margin: 2% 0px; } @media (max-width: 767px) { #reading-list .reading-list-sidebar { padding: 0px; } #reading-list .reading-list-sidebar .btn-group-vertical > .btn-group, #reading-list .reading-list-sidebar .btn-toolbar, #reading-list .reading-list-sidebar .clearfix, #reading-list .reading-list-sidebar .container, #reading-list .reading-list-sidebar .container-fluid, #reading-list .reading-list-sidebar .dl-horizontal dd, #reading-list .reading-list-sidebar .form-horizontal .form-group, #reading-list .reading-list-sidebar .modal-footer, #reading-list .reading-list-sidebar .panel-body, #reading-list .reading-list-sidebar .row, #reading-list .reading-list-sidebar .user-profile .user-about .panel-body { min-height: 175px; } } #reading-list .drag-handle { margin: 40px 5% 0px 0px; } #reading-list .checked-in { display: none; } #reading-list .circular-checkbox { margin: 40px 0px 0px; } #reading-list .story-status { padding: 0px 0px 6px; } #reading-list .select-all { height: 67px; padding: 18px; border-bottom: 1px solid rgb(238, 238, 238); } @media (max-width: 767px) { #reading-list .select-all { padding-left: 3%; padding-right: 3%; } } #reading-list .select-all .text { line-height: 30px; margin-right: 10px; color: rgb(111, 111, 111); font-weight: 600; } #reading-list .select-all .circular-checkbox { position: relative; margin: 0px; } #reading-list .list-group .list-group-item h5 { max-height: 36px; overflow: hidden; } #reading-list .list-group .list-group-item .content > p { font-size: 13px; line-height: initial; color: rgb(111, 111, 111); } @media (max-width: 767px) { #reading-list .list-group .list-group-item .btn-group-vertical > .btn-group, #reading-list .list-group .list-group-item .btn-toolbar, #reading-list .list-group .list-group-item .clearfix, #reading-list .list-group .list-group-item .container, #reading-list .list-group .list-group-item .container-fluid, #reading-list .list-group .list-group-item .dl-horizontal dd, #reading-list .list-group .list-group-item .form-horizontal .form-group, #reading-list .list-group .list-group-item .modal-footer, #reading-list .list-group .list-group-item .panel-body, #reading-list .list-group .list-group-item .row, #reading-list .list-group .list-group-item .user-profile .user-about .panel-body { padding: 3%; } #reading-list .list-group .list-group-item .content > p { font-size: 12px; line-height: 14px; max-height: 71px; overflow: hidden; } #reading-list .list-group .list-group-item .story-status { padding: 0px; } } #reading-list .list-controls { position: fixed; bottom: 0px; left: 0px; background: rgb(255, 255, 255); width: 100%; border-top: 1px solid rgb(238, 238, 238); padding: 5px 2%; font-weight: 600; display: none; z-index: 2; } #reading-list .list-controls .btn-md { padding: 5px 20px; } #reading-list .num-selected { padding: 5px 0px; line-height: 30px; margin: 3px 5px; } #reading-list-create .fa { margin: 6px 0px; } #reading-list-create button { margin-left: 12px; } #get-mobile-page #getapp { height: 450px; background-color: rgb(50, 40, 100); background-size: cover; color: rgb(255, 255, 255); overflow: hidden; } #get-mobile-page #getapp h1 { font-weight: 600; } @media (max-width: 991px) { #get-mobile-page #getapp { height: 340px; } } #get-mobile-page #getapp .row { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } #get-mobile-page #getapp-mobile { height: 623px; background-image: url("/img/getmobile/landingpage_bg.jpg"); background-size: cover; color: rgb(255, 255, 255); overflow: hidden; } #get-mobile-page #getapp-mobile h1 { font-weight: 600; margin: 42px auto; width: 60%; height: 68px; } #get-mobile-page #getapp-mobile .appstore-image, #get-mobile-page #getapp-mobile .ratings-stars, #get-mobile-page #getapp-mobile small { display: block; margin: auto; } #get-mobile-page #getapp-mobile .appstore-image { margin-bottom: 9px; } #get-mobile-page #getapp-mobile small { height: 18px; margin-bottom: 34px; } #get-mobile-page #getapp-mobile a[data-name="Download|getmobile|Android"] img { height: 65px; } #get-mobile-page #getapp-mobile a[data-name="Download|getmobile|huawei"] img { height: 80px; } #get-mobile-page #text { height: 450px; display: table; } @media (max-width: 991px) { #get-mobile-page #text { height: 340px; } } @media (max-width: 767px) { #get-mobile-page #text { margin: auto; } } #get-mobile-page #text .h1-container { display: table-row; } #get-mobile-page #text h1 { margin-top: 73px; line-height: 54px; } @media (min-width: 768px) { #get-mobile-page #text h1 { width: 425px; } } @media (max-width: 991px) { #get-mobile-page #text h1 { margin-top: 55px; font-size: 40px; } } #get-mobile-page form#send-link { display: table-row; } #get-mobile-page form#send-link .cta-text { font-weight: 600; font-size: 18px; } #get-mobile-page form#send-link label { color: rgb(255, 255, 255); } #get-mobile-page form#send-link .tinytext { font-size: 12px; } #get-mobile-page form#send-link .has-feedback .form-control-feedback, #get-mobile-page form#send-link .has-feedback label.sr-only ~ .form-control-feedback { top: -5px; } #get-mobile-page form#send-link .on-send-app-link { font-size: 16px; font-weight: 800; min-width: 120px; left: 10px; } @media (max-width: 767px) { #get-mobile-page form#send-link .on-send-app-link { width: 100%; margin: 3px 0px; left: 0px; } } #get-mobile-page form#send-link .on-send-app-link.sent .hidden-if-sent { display: none; } #get-mobile-page form#send-link .on-send-app-link.sent .shown-if-sending { display: none; } #get-mobile-page form#send-link .on-send-app-link.sent .shown-if-sent { display: inline; } #get-mobile-page form#send-link .on-send-app-link.sending .hidden-if-sent { display: none; } #get-mobile-page form#send-link .on-send-app-link.sending .shown-if-sending { display: inline; } #get-mobile-page form#send-link .on-send-app-link.sending .shown-if-sent { display: none; } #get-mobile-page form#send-link .on-send-app-link .hidden-if-sent { display: inline; } #get-mobile-page form#send-link .on-send-app-link .shown-if-sending { display: none; } #get-mobile-page form#send-link .on-send-app-link .shown-if-sent { display: none; } #get-mobile-page form#send-link #sendTo { padding-left: 10px; } @media (min-width: 768px) { #get-mobile-page form#send-link #sendTo { width: 255px; } } #get-mobile-page #download-row { display: table-row; } #get-mobile-page #download-row .apple-store-logo { position: relative; right: 50px; padding-left: 16px; } #get-mobile-page #download-row .google-play-logo { position: relative; right: 50px; } #get-mobile-page #download-row .huawei-appgallery-logo { position: relative; right: 50px; padding-left: 16px; } #get-mobile-page #download-row .huawei-appgallery-logo img { height: 80px; object-fit: cover; } @media (max-width: 767px) { #get-mobile-page #download-row div { display: inline-block; } #get-mobile-page #download-row .apple-store-logo { left: 0px; } } #get-mobile-page .footer-appstore { height: 46px; } #get-mobile-page .windows-appstore { height: 45px; margin-left: 15px; } #get-mobile-page #devices { position: relative; height: 450px; width: 40%; } @media (max-width: 991px) { #get-mobile-page #devices { height: 340px; } } #get-mobile-page #android-horizontal { position: absolute; bottom: 0px; left: 68px; background-image: url("/img/get-mobile/Android-Horizontal.png"); width: 700px; height: 240px; background-size: cover; } @media (max-width: 991px) { #get-mobile-page #android-horizontal { width: 500px; height: 150px; left: 51px; } } #get-mobile-page #iphonex { position: absolute; top: 105px; left: 27px; background-image: url("/img/get-mobile/iPhoneX.png"); width: 224px; height: 423px; background-size: cover; } @media (max-width: 991px) { #get-mobile-page #iphonex { width: 170px; height: 317px; top: 95px; left: 20px; } } #get-mobile-page #iphonex.tl { background-image: url("/img/getmobile/img_iphone_fil.png"); } #get-mobile-page #iphonex.de { background-image: url("/img/getmobile/img_iphone_de.png"); } #get-mobile-page #iphonex.es { background-image: url("/img/getmobile/img_iphone_es.png"); } #get-mobile-page #iphonex.fr { background-image: url("/img/getmobile/img_iphone_fr.png"); } #get-mobile-page #iphonex.pt { background-image: url("/img/getmobile/img_iphone_pt.png"); } #get-mobile-page #iphonex.pt_BR { background-image: url("/img/getmobile/img_iphone_pt.png"); } #get-mobile-page #iphonex.pt_PT { background-image: url("/img/getmobile/img_iphone_pt.png"); } #get-mobile-page #iphonex.ru { background-image: url("/img/getmobile/img_iphone_ru.png"); } #get-mobile-page #iphonex.tr { background-image: url("/img/getmobile/img_iphone_tr.png"); } #get-mobile-page #iphonex video { width: 100%; padding-top: 51px; padding-left: 13px; padding-right: 11px; } @media (max-width: 991px) { #get-mobile-page #iphonex video { padding-top: 38px; padding-left: 10px; padding-right: 9px; } } #get-mobile-page .valueprops-container { background-color: rgb(255, 255, 255); padding-bottom: 95px; margin-bottom: -12px; padding-left: 28px; } #get-mobile-page .valueprops { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: center; justify-content: center; margin-top: 150px; } @media (max-width: 900px) { #get-mobile-page .valueprops { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; margin-top: 50px; } } #get-mobile-page .valueprop { margin: auto 24px; width: 295px; } @media (max-width: 900px) { #get-mobile-page .valueprop h2 { margin-top: 52px; } #get-mobile-page .valueprop + .valueprop { margin: auto 40px; } } #get-mobile-page .valueprop h2 { font-weight: 800; letter-spacing: -1.3px; } #get-mobile-page.mobile .valueprop { width: auto; margin: auto 40px; } @media (min-width: 600px) { #get-mobile-page.mobile .valueprop { display: inline-block; vertical-align: top; float: none; width: 295px; } } #get-mobile-page #offline::before { content: ""; background-image: url("/img/getmobile/ic_devices_gm.png"); display: inline-block; width: 22px; height: 24px; margin-right: 16px; background-size: cover; } #get-mobile-page #social::before { content: ""; background-image: url("/img/getmobile/ic_following_gm.png"); display: inline-block; width: 30px; height: 24px; margin-right: 14px; background-size: cover; } #get-mobile-page #write::before { content: ""; background-image: url("/img/getmobile/ic_write_gm.png"); display: inline-block; width: 24px; height: 24px; margin-right: 17px; background-size: cover; } #get-mobile-page #updates::before { content: ""; background-image: url("/img/getmobile/ic_notifications_gm.png"); display: inline-block; width: 27px; height: 24px; margin-right: 20px; position: relative; top: 4px; background-size: cover; } #get-mobile-page.mobile #offline::before { margin-right: 12px; } #get-mobile-page.mobile #social::before { margin-right: 6px; } #get-mobile-page.mobile #write::before { margin-right: 14px; } #get-mobile-page.mobile #updates::before { margin-right: 12px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #get-mobile-page #offline::before { background-image: url("/img/getmobile/ic_devices_gm@2x.png"); } #get-mobile-page #social::before { background-image: url("/img/getmobile/ic_following_gm@2x.png"); } #get-mobile-page #write::before { background-image: url("/img/getmobile/ic_write_gm@2x.png"); } #get-mobile-page #updates::before { background-image: url("/img/getmobile/ic_notifications_gm@2x.png"); } #get-mobile-page #nexus7 { background-image: url("/img/getmobile/img_nexus7@2x.png"); } #get-mobile-page #iphone { background-image: url("/img/getmobile/img_iphone_en@2x.png"); } #get-mobile-page #iphone.tl { background-image: url("/img/getmobile/img_iphone_fil@2x.png"); } #get-mobile-page #iphone.de { background-image: url("/img/getmobile/img_iphone_de@2x.png"); } #get-mobile-page #iphone.es { background-image: url("/img/getmobile/img_iphone_es@2x.png"); } #get-mobile-page #iphone.fr { background-image: url("/img/getmobile/img_iphone_fr@2x.png"); } #get-mobile-page #iphone.pt { background-image: url("/img/getmobile/img_iphone_pt@2x.png"); } #get-mobile-page #iphone.pt_BR { background-image: url("/img/getmobile/img_iphone_pt@2x.png"); } #get-mobile-page #iphone.pt_PT { background-image: url("/img/getmobile/img_iphone_pt@2x.png"); } #get-mobile-page #iphone.ru { background-image: url("/img/getmobile/img_iphone_ru@2x.png"); } #get-mobile-page #iphone.tr { background-image: url("/img/getmobile/img_iphone_tr@2x.png"); } } #get-mobile-page .appstore-image { height: 45px; } #get-mobile-page #device { background-size: cover; margin: auto; position: relative; top: 15px; } #get-mobile-page #device.iOS { background-image: url("/img/getmobile/img_iphone_en.png"); width: 302px; height: 617px; } #get-mobile-page #device.iOS.tl { background-image: url("/img/getmobile/img_iphone_fil.png"); } #get-mobile-page #device.iOS.de { background-image: url("/img/getmobile/img_iphone_de.png"); } #get-mobile-page #device.iOS.es { background-image: url("/img/getmobile/img_iphone_es.png"); } #get-mobile-page #device.iOS.fr { background-image: url("/img/getmobile/img_iphone_fr.png"); } #get-mobile-page #device.iOS.pt { background-image: url("/img/getmobile/img_iphone_pt.png"); } #get-mobile-page #device.iOS.pt_BR { background-image: url("/img/getmobile/img_iphone_pt.png"); } #get-mobile-page #device.iOS.pt_PT { background-image: url("/img/getmobile/img_iphone_pt.png"); } #get-mobile-page #device.iOS.ru { background-image: url("/img/getmobile/img_iphone_ru.png"); } #get-mobile-page #device.iOS.tr { background-image: url("/img/getmobile/img_iphone_tr.png"); } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #get-mobile-page #device.iOS { background-image: url("/img/getmobile/img_iphone_en@2x.png"); } #get-mobile-page #device.iOS.tl { background-image: url("/img/getmobile/img_iphone_fil@2x.png"); } #get-mobile-page #device.iOS.de { background-image: url("/img/getmobile/img_iphone_de@2x.png"); } #get-mobile-page #device.iOS.es { background-image: url("/img/getmobile/img_iphone_es@2x.png"); } #get-mobile-page #device.iOS.fr { background-image: url("/img/getmobile/img_iphone_fr@2x.png"); } #get-mobile-page #device.iOS.pt { background-image: url("/img/getmobile/img_iphone_pt@2x.png"); } #get-mobile-page #device.iOS.pt_BR { background-image: url("/img/getmobile/img_iphone_pt@2x.png"); } #get-mobile-page #device.iOS.pt_PT { background-image: url("/img/getmobile/img_iphone_pt@2x.png"); } #get-mobile-page #device.iOS.ru { background-image: url("/img/getmobile/img_iphone_ru@2x.png"); } #get-mobile-page #device.iOS.tr { background-image: url("/img/getmobile/img_iphone_tr@2x.png"); } } #get-mobile-page #device.Android { width: 302px; height: 334px; background-image: url("/img/getmobile/img_nexus_en.png"); } #get-mobile-page #device.Android.tl { background-image: url("/img/getmobile/img_nexus_fil.png"); } #get-mobile-page #device.Android.de { background-image: url("/img/getmobile/img_nexus_de.png"); } #get-mobile-page #device.Android.es { background-image: url("/img/getmobile/img_nexus_es.png"); } #get-mobile-page #device.Android.fr { background-image: url("/img/getmobile/img_nexus_fr.png"); } #get-mobile-page #device.Android.pt { background-image: url("/img/getmobile/img_nexus_pt.png"); } #get-mobile-page #device.Android.pt_BR { background-image: url("/img/getmobile/img_nexus_pt.png"); } #get-mobile-page #device.Android.pt_PT { background-image: url("/img/getmobile/img_nexus_pt.png"); } #get-mobile-page #device.Android.ru { background-image: url("/img/getmobile/img_nexus_ru.png"); } #get-mobile-page #device.Android.tr { background-image: url("/img/getmobile/img_nexus_tr.png"); } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #get-mobile-page #device.Android { background-image: url("/img/getmobile/img_nexus_en@2x.png"); } #get-mobile-page #device.Android.tl { background-image: url("/img/getmobile/img_nexus_fil@2x.png"); } #get-mobile-page #device.Android.de { background-image: url("/img/getmobile/img_nexus_de@2x.png"); } #get-mobile-page #device.Android.es { background-image: url("/img/getmobile/img_nexus_es@2x.png"); } #get-mobile-page #device.Android.fr { background-image: url("/img/getmobile/img_nexus_fr@2x.png"); } #get-mobile-page #device.Android.pt { background-image: url("/img/getmobile/img_nexus_pt@2x.png"); } #get-mobile-page #device.Android.pt_BR { background-image: url("/img/getmobile/img_nexus_pt@2x.png"); } #get-mobile-page #device.Android.pt_PT { background-image: url("/img/getmobile/img_nexus_pt@2x.png"); } #get-mobile-page #device.Android.ru { background-image: url("/img/getmobile/img_nexus_ru@2x.png"); } #get-mobile-page #device.Android.tr { background-image: url("/img/getmobile/img_nexus_tr@2x.png"); } } #get-mobile-page #device.windows { width: 302px; height: 334px; background-image: url("/img/getmobile/img_nexus_en.png"); } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #get-mobile-page #device.windows { background-image: url("/img/getmobile/img_nexus_en@2x.png"); } } #get-mobile-page #device.huawei { width: 302px; height: 334px; background-image: url("/img/getmobile/img_nexus_en.png"); } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #get-mobile-page #device.huawei { background-image: url("/img/getmobile/img_nexus_en@2x.png"); } } .onboarding-bg, .onboarding-wrapper > .full-screen { background-image: url("/img/homepages/backgrounds/onboarding_bg.jpg"); background-size: cover; } .container-new { width: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin: 50px auto; } .container-new .form-wrapper { position: relative; min-height: 1px; background-color: var(--ds-neutral-00); border: 1px solid transparent; --webkit-box-shadow:0 3px 9px 0 rgba(34, 34, 34, 0.08),0 4px 5px 0 rgba(34, 34, 34, 0.1); box-shadow: rgba(34, 34, 34, 0.08) 0px 1px 10px 0px, rgba(34, 34, 34, 0.1) 0px 4px 5px 0px; margin: 6px; max-width: 400px; } .container-new .form-wrapper .form-new { padding: 64px 40px; } .container-new .form-wrapper .form-new .control-label, .container-new .form-wrapper .form-new .form-label { font-weight: 700; color: rgb(34, 34, 34); font-size: 18px; } .container-new .form-wrapper .form-new .form-control { box-shadow: none; border-radius: 4px; font-size: var(--font-size-sm); background-color: rgb(250, 250, 250); color: rgb(34, 34, 34); margin-top: 4px; height: 48px; } .container-new .form-wrapper .form-new .form-control:focus { border: 1px solid rgb(34, 34, 34); } .container-new .form-wrapper .form-new .email.valid input, .container-new .form-wrapper .form-new .username.valid input { border-color: rgb(63, 111, 12); outline: 0px; } .container-new .form-wrapper .form-new .email.invalid input, .container-new .form-wrapper .form-new .username.invalid input { border-color: var(--ds-base-4-60); outline: 0px; } .container-new .form-wrapper .form-new .invalidDate select { outline: 0px; border-color: var(--ds-base-4-60) !important; } .container-new .form-wrapper .form-new .birthday-fields { display: flex; -webkit-box-pack: justify; justify-content: space-between; } .container-new .form-wrapper .form-new .birthday-fields .form-group { margin-bottom: 4px; } .container-new .form-wrapper .form-new .birthday-fields .month { width: 120px; } .container-new .form-wrapper .form-new .birthday-fields .day, .container-new .form-wrapper .form-new .birthday-fields .year { width: 80px; } .container-new .form-wrapper .form-new .birthday-fields .birthday-dropdowns { display: flex; margin-top: 5px; } .container-new .form-wrapper .form-new .birthday-fields .birthday-dropdowns select { width: 100%; display: block; background: rgb(250, 250, 250); border: 1px solid var(--ds-neutral-20); border-radius: 4px; padding: 4px 8px; font-size: var(--font-size-sm); font-family: inherit; line-height: inherit; -webkit-font-smoothing: antialiased; } .container-new .form-wrapper .form-new .birthday-fields .birthday-dropdowns select:focus { border: 1px solid rgb(34, 34, 34); outline: 0px; box-shadow: none; } .container-new .form-wrapper .form-new .error-msg { color: var(--ds-base-4-60); font-size: var(--font-size-xs); font-style: normal; font-weight: var(--font-weight-normal); line-height: var(--line-height-xs); } .container-new .form-wrapper .form-new .birthday-container, .container-new .form-wrapper .form-new .marketing-policy-agreement-container, .container-new .form-wrapper .form-new .temp-select { margin-bottom: 24px; } .container-new .form-wrapper .form-new .signup-button { margin-top: 40px; } .container-new .form-wrapper .form-new .email-policy-agreement-container, .container-new .form-wrapper .form-new .marketing-policy-agreement-container { display: flex; text-align: left; -webkit-box-align: center; align-items: center; } .container-new .form-wrapper .form-new .email-policy-agreement-container .marketing-agreement, .container-new .form-wrapper .form-new .email-policy-agreement-container .policy-agreement, .container-new .form-wrapper .form-new .marketing-policy-agreement-container .marketing-agreement, .container-new .form-wrapper .form-new .marketing-policy-agreement-container .policy-agreement { display: inline-block; color: var(--ds-neutral-100-solid); font-size: var(--font-size-xs); font-weight: var(--font-weight-normal); line-height: var(--line-height-xs); } .container-new .form-wrapper .form-new .email-policy-agreement-container .marketing-agreement a, .container-new .form-wrapper .form-new .email-policy-agreement-container .policy-agreement a, .container-new .form-wrapper .form-new .marketing-policy-agreement-container .marketing-agreement a, .container-new .form-wrapper .form-new .marketing-policy-agreement-container .policy-agreement a { color: var(--ds-base-3-60); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); line-height: var(--line-height-xxs); padding: 0px; border: none; outline: 0px; background-color: transparent; text-decoration: none; cursor: pointer; } .container-new .form-wrapper .form-new .email-policy-agreement-container .marketing-agreement-subtext, .container-new .form-wrapper .form-new .marketing-policy-agreement-container .marketing-agreement-subtext { color: var(--ds-neutral-80-solid); font-size: var(--font-size-xxs); font-weight: var(--font-weight-normal); line-height: var(--line-height-xxs); } .container-new .form-wrapper .form-new .email-policy-agreement-container .c-checkbox, .container-new .form-wrapper .form-new .marketing-policy-agreement-container .c-checkbox { margin: 0px 12px 0px 0px; } .container-new .form-wrapper .form-new .email-policy-agreement-container .c-checkbox .checked::before, .container-new .form-wrapper .form-new .marketing-policy-agreement-container .c-checkbox .checked::before { background: var(--ds-neutral-100-solid); border-color: var(--ds-neutral-100-solid); } .container-new .form-wrapper .form-new .email-policy-agreement-container .invalid input[type="checkbox"] + div:not(.checked)::before, .container-new .form-wrapper .form-new .marketing-policy-agreement-container .invalid input[type="checkbox"] + div:not(.checked)::before { border-color: var(--ds-base-4-60) !important; } .container-new .form-wrapper .form-new .error-msg-new { color: var(--ds-base-4-60); font-size: var(--font-size-xs); font-style: normal; font-weight: var(--font-weight-normal); line-height: var(--line-height-xs); } .container-new .form-wrapper .form-new .text-align-center { margin-top: 4px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; display: flex; } .container-new .form-wrapper .form-new .tool-tip { max-width: 200px; padding: 3px 8px; color: rgb(255, 255, 255); text-align: center; text-decoration: none; background-color: rgb(34, 34, 34); border-radius: 3px; } .container-new .form-wrapper .form-new .field-label { display: flex; -webkit-box-align: center; align-items: center; text-align: left; } .container-new .form-wrapper .form-new .field-label .field-label-text { display: inline-block; color: rgb(34, 34, 34); font-size: 18px; font-weight: 700; margin: 0px 5px 0px 0px; } .container-new .form-wrapper .form-new .field-label .tooltip-icon { position: relative; top: 2px; } .onboardingModal { overflow: visible; } .onboardingModal.step1 .modal-content { border-color: transparent; box-shadow: rgba(34, 34, 34, 0.08) 0px 1px 10px 0px, rgba(34, 34, 34, 0.1) 0px 4px 5px 0px; } .request-account-details .v-align-wrap { width: 100%; height: 100%; display: flex; -webkit-box-pack: center; justify-content: center; overflow: scroll; } .request-account-details .v-align-wrap .v-align .modal-content { width: 450px; height: auto; margin: 50px auto; } .request-account-details .v-align-wrap .v-align .modal-content .modal-header { padding-top: 0px; } .request-account-details .v-align-wrap .v-align .modal-content .modal-body { padding-top: 0px; } .request-account-details .terms-of-service { display: table; color: rgb(111, 111, 111); margin: 18px auto 26px; line-height: 20px; } .request-account-details .terms-of-service a { color: rgb(42, 28, 96); font-weight: 600; } .request-account-details .modal-content { padding: 24px 22px; } .request-account-details .modal-body { padding: 0px; } .request-account-details h1 { margin: 0px; line-height: 36px; font-weight: 800; text-align: center; color: rgb(34, 34, 34); font-size: 22px; } .request-account-details h2 { margin-top: 5px; margin-bottom: 20px; text-align: center; padding: 0px 40px; font-size: 14px; line-height: 20px; color: rgb(34, 34, 34); } .request-account-details .form-group { margin-bottom: 16px; text-align: left; } .request-account-details .form-group .control-label, .request-account-details .form-group .form-label { font-weight: 700; color: rgb(34, 34, 34); font-size: 18px; margin: 0px !important; } .request-account-details .form-group .form-control:not(.password-field) { box-shadow: none; border-radius: 4px; font-size: 16px; background-color: rgb(250, 250, 250); color: rgb(34, 34, 34); margin-top: 4px; height: 48px; } .request-account-details .form-group .form-control:not(.password-field):focus { border: 1px solid rgb(34, 34, 34); border-radius: 4px; } .request-account-details .form-group.valid { margin-bottom: 10px; } .request-account-details .form-group.valid input { border-color: rgb(0, 133, 78); outline: 0px; } .request-account-details .form-group.invalid { margin-bottom: 10px; } .request-account-details .form-group.invalid input { border-color: rgb(224, 0, 0); outline: 0px; } .request-account-details .form-group .error-msg { font-size: small; color: rgb(34, 34, 34); line-height: 18px; margin-top: 3px; } .request-account-details .alert-danger { margin-top: 16px; } .request-account-details .birthday-fields { width: 100%; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; } .request-account-details .birthday-fields .form-group { margin-bottom: 0px; } .request-account-details .birthday-fields .day, .request-account-details .birthday-fields .month, .request-account-details .birthday-fields .year { width: 30%; } .request-account-details .birthday-fields .birthday-dropdowns { display: flex; margin-top: 4px; } .request-account-details .birthday-fields .birthday-dropdowns select { line-height: 20px; padding-right: 0px; } .request-account-details .email-policy-agreement-container { display: flex; margin: 16px auto; text-align: left; -webkit-box-align: center; align-items: center; } .request-account-details .email-policy-agreement-container .policy-agreement { font-size: 13px; line-height: 15px; margin: 0px; text-align: left; color: rgb(34, 34, 34); } .request-account-details .email-policy-agreement-container .policy-agreement a { color: rgb(59, 25, 169); font-weight: 700; } .request-account-details .email-policy-agreement-container .c-checkbox { margin: 0px 8px 0px 0px; } .request-account-details .email-policy-agreement-container .c-checkbox .checked::before { background: rgb(59, 25, 169); border-color: rgb(59, 25, 169); } .request-account-details .tool-tip { max-width: 200px; padding: 3px 8px; color: rgb(255, 255, 255); text-align: center; text-decoration: none; background-color: rgb(34, 34, 34); border-radius: 3px; } .request-account-details .field-label { display: flex; -webkit-box-align: center; align-items: center; text-align: left; } .request-account-details .field-label .field-label-text { display: inline-block; color: rgb(34, 34, 34); font-size: 18px; font-weight: 700; margin: 0px 5px 0px 0px; } .request-account-details .field-label .tooltip-icon { position: relative; top: 2px; } .onboardingModal.step1 { position: absolute; height: 568px; max-height: 100%; width: 750px; left: 50vw; top: 50vh; transform: translate(-50%, -50%); } .onboardingModal.step1 .modal-dialog { margin: 0px auto; width: 100%; height: 100%; } .onboardingModal.step1 .modal-header { padding: 0px; } .onboardingModal.step1 .modal-body { padding: 0px; border: none; } .onboardingModal.step1 .form-horizontal .has-feedback .form-control-feedback { right: 0px; top: -5px; } .onboardingModal.step1 .combodate .form-control { display: inline-block; } .onboardingModal.step1 h2 { color: rgb(0, 0, 0); line-height: 36px; } .onboardingModal.step1 .btn { font-size: 16px; } .onboardingModal.step1 .required { color: rgb(255, 63, 18); } .onboardingModal.step1 .alert-danger { background-color: transparent; border-color: transparent; color: rgb(255, 63, 18); margin-top: -15px; margin-bottom: 0px; padding: 0px; } .onboardingModal.step1 .alert-danger .errorMessage { margin-left: 5px; } .onboardingModal.step1 .terms-of-service { max-width: 300px; display: inline-block; line-height: 18px; margin-top: 18px; } .onboardingModal.step1 .terms-of-service a { font-weight: 700; } .onboardingModal.step1 .recommended { font-size: 0px; } .onboardingModal.step1 .modal-footer { text-align: center; background-color: rgb(255, 255, 255); padding: 0px; margin-bottom: 4%; } .onboardingModal.step1 #personal-greeting { font-size: 25px; font-weight: 600; color: rgb(111, 111, 111); margin-top: 6%; margin-bottom: 0px; } .onboardingModal.step1 .continue-button { width: 25%; padding: 10px 15px; } .onboardingModal.step1 #inputGender { max-width: 100%; } .onboardingModal.step1 .opt { width: 74px; margin: 0px; padding: 0px; z-index: 1; } .onboardingModal.step1 .gender-selector { text-align: center; position: relative; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-left: 27%; margin-right: 27%; margin-bottom: 5%; } .onboardingModal.step1 .gender-selector input { margin: 0px; padding: 0px; appearance: none; } .onboardingModal.step1 .gender-text { display: inline-block; position: relative; padding-top: 17px; padding-left: 0px; color: rgb(111, 111, 111); } .onboardingModal.step1 .gender-text.selected { color: rgb(255, 97, 34); } .onboardingModal.step1 .gender-text:hover { color: rgb(34, 34, 34); } .onboardingModal.step1 input[type="radio"] { visibility: hidden; } .onboardingModal.step1 .male-icon { background-image: url("/img/onboarding-gender/he-selected@2x.png"); background-repeat: no-repeat; background-position: center center; display: inline-block; margin: 10px auto; } .onboardingModal.step1 .female-icon { background-repeat: no-repeat; background-position: center center; display: inline-block; margin: 10px auto; background-image: url("/img/onboarding-gender/she-selected@2x.png"); } .onboardingModal.step1 .other-icon { background-repeat: no-repeat; background-position: center center; display: inline-block; margin: 10px auto; background-image: url("/img/onboarding-gender/zie-selected@2x.png"); } .onboardingModal.step1 .gender-selector input:active + .gender-card { opacity: 0.9; } .onboardingModal.step1 .gender-selector input:checked + .gender-card { filter: invert(54%) sepia(97%) saturate(441%) hue-rotate(325deg) brightness(103%) contrast(101%); } .onboardingModal.step1 .gender-card { background-size: contain; background-repeat: no-repeat; display: inline-block; width: 100px; height: 70px; transition: all 0.1s ease-in 0s; filter: brightness(0.7) grayscale(1) opacity(0.9); } .onboardingModal.step1 .gender-card:hover { filter: brightness(0.4) grayscale(1) opacity(0.9); } .onboardingModal.step1 .wp-logo { margin-top: 5%; width: 100%; max-width: 174px; height: auto; } .onboardingModal.step1 #gender-select-copy { padding-top: 2%; padding-bottom: 0px; margin: 0px auto; border: none; font-size: 18px; color: rgb(111, 111, 111); } .v-align-wrap { width: 100%; height: 100%; display: table; } .v-align-wrap .v-align { display: table-cell; vertical-align: middle; } .v-align-wrap .v-align .modal-content { width: 450px; height: inherit; margin: auto; } .v-align-wrap .v-align .modal-content .modal-header { padding-top: 0px; } .v-align-wrap .v-align .modal-content .modal-body { padding-top: 0px; } .onboardingModal.writerJourney { display: block; overflow-y: scroll; } .onboardingModal.writerJourney .onboarding-writer-journey { width: 100%; height: 100%; background-color: rgb(255, 255, 255); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; padding: 50px 15px 0px; text-align: center; } .onboardingModal.writerJourney .onboarding-writer-journey .wp-logo, .onboardingModal.writerJourney .onboarding-writer-journey p { padding-bottom: 40px; } .onboardingModal.writerJourney .onboarding-writer-journey h4 { color: rgb(34, 34, 34); } .onboardingModal.writerJourney .onboarding-writer-journey .options { width: 100%; display: flex; justify-content: space-around; margin-bottom: 60px; } .onboardingModal.writerJourney .onboarding-writer-journey .options .option { color: rgb(111, 111, 111); font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s ease 0s; } .onboardingModal.writerJourney .onboarding-writer-journey .options .option:hover { filter: brightness(0.4); } .onboardingModal.writerJourney .onboarding-writer-journey .options .option.selected { color: rgb(255, 97, 34); } .onboardingModal.writerJourney .onboarding-writer-journey .options .option.selected:hover { filter: brightness(0.9); } .onboardingModal.writerJourney .onboarding-writer-journey .options#WriterMotivation { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } @media (min-width: 768px) { .onboardingModal.writerJourney .onboarding-writer-journey .options#WriterMotivation { width: 80%; } } .onboardingModal.writerJourney .onboarding-writer-journey .options#WriterMotivation .option { font-size: 16px; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px; border: 1px solid rgb(238, 238, 238); color: rgb(111, 111, 111); margin-bottom: 11px; padding: 15px; transition: all 0.3s ease 0s; } .onboardingModal.writerJourney .onboarding-writer-journey .options#WriterMotivation .option:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px 0px; text-decoration: none; filter: none; color: rgb(34, 34, 34); background-color: rgb(238, 238, 238); } .onboardingModal.writerJourney .onboarding-writer-journey .options#WriterMotivation .option.selected { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(255, 97, 34); margin-bottom: 0px; } .onboardingModal.writerJourney .onboarding-writer-journey .options#WriterMotivation .option.selected:hover { filter: none; } .onboardingModal.writerJourney .onboarding-writer-journey .options#WriterMotivation.has-selection::after { content: ""; width: 1px; background-color: rgb(238, 238, 238); height: 40px; display: block; margin: auto auto -60px; } .onboardingModal.writerJourney .onboarding-writer-journey .finished-novel { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px; border: 1px solid rgb(238, 238, 238); padding: 16px 24px 27px; margin-bottom: 40px; width: 80%; } @media (max-width: 768px) { .onboardingModal.writerJourney .onboarding-writer-journey .finished-novel { width: 100%; } } .onboardingModal.writerJourney .onboarding-writer-journey .finished-novel p { padding-bottom: 0px; } .onboardingModal.writerJourney .onboarding-writer-journey .finished-novel .novel-options { display: flex; justify-content: space-around; } .onboardingModal.writerJourney .onboarding-writer-journey .finished-novel .novel-options .option { flex-basis: 70px; height: 70px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 50%; border: 1px solid rgb(238, 238, 238); cursor: pointer; color: rgb(111, 111, 111); } .onboardingModal.writerJourney .onboarding-writer-journey .finished-novel .novel-options .option:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px; text-decoration: none; } .onboardingModal.writerJourney .onboarding-writer-journey .finished-novel .novel-options.has-selection::after { content: ""; width: 1px; background-color: rgb(238, 238, 238); height: 40px; display: block; margin: auto auto -60px; } .onboardingModal.writerJourney .onboarding-writer-journey .skip { color: rgb(111, 111, 111); font-size: 14px; } .onboardingModal.genres { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; overflow-y: scroll; } .onboardingModal.genres .modal-content { width: 696px; height: 652px; padding: 0px; border-color: transparent; box-shadow: rgba(34, 34, 34, 0.08) 0px 1px 10px 0px, rgba(34, 34, 34, 0.1) 0px 4px 5px 0px; } .onboardingModal.genres .onboarding-genres { width: 696px; height: inherit; background-color: rgb(255, 255, 255); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; text-align: center; overflow: scroll; } .onboardingModal.genres .onboarding-genres .logo-wrapper { display: flex; width: 100%; height: 75px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: 10px 0px; } .onboardingModal.genres .onboarding-genres .wp-logo, .onboardingModal.genres .onboarding-genres p { padding-top: 50px; padding-bottom: 40px; } .onboardingModal.genres .onboarding-genres .greeting { font-style: normal; font-weight: 700; font-size: 18px; line-height: 24px; text-align: center; margin-bottom: 20px; width: fit-content; max-width: 350px; } .onboardingModal.genres .onboarding-genres .prompt { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; width: fit-content; max-width: 350px; color: rgb(34, 34, 34); margin-bottom: 16px; } .onboardingModal.genres .onboarding-genres .genres { display: flex; flex-wrap: wrap; padding: 0px 12px; overflow: scroll; -webkit-box-pack: center; justify-content: center; } .onboardingModal.genres .onboarding-genres .genres .overflow-padding { padding: 0px 0px 200px 1px; } .onboardingModal.genres .onboarding-genres .genres .genre-tile { width: 160px; height: 72px; margin: 4px; background: rgb(250, 250, 250); box-shadow: rgba(34, 34, 34, 0.08) 0px 1px 7px, rgba(34, 34, 34, 0.1) 0px 3px 3px; border-radius: 4px; cursor: pointer; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: relative; } .onboardingModal.genres .genre-tile .genre-info { height: 100%; width: 100%; display: flex; -webkit-box-align: center; align-items: center; border-radius: 4px; background-size: 45%; background-repeat: no-repeat; background-position: right center; } .onboardingModal.genres .genre-tile .selected-wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: absolute; height: 100%; width: inherit; } .onboardingModal.genres .genre-tile .selected-wrapper .overlay { height: inherit; width: inherit; background-color: rgb(34, 34, 34); opacity: 0.5; border-radius: 4px; position: absolute; z-index: 2; } .onboardingModal.genres .genre-tile .selected-wrapper .selected-icon { background-color: rgb(255, 97, 34); z-index: 3; position: absolute; height: 24px; width: 24px; border-radius: 50%; align-self: flex-end; margin: 4px 0px 0px -4px; } .onboardingModal.genres .onboarding-genres .genres .genre-tile .genre-name { font-style: normal; font-weight: 700; font-size: 14px; line-height: 20px; color: rgb(34, 34, 34); text-align: left; margin-left: 16px; width: 50%; word-break: break-word; } .onboardingModal.genres .onboarding-genres .genres .genre-tile img { height: 100%; border-radius: 4px; } .onboardingModal.genres .genre-error-toast-wrapper { pointer-events: none; width: inherit; position: absolute; bottom: 98px; background-color: transparent; height: 70px; display: flex; -webkit-box-pack: center; justify-content: center; z-index: 4; } .onboardingModal.genres .genre-error-toast-wrapper .genre-error-toast { background-color: rgb(34, 34, 34); color: rgb(255, 255, 255); width: 387px; height: 100%; display: flex; -webkit-box-align: center; align-items: center; border-radius: 4px; } .onboardingModal.genres .genre-error-toast-wrapper .genre-error-toast p { margin: 16px; font-style: normal; font-weight: 700; font-size: 14px; line-height: 20px; padding: 0px; text-align: start; } .onboardingModal.genres .finish-button-wrapper { position: relative; bottom: 90px; z-index: 9; width: inherit; height: 90px; background-color: transparent; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .onboardingModal.genres .finish-button-wrapper .finish-button { color: rgb(255, 255, 255); height: 44px; width: 188px; border-radius: 20px; } .onboardingModal.genres .finish-button-wrapper .finish-button.disabled { background: rgb(238, 238, 238); pointer-events: none; } .onboardingModal.genres .transparency { position: relative; bottom: 180px; z-index: 8; width: 685px; height: 90px; background-color: rgb(255, 255, 255); opacity: 0.9; } .onboardingModal.success { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; overflow-y: scroll; } .onboardingModal.success .onboarding-success { width: 468px; min-height: 607px; padding: 0px; border-color: transparent; box-shadow: rgba(34, 34, 34, 0.08) 0px 1px 10px 0px, rgba(34, 34, 34, 0.1) 0px 4px 5px 0px; background-color: rgb(255, 255, 255); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; text-align: center; } .onboardingModal.success .onboarding-success .logo-wrapper { display: flex; width: 100%; height: 75px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: 10px 0px; } .onboardingModal.success .onboarding-success .wp-logo, .onboardingModal.success .onboarding-success p { padding-top: 50px; padding-bottom: 40px; } .onboardingModal.success .onboarding-success .title { font-style: normal; font-weight: 700; font-size: 18px; line-height: 24px; text-align: center; margin-bottom: 20px; width: fit-content; max-width: 350px; } .onboardingModal.success .onboarding-success .message { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; width: fit-content; max-width: 350px; color: rgb(34, 34, 34); margin-bottom: 16px; } .onboardingModal.success .onboarding-success .image img { padding-bottom: 56px; } .onboardingModal.success .onboarding-success .start-reading-button { color: rgb(255, 255, 255); height: 44px; width: 188px; border-radius: 20px; } @media (max-width: 768px) { .request-account-details .v-align-wrap .v-align { margin: 0px; padding: 6px; } .request-account-details .v-align-wrap .v-align .modal-content { width: 100%; } .v-align-wrap .v-align { padding: 6px; } .v-align-wrap .v-align .modal-content { width: 100%; } .onboarding-wrapper :not(.request-account-details) .component-wrapper .modal-dialog { width: 100%; height: 100%; margin: 0px; } .onboarding-wrapper :not(.request-account-details) .component-wrapper .modal-dialog form { height: 100%; } .onboarding-wrapper :not(.request-account-details) .component-wrapper .modal-dialog .modal-content { border-radius: 0px; border: none; height: 100%; } .onboardingModal.step1 { width: 80%; height: 80%; max-height: 100%; margin: 0px auto; } .onboardingModal.step1 .continue-button { width: auto; font-size: 14px; } .onboardingModal.step1 .modal-dialog { width: 100%; height: 100%; } .onboardingModal.step1 .gender-selector { margin-left: 27%; margin-right: 27%; } .onboardingModal.step1 .opt { width: 50px; } .onboardingModal.step1 #personal-greeting { font-size: 18px; } .onboardingModal.step1 #gender-select-copy { font-size: 14px; } .onboardingModal.genres { min-height: unset; height: 100%; } .onboardingModal.genres .modal-content { height: 100%; width: 100%; min-height: unset; padding-bottom: 95px; } .onboardingModal.genres .onboarding-genres { height: auto; padding: 0px; width: 100%; } .onboardingModal.genres .onboarding-genres .genres { height: 100%; } .onboardingModal.genres .onboaring-genres .logo-wrapper img { padding: 20px 0px; } .onboardingModal.genres .onboarding-genres .genre-error-toast-wrapper { position: fixed; } .onboardingModal.genres .onboarding-genres .genre-error-toast-wrapper .genre-error-toast { margin: 0px 12px; } .onboardingModal.genres .finish-button-wrapper { position: fixed; bottom: 0px; width: 100%; height: 92px; } .onboardingModal.genres .transparency { position: fixed; bottom: 0px; } .onboardingModal.success { min-height: unset; height: 100%; } .onboardingModal.success .onboarding-success { min-height: unset; height: inherit; } .onboardingModal.success .image { height: 40%; padding-bottom: 10%; } .onboardingModal.success .image img { height: 100%; width: 100%; } .onboardingModal.success .start-reading-button { min-height: 44px; } } .onboardingModal.step1 { width: 100%; height: 100%; background: rgb(255, 255, 255); } .onboardingModal.step1 .modal-dialog { height: 100%; width: 100%; margin: 0px; overflow-y: auto; } .onboardingModal.step1 .gender-selector { text-align: center; position: relative; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-left: 17%; margin-right: 17%; } .onboardingModal.step1 .gender-selector .gender-text { align-content: center; } .onboardingModal.step1 #personal-greeting { font-size: 24px; } .onboardingModal.step1 #gender-select-copy { font-size: 14px; max-width: 100%; } .onboardingModal.step1 .modal-content { box-shadow: none; border: none; width: 100%; height: 75%; display: block; } .onboardingModal.step1 .modal-footer { padding: 8%; } .catalog-container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 80%; margin: auto; } @media (max-width: 768px) { .catalog-container { width: 100%; overflow: hidden; } } .catalog-header { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-bottom: 1px solid rgb(238, 238, 238); } .catalog-header .list-title { margin-top: 80px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .catalog-header .list-title:hover { text-decoration: none; } .catalog-header h1 { font-size: 32px; line-height: 40px; font-weight: 700; color: rgb(34, 34, 34); margin-bottom: 8px; margin-top: 0px; } .catalog-header h1 .fa { font-weight: 700; } .catalog-header .catalog-title { margin-top: 80px; } .catalog-header .subtitle { font-size: 18px; line-height: 24px; margin-top: 0px; margin-bottom: 0px; padding: 0px 10px 32px; text-align: center; } .catalog-content h3 { font-size: 21px; font-weight: 700; line-height: 1.33; color: rgb(34, 34, 34); text-transform: capitalize; margin-top: 0px; margin-bottom: 20px; } .catalog-content .story-swimlane.module { margin-top: 16px; } .catalog-content .story-swimlane.module:first-child { margin-top: 45px; } .catalog-content .module-header { max-width: 976px; padding: 0px 10px; margin: auto; } .premium-picks-catalog .catalog-header { background-color: var(--ds-base-2-80); color: var(--ds-neutral-00); padding: 40px 0px; } .premium-picks-catalog .catalog-header .container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } .premium-picks-catalog .catalog-header .help-action-icon { background: 0px 0px; border: none; display: none; } .premium-picks-catalog .catalog-header .heading { font-weight: var(--font-weight-bold); font-size: 32px; color: var(--ds-neutral-00); display: flex; -webkit-box-align: center; align-items: center; gap: 12px; } .premium-picks-catalog .catalog-header .description { text-align: center; color: var(--ds-neutral-00); } .premium-picks-catalog .catalog-header .learn-more-button { background: 0px 0px; border: none; font-weight: var(--font-weight-bold); padding: 0px; } .premium-picks-catalog .catalog-header .access-expires-pill { margin-top: 24px; } .premium-picks-catalog .catalog-header .subscribe-cta { margin-top: 24px; } .premium-picks-catalog .catalog-navigation { border-bottom: 1px solid rgb(238, 238, 238); font-size: 12px; display: flex; } .premium-picks-catalog .catalog-navigation button { background: 0px 0px; border: none; font-size: 18px; color: rgb(111, 111, 111); width: 110px; padding: 18px 0px 18px 5px; } .premium-picks-catalog .catalog-navigation button.active { border-bottom: 4px solid rgb(255, 97, 34); font-weight: var(--font-weight-bold); color: rgb(34, 34, 34); padding-bottom: 14px; } .premium-picks-catalog .catalog-stories .loading-spinner { display: flex; -webkit-box-pack: center; justify-content: center; height: 50vh; -webkit-box-align: center; align-items: center; } @media (max-width: 575px) { .premium-picks-catalog .catalog-header { padding-top: 20px; } .premium-picks-catalog .catalog-header .container { width: 100%; padding-left: 16px; padding-right: 16px; } .premium-picks-catalog .catalog-header .help-action-icon { display: block; align-self: flex-end; } .premium-picks-catalog .catalog-header .description { display: none; } .premium-picks-catalog .catalog-navigation button { width: 50%; } } #retargeting-landing { position: relative; text-align: center; background-color: rgb(255, 255, 255); padding-bottom: 200px; } #retargeting-landing .header-image { width: 100%; } #retargeting-landing .retargeting-header { margin-top: 35px; } @media (min-width: 992px) { #retargeting-landing .retargeting-header { padding-top: 105px; } #retargeting-landing .retargeting-header .logo { padding-bottom: 35px; } } #retargeting-landing .retargeting-header h1 { position: relative; font-weight: 600; font-size: 26px; line-height: 26px; } @media (min-width: 992px) { #retargeting-landing .retargeting-header h1 { font-size: 45px; line-height: 45px; margin-bottom: 8px; } } #retargeting-landing .retargeting-header p { color: rgb(111, 111, 111); font-size: 20px; line-height: 20px; margin: 0px 40px; } @media (min-width: 992px) { #retargeting-landing .retargeting-header p { line-height: 45px; font-size: 35px; margin-bottom: 20px; } } #retargeting-landing .value-props { position: relative; background-color: rgb(255, 255, 255); } #retargeting-landing .value-props .owl-carousel { display: block; } #retargeting-landing .value-props .owl-carousel img { width: auto; margin: 0px auto; } #retargeting-landing .value-props .carousel-left, #retargeting-landing .value-props .carousel-right { position: absolute; top: 45%; font-size: 15px; } #retargeting-landing .value-props .carousel-left { left: 30px; } #retargeting-landing .value-props .carousel-right { right: 25px; } #retargeting-landing .value-prop { text-align: center; padding: 40px 0px 20px; } #retargeting-landing .value-prop.bookmark { padding-top: 25px; } #retargeting-landing .value-prop.bookmark h6 { margin-top: 16px; } @media (min-width: 992px) { #retargeting-landing .value-prop { padding: 40px 0px; } } #retargeting-landing .value-prop .icon { font-size: 50px; padding-bottom: 5px; } #retargeting-landing .value-prop .title { line-height: 20px; font-weight: 600; font-size: 18px; color: rgb(111, 111, 111); } @media (min-width: 992px) { #retargeting-landing .value-prop .title { font-weight: 600; font-size: 20px; } } #retargeting-landing button { background-color: rgb(255, 97, 34); color: rgb(255, 255, 255); border-radius: 4px; padding: 9px 112px; margin-top: 15px; margin-bottom: 29px; font-size: 20px; line-height: 28px; } @media (min-width: 992px) { #retargeting-landing button { padding: 9px 160px; margin-top: 35px; font-size: 20px; line-height: 28px; z-index: 1000; } } #wattpad-presents { position: absolute; min-height: 100%; min-width: 100%; padding-top: 50px; background-color: rgb(34, 34, 34); text-align: center; -webkit-box-pack: center; justify-content: center; } #wattpad-presents.ios-webview-padding { padding-top: 10px; } @media (min-width: 992px) { #wattpad-presents { padding-top: 100px; } } #wattpad-presents .logo { width: 80%; } @media (min-width: 992px) { #wattpad-presents .logo { width: 44%; } } #wattpad-presents h1 { color: rgb(255, 255, 255); font-size: 15px; line-height: 15px; font-weight: 400; margin-top: 10px; } @media (min-width: 992px) { #wattpad-presents h1 { font-size: 20px; line-height: 20px; margin-top: 25px; } } #wattpad-presents .videos { padding-top: 10px; padding-left: 5px; padding-right: 5px; } @media (min-width: 992px) { #wattpad-presents .videos { padding-top: 50px; } #wattpad-presents .videos.centre-one { width: 60%; margin: 0px auto; } } #wattpad-presents .video-module { border-top: 1px solid rgb(255, 255, 255); padding: 20px 0px 10px; text-align: center; justify-content: space-around; } @media (min-width: 992px) { #wattpad-presents .video-module { border-top: none; padding-left: 10px; padding-right: 10px; } } #wattpad-presents .video-module .video-story-meta { text-align: left; padding-bottom: 15px; } #wattpad-presents .video-module .video-story-meta .story-cover img { height: 50px; } #wattpad-presents .video-module .story-title { margin-top: 3px; padding-left: 42px; color: rgb(255, 255, 255); font-weight: 600; vertical-align: bottom; } #wattpad-presents .video-module .genre { color: rgb(255, 255, 255); padding-left: 10px; vertical-align: top; margin-top: -5px; display: inline-block; } #wattpad-presents .video-module .read-story { border: 1px solid rgb(255, 255, 255); border-radius: 5px; color: rgb(255, 255, 255); font-weight: 700; padding: 4px 11px; display: inline-block; top: -15px; } #wattpad-presents iframe { width: 100%; max-width: 640px; } .image-appeal-flow h1 { font-size: 24px; font-weight: 600; color: rgb(34, 34, 34); margin-bottom: 16px; } .image-appeal-flow .form-info { font-size: 16px; line-height: 20px; color: rgb(111, 111, 111); margin-bottom: 24px; display: inline-block; } .image-appeal-flow .form-info .on-click { font-weight: 900; } .image-appeal-flow .form-reason { padding: 0px 10px; } .image-appeal-flow .form-reason textarea { border: 1px solid rgb(238, 238, 238); background-color: rgb(250, 250, 250); font-size: 16px; color: rgb(34, 34, 34); width: 100%; padding: 12px 16px 60px; } .image-appeal-flow .form-reason .image-info { position: relative; top: -54px; padding: 0px 16px 16px; } .image-appeal-flow .form-reason .image-info .image-container { width: 32px; height: 32px; overflow: hidden; max-width: 32px; display: block; float: left; } .image-appeal-flow .form-reason .image-info img { max-width: 32px; } .image-appeal-flow .form-reason .image-info .image-url { display: block; font-size: 14px; font-weight: 600; max-width: 290px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 16px; height: 32px; line-height: 32px; } .image-appeal-flow .next-steps { font-size: 14px; line-height: 20px; display: block; margin-top: 8px; } .image-appeal-flow .submit { margin: 0px; } .image-appeal-flow .submit .on-send { width: 100%; margin: 30px auto 0px; } .image-appeal-flow .spinner { margin: 250px auto; display: block; } .image-appeal-flow .submission-success { text-align: center; margin-top: 20px; } .image-appeal-flow .submission-success .success-header { display: block; margin: 40px auto 0px; font-size: 24px; font-weight: 700; line-height: 32px; color: rgb(34, 34, 34); } .image-appeal-flow .submission-success .success-info { margin-top: 16px; display: block; font-size: 16px; line-height: 24px; } .image-appeal-flow .submission-success .btn-orange { display: block; width: 100%; margin-top: 32px; } @media (min-width: 991px) { .image-appeal-flow > .container { width: 740px; } .image-appeal-flow .form-info { max-width: 576px; } .image-appeal-flow .form-reason .image-info .image-url { max-width: 650px; } .image-appeal-flow .submit { margin: 0px -10px; } .image-appeal-flow .submit .on-send { margin-top: 60px; width: 200px; height: 48px; } .image-appeal-flow .submission-success { margin-top: 150px; } .image-appeal-flow .submission-success .success-info { max-width: 365px; margin: 16px auto 0px; } .image-appeal-flow .submission-success .btn-orange { width: 200px; margin: 32px auto 0px; } } .validation-success { width: 100vw; height: 100vh; background: url("/img/landing/bottomLeftPortal.svg") left bottom / auto 45% no-repeat, url("/img/landing/topRightPortal.svg") right top / auto 50% no-repeat, rgb(255, 255, 255); } .validation-success .animation-wrapper { height: 165px; } @media (min-width: 768px) { .validation-success .animation-wrapper { height: 200px; } } .validation-success #validation-success-animation { height: 100%; } .validation-success .message-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 95%; box-sizing: border-box; max-width: 695px; padding: 48px 48px 72px; background: rgb(255, 255, 255); box-shadow: rgba(18, 18, 18, 0.16) 0px 12px 16px; border-radius: 10px; } .validation-success .message-wrapper h1 { font-style: normal; font-weight: 700; font-size: 22px; line-height: 22px; color: rgb(0, 0, 0); margin-bottom: 8px; } .validation-success .message-wrapper p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: rgb(0, 0, 0); margin-bottom: 24px; } .resizable-textarea { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; background: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); border-radius: 3px; overflow: hidden; } .resizable-textarea.focus { border-color: rgb(34, 34, 34); } .resizable-textarea.error { border-color: rgb(255, 63, 18); } .resizable-textarea.error .counter { color: rgb(255, 63, 18); opacity: 1; } .resizable-textarea textarea { width: 100%; font-size: 14px; outline: 0px; color: rgb(34, 34, 34); padding: 8px 14px; resize: none; border: none; background: inherit; } .resizable-textarea .counter { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; opacity: 0.7; margin-right: 8px; margin-bottom: 8px; } .typeahead-field { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; gap: 10px; } .typeahead-field .typeahead-container { width: 100%; } .typeahead-field.short .typeahead-container { width: 45%; } .typeahead-field .typeahead-suggestions { border: 2px solid rgb(238, 238, 238); max-height: 200px; overflow-y: auto; padding-left: 0px; width: inherit; position: absolute; z-index: 100; background-color: rgb(255, 255, 255); color: rgb(111, 111, 111); border-radius: 4px; cursor: pointer; } .typeahead-field .typeahead-suggestions .typeahead-option { padding: 0.5rem; width: 100%; background-color: rgb(255, 255, 255); border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(238, 238, 238); display: flex; -webkit-box-align: center; align-items: center; gap: 7px; text-align: left; } .typeahead-field .typeahead-suggestions .typeahead-option:last-child { border: none; } .typeahead-field .selected-items { padding-left: 5px; } .typeahead-field .selected-attributes { padding-bottom: 8px; display: flex; flex-wrap: wrap; } .typeahead-field input { width: 100%; border-radius: 4px; } .typeahead-field input.focus { border: 1px solid rgb(34, 34, 34); outline: 0px; } #inbox { display: flex; } #inbox .flex-part { -webkit-box-flex: 1; flex: 1 1 0%; -webkit-box-align: center; align-items: center; } #inbox h2, #inbox h3 { color: rgb(34, 34, 34); font-weight: 600; margin: 0px; } #inbox .unread-dot { display: flex; position: absolute; left: 4px; align-self: center; } #inbox .threads-container { padding: 0px 15px; width: 768px; margin: auto; } @media (max-width: 768px) { #inbox .threads-container { width: 100%; } } #inbox .threads-container a:not(.conduct-link):not(.safety-link):not(.safety-portal):not(.learn-more-link) { color: inherit; text-decoration: none; } #inbox .threads-container a:not(.conduct-link):not(.safety-link):not(.safety-portal):not(.learn-more-link):hover { color: inherit; text-decoration: none; } #inbox .threads-container .threads-header { -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; flex-wrap: wrap; position: sticky; display: flex; padding: 27px 0px; top: 44px; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(238, 238, 238); z-index: 1; } #inbox .threads-container .threads-filter > select { height: 44px; border: 1px solid rgb(238, 238, 238); background-color: rgb(250, 250, 250); border-radius: 4px; } #inbox .threads-container .new-msg-btn { background-color: rgb(255, 97, 34); color: rgb(255, 255, 255); border-radius: 6px; height: 44px; width: 166px; margin-left: 10px; font-weight: 700; } #inbox .threads-container .wp-modal.new-message-modal .modal-content { flex-basis: 532px; min-height: 600px; border-radius: 8px; } #inbox .threads-container .wp-modal.new-message-modal .close-btn { position: absolute; z-index: 1; } #inbox .threads-container .new-msg-modal .new-msg-header h3 { font-weight: 700; text-align: center; border-bottom: 1px solid rgb(238, 238, 238); padding-bottom: 16px; margin-bottom: 20px; } #inbox .threads-container .new-msg-modal .new-msg-header input { width: 100%; padding: 13px 16px; border-radius: 4px; background-color: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); color: rgb(34, 34, 34); } #inbox .threads-container .new-msg-modal .new-msg-header input:focus { box-shadow: none; border: 1px solid rgb(34, 34, 34); border-radius: 4px; appearance: none; line-height: 24px; outline: 0px !important; } #inbox .threads-container .new-msg-modal p { font-size: 18px; margin: 16px auto 4px 0px; font-weight: 700; color: rgb(34, 34, 34); } #inbox .threads-container .new-msg-modal .search-results { max-height: 400px; overflow-y: scroll; } #inbox .threads-container .new-msg-modal .search-result { padding-left: 16px; padding-top: 14px; padding-bottom: 14px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; border-top: 1px solid rgb(238, 238, 238); border-bottom: 1px solid rgb(238, 238, 238); border-image: initial; border-left: none; border-right: none; width: 100%; } #inbox .threads-container .new-msg-modal .search-result p { font-size: 16px; margin: 0px auto 0px 16px; align-self: center; } #inbox .threads-container .threads-list { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } #inbox .threads-container .threads-list .thread-row { position: relative; display: flex; -webkit-box-align: center; align-items: center; flex-wrap: wrap; padding: 16px 0px; border-bottom: 1px solid rgb(238, 238, 238); } #inbox .threads-container .threads-list .thread-row a { box-shadow: none; } #inbox .threads-container .threads-list .thread-row .thread-column { margin: 0px 8px; } #inbox .threads-container .threads-list .thread-row .thread-column.thread-meta { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-width: 100px; font-weight: 500; -webkit-box-flex: 1; flex: 1 1 0%; } #inbox .threads-container .threads-list .thread-row .thread-column.thread-meta .thread-user { display: flex; -webkit-box-align: center; align-items: center; font-weight: 600; color: rgb(34, 34, 34); line-height: 22px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #inbox .threads-container .threads-list .thread-row .thread-column.thread-meta .thread-message { overflow: hidden; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; } #inbox .threads-container .threads-list .thread-row .thread-column.thread-meta .thread-message.unread { font-weight: 600; color: rgb(34, 34, 34); } #inbox .threads-container .threads-list .thread-row .thread-column.thread-date { font-size: 14px; } #inbox .threads-container .threads-list .thread-row .inbox-more-options { display: flex; -webkit-box-align: center; align-items: center; padding: 5px 8px; border: 1.5px solid rgb(238, 238, 238); } #inbox .conversation-container { display: flex; width: 100%; } #inbox .conversation-container .column { -webkit-box-flex: 1; flex: 1 1 0%; padding: 0px 16px; box-sizing: border-box; } @media (max-width: 768px) { #inbox .conversation-container .column:first-child { display: none; } } #inbox .conversation-container .column .column-content { position: sticky; top: calc(134px); margin-top: 90px; } #inbox .conversation-container .column .column-content .user-safety-operations { border-radius: 4px; border: 1px solid rgb(238, 238, 238); } @media (max-width: 768px) { #inbox .conversation-container .column .column-content { margin-top: 20px; } } #inbox .conversation-container .main { -webkit-box-flex: 2; flex: 2 1 0%; margin-right: auto; margin-left: auto; max-width: 600px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } @media (max-width: 768px) { #inbox .conversation-container .main { width: 100%; } } #inbox .conversation-container .main .conversation-header { display: flex; -webkit-box-align: baseline; align-items: baseline; position: sticky; top: 44px; background: rgb(255, 255, 255); padding: 27px 0px; border-bottom: 1px solid rgb(238, 238, 238); z-index: 1; } #inbox .conversation-container .main .conversation-header svg { margin-left: 8px; } #inbox .conversation-container .main .conversations { height: 100%; min-height: 400px; padding-bottom: 16px; overflow-y: scroll; } #inbox .conversation-container .main .conversations .conversation-row { display: flex; margin-top: 8px; color: rgb(34, 34, 34); } #inbox .conversation-container .main .conversations .conversation-row .avatar-link { height: fit-content; } #inbox .conversation-container .main .conversations .conversation-row.different-sender { margin-top: 16px; } #inbox .conversation-container .main .conversations .conversation-row .conversation-message { display: flex; -webkit-box-align: center; align-items: center; padding: 8px 14px; border-radius: 12px; margin-left: 8px; border: 1px solid rgb(238, 238, 238); white-space: pre-wrap; word-break: break-word; font-size: 14px; max-width: calc(100% - 100px); } #inbox .conversation-container .main .conversations .conversation-row.from-me { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } #inbox .conversation-container .main .conversations .conversation-row.from-me .conversation-message { background: rgb(250, 250, 250); margin-left: 0px; margin-right: 8px; max-width: calc(100% - 100px); } #inbox .conversation-container .main .conversations .date-separator { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 16px 0px; } #inbox .conversation-container .main .conversations .date-separator div { width: 300px; height: 15px; border-bottom: 1px solid rgb(111, 111, 111); text-align: center; } #inbox .conversation-container .main .conversations .date-separator .date { font-size: 14px; background: rgb(255, 255, 255); padding: 0px 10px; } #inbox .conversation-container .main .first-time-msgs { padding-bottom: 16px; color: rgb(34, 34, 34); font-size: 14px; line-height: 20px; } #inbox .conversation-container .main .bottom-sticky { position: sticky; bottom: 0px; padding: 16px 0px; background: rgb(255, 255, 255); } #inbox .conversation-container .main .disabled-reply { border-radius: 3px; border: 1px solid rgb(238, 238, 238); background-color: rgb(250, 250, 250); padding: 11px 15px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; } #inbox .conversation-container .main .disabled-reply p { display: inline-block; margin-bottom: 0px; font-size: 14px; } #inbox .conversation-container .main .disabled-reply p a { font-weight: 600; color: rgb(255, 97, 34); } #inbox .conversation-container .main .conversation-form { border-top: 1px solid rgb(238, 238, 238); } #inbox .conversation-container .main .conversation-form .btn-container { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } #inbox .conversation-container .main .conversation-form .btn-container button { padding: 10px 60px; margin: 15px 0px 0px; } #inbox .conversation-container .extra-content-container { margin-top: 20px; } @media (max-width: 768px) { #inbox .conversation-container .extra-content-container { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } } @media (max-width: 768px) { #inbox .conversation-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } #inbox .conversation-container .column { -webkit-box-flex: initial; flex: initial; } } #inbox .load-more-container { display: flex; padding: 10px 0px; -webkit-box-pack: center; justify-content: center; } #inbox .load-more-container .load-more { filter: invert(1); text-align: center; } #inbox { margin-top: 0px; } #inbox .threads-container .threads-header { top: 0px; } #inbox .conversation-container .main .conversation-header { top: 0px; } #userError-404 .wp-modal.user404 { z-index: 1029; } #userError-404 .wp-modal.user404 .modal-content { flex-basis: 334px; align-self: flex-start; margin-top: 229px; } #userError-404 .wp-modal.user404 .modal-content .user-not-found { text-align: center; font-size: 16px; } #userError-404 .wp-modal.user404 .modal-content .user-not-found h3 { color: rgb(34, 34, 34); font-weight: 600; } #userError-404 .wp-modal.user404 .modal-content .user-not-found p { margin: 0px 27px 43px; line-height: 22px; } #userError-404 .wp-modal.user404 .modal-content .user-not-found .btn { height: 36px; font-size: 14px; line-height: 20px; border-radius: 4px; } #userError-404 .wp-modal.user404 .modal-content .user-not-found .modal-btns { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } #userError-404 .wp-modal.user404 .modal-content .user-not-found .modal-btns .learn-more { background-color: rgb(238, 238, 238); color: rgb(34, 34, 34); margin-right: 4px; } #userError-404 .wp-modal.user404 .modal-content .user-not-found .modal-btns .go-back { background-color: rgb(255, 97, 34); color: rgb(255, 255, 255); margin-left: 4px; } #story-404-wrapper { margin-top: calc(150px); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; } #story-404-wrapper .error-404-image { width: 459px; } #story-404-wrapper h3 { margin: 24px auto 0px; font-size: 21px; font-weight: 700; line-height: 32px; color: rgb(34, 34, 34); } #story-404-wrapper p { width: 500px; margin-top: 16px; margin-bottom: 0px; font-size: 16px; line-height: 24px; } #story-404-wrapper .buttons-404 { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; margin-top: 24px; } #story-404-wrapper .buttons-404 .btn { height: 42px; min-width: 119px; border-radius: 21px; margin: 0px 4px; font-weight: 700; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } @media (max-height: 750px) { #story-404-wrapper { margin-top: calc(50px); } } @media (max-width: 991px) { #story-404-wrapper { height: 100vh; padding: 0px 36px; margin-top: 0px; } #story-404-wrapper .error-404-image { width: 100%; } #story-404-wrapper h3 { font-size: 18px; line-height: 24px; } #story-404-wrapper p { font-size: 14px; line-height: 21px; margin-top: 8px; width: 100%; } #story-404-wrapper .buttons-404 { margin-top: 24px; display: flex; -webkit-box-pack: center; justify-content: center; } } body.js-app-off #profile-card button.on-follow-user { visibility: hidden; } body.js-app-off .user-item .on-follow-user { visibility: hidden; } body.js-app-off .announcement-view .hide-btn-wrapper { visibility: hidden; } body.js-app-off .show-more { visibility: hidden; } body.js-app-off .StoryDetailCover .add-to-library-row { visibility: hidden; } body.js-app-off .story-details-container .author-name .btn-follow { visibility: hidden; } body.js-app-off .story-details-container .description .short-length { display: none; } body.js-app-off .story-details-container .description .full-length.hide { display: block !important; } body.js-app-off div.read-story-part .read-part-nav-buttons { visibility: hidden; } body.js-app-off div.read-story-part .paragraph-comment { visibility: hidden; } body.js-app-off div.read-story-part .bottom-block div.interactions { visibility: hidden; } body.js-app-off #recent-searches { visibility: hidden; } ------MultipartBoundary--ZpT23MmpkpqBStjkuHij1PavN9zpsKy390CGyMIOtL---- Content-Type: image/png Content-Transfer-Encoding: binary Content-Location: https://static.wattpad.com/img/logos/download-app-icon.png PNG  IHDRHH"gAMA a [IDATx\ \E۽KA~ÏI!(S.ǩ U" RCJ! JS1?w(bX?` b"!&w}o^,e23========fCԨBH<`9iPۮHd7u LFR@ꊵ 7NIo< F:.}$!=[a eM2._` r"9.Э\9Bh*E >ע(am gMsm{.D{S[HQ;~/7})i})j@'ia!T*F@tMOԔm:<ڠ鳰Lwz@)0IS`@Bu 凛rD:+f .XRA Jl"t7?%f1p4{AljP'x w4ֵZx&luEhq`|^]#ҭC F{s~LC9amSClئVW)f8LUa11m?P>J3R'1}%!eYc2}ֲШ"ZRg„*uEbL*OH40B/d4X/T)m[7u 7:bn">VPpBE@+Qu?u %CH@#æzW庂hZS1{Mս0])Ƹt /.nӢ6Oc򫐕KNli ܘ[F90sc @L9!z9OVY)Nj:Ce0j`F1roьZ̓tᤨ~f;foъx nܙqWz&.%͘塦jF\6gpdH6_W)Ԧ(7I[̙Ϲm>pBEȝcLH Pe0yu;P!i-EaDKxl}8$o}S#c2knJ)w^)ίe_<0C/n @%q2qX}W}6Ak8riu8b9 xK!.=p^HHHƃu${t+6Sʬ #{&}`ڒ; Е}o*F2HRKB}{;^3gdF-q?}] JNtQyHfi~gV\>҇ddOvuowes N$;[.^G~xlns'IXyS.~H`s (eYQN[@S\ w`ʅ1}1S!Ɲm ;-):q.n*@5ks]):=nB{uV*> ̈*h5ό0"qɬne0e}Oe hD]FݑE|9G)LD_ki юҮу/ȸX2 ˭֘kzzt{9|QL96NKao[Pl4`=*]eB^צKVIzكU*XJ(JHvNgO-5EJ;F(+'1 9KZ^h~4hhѓz0Y"ܫ^{FߩYnJ)hJ)]=&*yDC?7)ztˋzxc0P2GlDLA|uJ0 G]u/ 9>b`]|6.Oۉu5kF= է@H u!,,_\tOyЎG9"m\m~58eFS?Be*Ʃ>%ڼ2߮DЏ7/c1.H ~,u|@@95u惫fXqt|[oWbf< /Ϩ*GP6/?U״¾.s!f/O_FIJ0( cgi,7P^ 1ݬFvGeR؀ړPVPQ }JjVP=3ȴٮp >h-`jZ]I}1lI]p+gdQ1*64p k[AHƭN[H5=@s*Oׄns4gԕ;>;#`t&3Yi [h1UD53am4=8WLȺ$cq|^<gN ٱk0>&Ϋ[801d#!fAӘLIeJ#;i%7!zplð7T#^l'ЮMQ8IB¬ XINGKΖzg{l =Y3c(h> jRWU"dcX ]g[ $XqEJ8"l_8er7'f^mCZ:4Wlw5brKyN= ЉWC̜"RjaR31jOyz<B?GF y'륄L?OM)+'L-o8FZ`>ïj!U@mQF5P.b%hCI D :zjRt3~sy$팧 mucs964g t85f 0ՓcAVgt$>>KHu5=JJčY 3dtd9[pIR q$:b0j# WX 6gX2 &cu}Ƅ2>Ma p&|M#L.3c/Dh5 H`Sw-CfyIA4Yc*0Xq>E9x:# U@cmysd;7M 4%Д@SM LeTkIENDB` ------MultipartBoundary--ZpT23MmpkpqBStjkuHij1PavN9zpsKy390CGyMIOtL---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://static.wattpad.com/css/tokens.34cb008c.min.css @charset "utf-8"; :root { --ds-neutral-100:#121212; --ds-neutral-80:rgba(18, 18, 18, 0.64); --ds-neutral-60:rgba(18, 18, 18, 0.32); --ds-neutral-40:rgba(18, 18, 18, 0.12); --ds-neutral-20:rgba(18, 18, 18, 0.04); --ds-neutral-00:#ffffff; --ds-neutral-100-solid:#121212; --ds-neutral-80-solid:#686868; --ds-neutral-60-solid:#b3b3b3; --ds-neutral-40-solid:#e2e2e2; --ds-neutral-20-solid:#f6f6f6; --ds-neutral-00-solid:#fff; --ds-base-1-accent:#ff500a; --ds-base-1-80:#602b1c; --ds-base-1-60:#a93e19; --ds-base-1-40:#ffd9ca; --ds-base-1-20:#fff6f2; --ds-base-2-accent:#5c10ff; --ds-base-2-80:#2a1c60; --ds-base-2-60:#3b19a9; --ds-base-2-40:#d7caff; --ds-base-2-20:#f6f2ff; --ds-base-3-accent:#18a599; --ds-base-3-80:#18403a; --ds-base-3-60:#1c6f65; --ds-base-3-40:#caf6f5; --ds-base-3-20:#f2fdfd; --ds-base-4-accent:#e81249; --ds-base-4-80:#5a1d30; --ds-base-4-60:#9e1d42; --ds-base-4-40:#ffcacd; --ds-base-4-20:#fff2f2; --ds-base-5-accent:#d67d00; --ds-base-5-80:#503414; --ds-base-5-60:#8d5610; --ds-base-5-40:#ffecca; --ds-base-5-20:#fffbf2; --ds-base-6-accent:#00a1b3; --ds-base-6-80:#114143; --ds-base-6-60:#0d6f76; --ds-base-6-40:#caf1fc; --ds-base-6-20:#f2fcff; --ds-base-7-accent:#51a800; --ds-base-7-80:#293f10; --ds-base-7-60:#3f6f0c; --ds-base-7-40:#d6f9ca; --ds-base-7-20:#f5fef2; --ds-base-7-accent-dark:#72a136; --ds-base-7-80-dark:#cee0bc; --ds-base-7-60-dark:#9fc079; --ds-base-7-40-dark:#44532e; --ds-base-7-20-dark:#25291f; --ds-success:#00854e; --ds-warning:#ffc922; --ds-alert:#e00000; --ds-disabled:rgba(18, 18, 18, 0.32); --ds-disabled-solid:#b3b3b3; --wp-wattys-tag:#322864; } :root[data-theme="dark"] { --ds-neutral-100:#ffffff; --ds-neutral-80:rgba(255, 255, 255, 0.64); --ds-neutral-60:rgba(255, 255, 255, 0.32); --ds-neutral-40:rgba(255, 255, 255, 0.12); --ds-neutral-20:rgba(255, 255, 255, 0.04); --ds-neutral-00:#121212; --ds-neutral-100-solid:#fff; --ds-neutral-80-solid:#a9a9a9; --ds-neutral-60-solid:#5e5e5e; --ds-neutral-40-solid:#2f2f2f; --ds-neutral-20-solid:#1b1b1b; --ds-neutral-00-solid:#121212; --ds-base-1-accent:#ef6c39; --ds-base-1-80:#fad1bd; --ds-base-1-60:#f4a07b; --ds-base-1-40:#784839; --ds-base-1-20:#3a2c29; --ds-base-2-accent:#8070db; --ds-base-2-80:#d7cff3; --ds-base-2-60:#aca0e7; --ds-base-2-40:#555176; --ds-base-2-20:#33323c; --ds-base-3-accent:#37a49b; --ds-base-3-80:#bce1e0; --ds-base-3-60:#7ac2be; --ds-base-3-40:#2f5550; --ds-base-3-20:#1f2a28; --ds-base-4-accent:#f54f78; --ds-base-4-80:#fcc4cf; --ds-base-4-60:#f88aa2; --ds-base-4-40:#843e53; --ds-base-4-20:#442831; --ds-base-5-accent:#b88b3a; --ds-base-5-80:#e7dbbd; --ds-base-5-60:#d0b47c; --ds-base-5-40:#5e4d33; --ds-base-5-20:#2f2922; --ds-base-6-accent:#39a2ac; --ds-base-6-80:#bddee3; --ds-base-6-60:#7bbfc8; --ds-base-6-40:#315759; --ds-base-6-20:#212c2c; --ds-base-7-accent:#72a136; --ds-base-7-80:#cee0bc; --ds-base-7-60:#9fc079; --ds-base-7-40:#44532e; --ds-base-7-20:#25291f; } :root { --Corner-corner-00:0; --Corner-corner-01:2px; --Corner-corner-02:4px; --Corner-corner-03:8px; --Corner-corner-04:12px; --Corner-corner-05:16px; --Corner-corner-06:24px; --Corner-corner-99:9999px; } :root { --primary-font-face:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif; --font-weight-normal:400; --font-weight-bold:700; --font-weight-semibold:600; --font-size-xl:32px; --font-size-l:22px; --font-size-m:18px; --font-size-sm:16px; --font-size-xs:14px; --font-size-xxs:12px; --font-color-primary:var(--ds-neutral-100); --line-height-xl:40px; --line-height-l:28px; --line-height-m:24px; --line-height-sm:22px; --line-height-xs:20px; --line-height-xxs:16px; } ------MultipartBoundary--ZpT23MmpkpqBStjkuHij1PavN9zpsKy390CGyMIOtL---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://static.wattpad.com/css/web-ui-library.028a1747.min.css @charset "utf-8"; .tag-pill__yrFxu { display: inline-flex; -webkit-box-align: center; align-items: center; border: 1px solid transparent; border-radius: 100px; padding: 4px 12px; transition-duration: 0.7s; color: var(--ds-neutral-80,rgba(18,18,18,0.64)); text-align: center; white-space: nowrap; font-size: 12px; font-weight: 700; line-height: 16px; text-overflow: ellipsis; text-decoration: none; background-color: var(--ds-neutral-40,rgba(18,18,18,0.12)); cursor: pointer; } .tag-pill__yrFxu:hover { color: var(--ds-neutral-80,rgba(18,18,18,0.64)); text-decoration: none; border: 1px solid var(--ds-neutral-40,rgba(18,18,18,0.12)); } .tag-pill__yrFxu * { vertical-align: middle; } .tag-pill__yrFxu.with-icon__ygR4d { padding: 5px 10px; background: var(--ds-neutral-20-solid,#f6f6f6); color: var(--ds-neutral-80-solid,#686868); border-color: var(--ds-neutral-40-solid,#e2e2e2); } .tag-pill__yrFxu.with-icon__ygR4d.active__f6EKR { background: var(--ds-neutral-40-solid,#e2e2e2); } .tag-pill__yrFxu.with-icon__ygR4d.wattys-tag__AiGj_ { background: var(--wp-wattys-tag,#322864); color: var(--ds-neutral-00-solid,#fff); } .tag-pill__yrFxu.with-icon__ygR4d.wattys-tag__AiGj_ i { color: var(--ds-neutral-00-solid,#fff); } .tag-pill__yrFxu.with-icon__ygR4d.prefilled-tag__vbUl8 { background: var(--ds-neutral-80-solid,#686868); color: var(--ds-neutral-00-solid,#fff); } .tag-pill__yrFxu.with-icon__ygR4d.prefilled-tag__vbUl8 span.fa__Gdx_t { background-color: var(--ds-neutral-00-solid,#fff); border-radius: 50%; padding: 2px; } .tag-pill__yrFxu.with-icon__ygR4d .fa__Gdx_t { margin-left: 5px; } .tag-cloud__aHyD4 ul { padding: 0px; margin: 0px; list-style-type: none; white-space: nowrap; } .tag-cloud__aHyD4 ul li { float: left; margin-right: 8px; margin-bottom: 8px; } .text-body, .text-body-sm, .text-caption, .text-meta, .title-action, .title-lg, .title-md, .title-sm, .title-xl { font-family: var(--primary-font-face, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif); font-style: normal; color: var(--ds-neutral-100,#121212); } .title-xl { font-weight: var(--font-weight-bold,700); font-size: var(--font-size-xl,32px); line-height: var(--line-height-xl,40px); } .title-lg { font-weight: var(--font-weight-bold,700); font-size: var(--font-size-l,22px); line-height: var(--line-height-l,28px); } .title-md { font-weight: var(--font-weight-bold,700); font-size: var(--font-size-m,18px); line-height: var(--line-height-m,24px); } .title-sm { font-weight: var(--font-weight-bold,700); font-size: var(--font-size-sm,16px); line-height: var(--line-height-sm,22px); } .title-action { font-weight: var(--font-weight-bold,700); font-size: var(--font-size-xs,14px); line-height: var(--line-height-xs,20px); } .text-body { font-weight: var(--font-weight-normal,400); font-size: var(--font-size-sm,16px); line-height: var(--line-height-sm,22px); } .text-body-sm { font-weight: var(--font-weight-normal,400); font-size: var(--font-size-xs,14px); line-height: var(--line-height-xs,20px); } .text-meta { font-weight: var(--font-weight-bold,700); font-size: var(--font-size-xxs,12px); line-height: var(--line-height-xxs,16px); } .text-caption { font-weight: var(--font-weight-normal,400); font-size: var(--font-size-xxs,12px); line-height: var(--line-height-xxs,16px); } [class*=" typography-"], [class^="typography-"] { font-family: var(--primary-font-face, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif); font-weight: var(--font-weight-bold,700); font-style: normal; color: var(--ds-neutral-100,#121212); } [class*=" typography-paragraph"], [class^="typography-paragraph"] { font-weight: var(--font-weight-normal,400); } [class^="typography-"][class$="-semi"] { font-weight: var(--font-weight-semibold,600); } .typography-heading-x-small { font-size: 20px; line-height: 28px; } .typography-heading-small { font-size: 24px; line-height: 32px; } .typography-heading-medium { font-size: 28px; line-height: 36px; } .typography-heading-large { font-size: 32px; line-height: 40px; } .typography-display-x-small { font-size: 36px; line-height: 44px; } .typography-display-small { font-size: 44px; line-height: 52px; } .typography-display-medium { font-size: 52px; line-height: 64px; } .typography-display-large { font-size: 96px; line-height: 112px; } @media screen and (min-width: 576px) { .typography-heading-x-small { font-size: 28px; line-height: 36px; } .typography-heading-small { font-size: 32px; line-height: 40px; } .typography-heading-medium { font-size: 36px; line-height: 44px; } .typography-heading-large { font-size: 40px; line-height: 52px; } } .typography-label-x-small { font-size: 12px; line-height: 16px; } .typography-label-small { font-size: 14px; line-height: 16px; } .typography-label-medium { font-size: 16px; line-height: 20px; } .typography-label-large { font-size: 18px; line-height: 24px; } .typography-label-x-small-semi { font-size: 12px; line-height: 14px; } .typography-label-small-semi { font-size: 14px; line-height: 16px; } .typography-label-medium-semi { font-size: 16px; line-height: 20px; } .typography-label-large-semi { font-size: 18px; line-height: 24px; } .typography-paragraph-x-small, .typography-paragraph-x-small a { font-size: 12px; line-height: 20px; } .typography-paragraph-small, .typography-paragraph-small a { font-size: 14px; line-height: 20px; } .typography-paragraph-medium, .typography-paragraph-medium a { font-size: 16px; line-height: 24px; } .typography-paragraph-large, .typography-paragraph-large a { font-size: 18px; line-height: 28px; } .button__Y70Pw { box-sizing: border-box; border: none; border-radius: var(--Corner-corner-06,24px); font-weight: var(--font-weight-bold,700); text-decoration: none; position: relative; padding: 0px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; } .button__Y70Pw.full-width__dXWyx { width: 100%; } .button__Y70Pw.clickable__iYXtN { cursor: pointer; } .button__Y70Pw.is-loading__OIqSE { cursor: wait; } .button__Y70Pw:disabled { cursor: not-allowed; } .loading-icon__mWEyW { animation: 2s linear 0s infinite normal none running rotation__kHFTC; } @-webkit-keyframes rotation__kHFTC { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @keyframes rotation__kHFTC { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .background-overlay__mCEaX { border-radius: var(--Corner-corner-06,24px); opacity: 0; position: absolute; width: 100%; height: 100%; } .icon__p6RRK { display: flex; } .x-small-size__o9R0p { font-size: var(--font-size-xxs,12px); height: 28px; } .x-small-size__o9R0p.with-padding__cVt72 { padding: 0px 8px; } .small-size__XHtfM { font-size: var(--font-size-xs,14px); height: 36px; } .small-size__XHtfM.with-padding__cVt72 { padding: 0px 12px; } .medium-size__CLqD3 { font-size: var(--font-size-sm,16px); height: 48px; } .medium-size__CLqD3.with-padding__cVt72 { padding: 0px 16px; } .primary-variant__NO4pv { color: var(--ds-neutral-00,#fff); } .primary-variant__NO4pv .background-overlay__mCEaX { background-color: var(--ds-neutral-00,#fff); } .primary-variant__NO4pv .icon__p6RRK path { fill: var(--ds-neutral-00,#fff); } .primary-variant__NO4pv:hover .background-overlay__mCEaX { opacity: 0.1; } .primary-variant__NO4pv:active .background-overlay__mCEaX { opacity: 0.2; } .primary-variant__NO4pv.default-accent__Pc0Pm { background-color: var(--ds-neutral-100,#121212); } .primary-variant__NO4pv.default-accent__Pc0Pm:disabled { background-color: var(--ds-neutral-40-solid,#e2e2e2); color: var(--ds-neutral-60-solid,#b3b3b3); } .primary-variant__NO4pv.default-accent__Pc0Pm:disabled .icon__p6RRK path { fill: var(--ds-neutral-60-solid,#b3b3b3); } .primary-variant__NO4pv.alert-accent__i1c5g { background-color: var(--ds-alert,#e00000); } .primary-variant__NO4pv.premium-accent__mT2OK { background-color: var(--ds-base-2-80,#2a1c60); } .primary-variant__NO4pv.premium-accent__mT2OK:disabled { background-color: var(--ds-base-2-20,#f6f2ff); color: var(--ds-base-2-40,#d7caff); } .primary-variant__NO4pv.premium-accent__mT2OK:disabled .icon__p6RRK path { fill: var(--ds-base-2-40,#d7caff); } .secondary-variant__KvdoY { border: 1px solid var(--ds-neutral-60-solid,#b3b3b3); color: var(--ds-neutral-100-solid,#121212); } .secondary-variant__KvdoY:hover .background-overlay__mCEaX { opacity: 0.04; } .secondary-variant__KvdoY:active .background-overlay__mCEaX { opacity: 0.12; } .secondary-variant__KvdoY.icon-only__ImhHY { border-radius: 50%; } .secondary-variant__KvdoY.icon-only__ImhHY.x-small-size__o9R0p { width: 28px; } .secondary-variant__KvdoY.icon-only__ImhHY.small-size__XHtfM { width: 36px; } .secondary-variant__KvdoY.icon-only__ImhHY.medium-size__CLqD3 { width: 48px; } .secondary-variant__KvdoY.default-accent__Pc0Pm { background-color: var(--ds-neutral-00-solid,#fff); border-color: var(--ds-neutral-100-solid,#121212); } .secondary-variant__KvdoY.default-accent__Pc0Pm .background-overlay__mCEaX { background-color: var(--ds-neutral-100-solid,#121212); } .secondary-variant__KvdoY.default-accent__Pc0Pm .icon__p6RRK path { fill: var(--ds-neutral-100-solid,#121212); } .secondary-variant__KvdoY.default-accent__Pc0Pm:disabled { background-color: var(--ds-neutral-00-solid,#fff); border-color: var(--ds-neutral-60-solid,#b3b3b3); color: var(--ds-neutral-60-solid,#b3b3b3); } .secondary-variant__KvdoY.default-accent__Pc0Pm:disabled .icon__p6RRK path { fill: var(--ds-neutral-60-solid,#b3b3b3); } .secondary-variant__KvdoY.alert-accent__i1c5g { background-color: var(--ds-neutral-00-solid,#fff); border-color: var(--ds-alert,#e00000); color: var(--ds-alert,#e00000); } .secondary-variant__KvdoY.alert-accent__i1c5g .background-overlay__mCEaX { background-color: var(--ds-alert,#e00000); } .secondary-variant__KvdoY.alert-accent__i1c5g .icon__p6RRK path { fill: var(--ds-alert,#e00000); } .secondary-variant__KvdoY.alert-accent__i1c5g:disabled { background-color: var(--ds-neutral-00-solid,#fff); border-color: var(--ds-alert,#e00000); color: var(--ds-alert,#e00000); } .secondary-variant__KvdoY.alert-accent__i1c5g:disabled .icon__p6RRK path { fill: var(--ds-alert,#e00000); } .secondary-variant__KvdoY.premium-accent__mT2OK { background-color: var(--ds-neutral-00-solid,#fff); border-color: var(--ds-base-2-60,#3b19a9); color: var(--ds-base-2-60,#3b19a9); } .secondary-variant__KvdoY.premium-accent__mT2OK .background-overlay__mCEaX { background-color: var(--ds-base-2-60,#3b19a9); } .secondary-variant__KvdoY.premium-accent__mT2OK .icon__p6RRK path { fill: var(--ds-base-2-60,#3b19a9); } .secondary-variant__KvdoY.premium-accent__mT2OK:disabled { background-color: var(--ds-neutral-00-solid,#fff); border-color: var(--ds-base-2-40,#d7caff); color: var(--ds-base-2-40,#d7caff); } .secondary-variant__KvdoY.premium-accent__mT2OK:disabled .icon__p6RRK path { fill: var(--ds-base-2-40,#d7caff); } .tertiary-variant__Y9kWU { color: var(--ds-neutral-100-solid,#121212); } .tertiary-variant__Y9kWU:hover .background-overlay__mCEaX { opacity: 0.04; } .tertiary-variant__Y9kWU:active .background-overlay__mCEaX { opacity: 0.08; } .tertiary-variant__Y9kWU.like-accent__TBsrm { background-color: var(--ds-base-1-40,#ffd9ca); } .tertiary-variant__Y9kWU.default-accent__Pc0Pm, .tertiary-variant__Y9kWU.premium-accent__mT2OK { background-color: var(--ds-neutral-00-solid,#fff); border-color: var(--ds-neutral-100-solid,#121212); } .tertiary-variant__Y9kWU.default-accent__Pc0Pm .background-overlay__mCEaX, .tertiary-variant__Y9kWU.premium-accent__mT2OK .background-overlay__mCEaX { background-color: var(--ds-neutral-100-solid,#121212); } .tertiary-variant__Y9kWU.default-accent__Pc0Pm .icon__p6RRK path, .tertiary-variant__Y9kWU.premium-accent__mT2OK .icon__p6RRK path { fill: var(--ds-neutral-100-solid,#121212); } .tertiary-variant__Y9kWU.default-accent__Pc0Pm:disabled, .tertiary-variant__Y9kWU.premium-accent__mT2OK:disabled { background-color: var(--ds-neutral-20-solid,#f6f6f6); color: var(--ds-neutral-60-solid,#b3b3b3); } .tertiary-variant__Y9kWU.default-accent__Pc0Pm:disabled .icon__p6RRK path, .tertiary-variant__Y9kWU.premium-accent__mT2OK:disabled .icon__p6RRK path { fill: var(--ds-neutral-60-solid,#b3b3b3); } .link-variant__hNxlM { background: 0px 0px; border-radius: 0px; height: auto; display: inline-flex; gap: 2px; } .link-variant__hNxlM.with-padding__cVt72 { padding: 0px; } .link-variant__hNxlM.default-accent__Pc0Pm, .link-variant__hNxlM.premium-accent__mT2OK { color: var(--ds-base-3-60,#1c6f65); } .link-variant__hNxlM.default-accent__Pc0Pm:hover:not(:disabled), .link-variant__hNxlM.premium-accent__mT2OK:hover:not(:disabled) { box-shadow: inset 0 -2px 0 0 var(--ds-base-3-60,#1c6f65); } .link-variant__hNxlM.default-accent__Pc0Pm:active, .link-variant__hNxlM.premium-accent__mT2OK:active { color: var(--ds-base-3-80,#18403a); } .link-variant__hNxlM.default-accent__Pc0Pm:disabled, .link-variant__hNxlM.premium-accent__mT2OK:disabled { color: var(--ds-neutral-60-solid,#b3b3b3); } .link-variant__hNxlM .external-link-icon__u4PAy { height: 0.8rem; } .link-variant__hNxlM .external-link-icon__u4PAy path { fill: var(--ds-base-3-60,#1c6f65); } .coverWrapper__t2Ve8 { border-radius: 6px; position: relative; overflow: hidden; } .coverWrapper__t2Ve8 .originalsBadge__DeXoI { position: absolute; top: 0px; left: 0px; } .coverWrapper__t2Ve8 .freeBadge__kLNEV { position: absolute; bottom: 0px; right: 0px; background-color: var(--ds-base-4-60); color: var(--ds-neutral-00); padding: 4px 8px; border-radius: 6px; font-weight: var(--font-weight-semibold); } .cover__BlyZa { border-radius: 6px; } .cover__BlyZa.flexible__bq0Qp { width: 100%; max-width: 100%; } .avatar__Ygp0_ { border-radius: 50%; display: block; background-color: rgb(238, 238, 238); } .avatar_sm__zq5iO { width: 32px; height: 32px; } .avatar_med__BTsQD { width: 48px; height: 48px; } .avatar_lg__W6w5h { width: 72px; height: 72px; } .comment_card_avatar__zKv1t { width: 40px; height: 40px; } .comment_card_reply_avatar__niNAw { width: 20px; height: 20px; } .comment_card_story_author_like_avatar__LRgXf { width: 16px; height: 16px; } .dsContainer__RRG6K { display: flex; } .dsColumn__PqDUP { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; } .dsRow__BXK6n { display: flex; width: 100%; } .commentCardContainer__P0qWo, .commentCardContent__Vc9vg, .gap8__gx3K6, .likeColumn__bveEu { gap: 8px; } .gap4__udBQg { gap: 4px; } .dsMargin__Gs6Tj { margin: 0px; } .bold__AHCp5 { font-weight: var(--font-weight-bold,700); } .alert__P7nhy { color: var(--ds-alert,#e00000); } .commentCardContainer__P0qWo { padding: 8px 8px 8px 12px; transition: background-color 1s ease-out 0s; } div.highlightComment__IERff { background-color: var(--ds-base-3-20,#f2fdfd); transition: initial; } div.highlightComment__IERff [class^="readMoreSlider"]:not([class^="readMoreExpanded"])::before { background-image: linear-gradient(to bottom,transparent,var(--ds-base-3-20,#f2fdfd)); } .isStoryAuthor__cpod8 { background-color: var(--ds-base-1-20,#fff6f2); } .isStoryAuthor__cpod8 [class^="readMoreSlider"]:not([class^="readMoreExpanded"])::before { background-image: linear-gradient(to bottom,transparent,var(--ds-base-1-20,#fff6f2)); } .replyCard__Ft5hc { padding: 8px 8px 8px 60px; } .commentCardContentContainer__F9gGk { -webkit-box-flex: 1; flex: 1 1 0%; padding-right: 16px; } .commentCardContent__Vc9vg pre { color: var(--ds-neutral-100,#121212); margin: 0px; white-space: pre-wrap; word-break: break-word; } @supports (overflow-wrap:anywhere) { .commentCardContent__Vc9vg pre { word-break: normal; overflow-wrap: anywhere; } } .commentCardContent__Vc9vg pre a { color: var(--ds-base-3-60,#1c6f65); text-decoration: none; } .authorProfileRow__GMsIH, .commentCardMeta__Xy9U9, .viewRepliesRow__nKbo7 { -webkit-box-align: center; align-items: center; } .badgeRow__bzi6i { gap: 4px; } .alertContent__wraZk { display: flex; } .alertContent__wraZk svg { margin-right: 4px; } .postedDate__xcq5D { color: var(--ds-neutral-80,rgba(18,18,18,0.64)); margin: 0px; } .button__Meavz { border: none; background: 0px 0px; cursor: pointer; } .likeColumn__bveEu { -webkit-box-align: center; align-items: center; } .likeColumn__bveEu button, .likeColumn__bveEu div, .likeColumn__bveEu span { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .likeColumn__bveEu .noDropdown__TABmT { margin-top: 28px; } .storyAuthorLike__aQdlf { position: relative; width: 16px; } .storyAuthorLike__aQdlf svg { position: absolute; top: -3px; right: -3px; } .replyButton__kdyts { color: var(--ds-base-2-60,#3b19a9); padding: 0px; } .pill__HVTvX { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 12px; padding: 2px 12px; margin-right: 4px; } .readMoreContainer__QwGsk { -webkit-box-align: start; align-items: flex-start; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .readMoreSlider__WE136 { position: relative; overflow: hidden; max-height: 140px; transition: height 0.5s ease 0s; } .readMoreSlider__WE136.readMoreExpanded__HWD14 { max-height: fit-content; transition: height 0.5s ease 0s; } .readMoreSlider__WE136:not(.readMoreExpanded__HWD14)::before { position: absolute; left: 0px; right: 0px; bottom: 0px; content: ""; height: var(--line-height-xs,20px); background-image: linear-gradient(to bottom,transparent,var(--ds-neutral-00,#fff)); } .readMoreBtn__ofQt8 { background: 0px 0px; border: none; padding: 0px; cursor: pointer; } .story_slide_container__qOPtC { display: flex; } .story_slide__Jdr7E { margin-bottom: 20px; padding: 2px 8px 0px; max-width: 300px; line-height: 20px; display: inline-block; height: fit-content; position: relative; width: 178px; } .story_slide__Jdr7E.first_slide__K9jK1 { width: 213px; } .story_slide__Jdr7E.first_slide__K9jK1 .cover__BuswT { height: 333px; } .story_slide__Jdr7E .primary_title__abVJs { margin-block-start: 0px; white-space: nowrap; position: absolute; } .story_slide__Jdr7E .cover__BuswT { display: block; background-color: transparent; min-width: 100px; height: 278px; } .story_slide__Jdr7E .cover__BuswT.top-margin__cqds9 { margin-top: 28px; } @media screen and (max-width: 575px) { .story_slide__Jdr7E .cover__BuswT { height: 163px; } } .story_slide__Jdr7E .cover__BuswT img { border-radius: 4px; filter: drop-shadow(rgba(18, 18, 18, 0.12) 0px 4px 8px); width: 100%; height: 100%; object-fit: cover; } .story_slide__Jdr7E .secondary_label__Y3gJw { margin-block: 0px; } .story_slide__Jdr7E .progress_bar__KAfiQ { margin-top: 4px; } .story_slide__Jdr7E .cover__BuswT + .progress_bar__KAfiQ { margin-top: 12px; } .story_slide__Jdr7E .sublabel__UUFJT { text-align: right; margin-block: 4px 0px; color: var(--ds-neutral-100,#121212); } .story_slide__Jdr7E .new_parts__G7Iks { color: var(--ds-base-7-60,#3f6f0c); } .story_slide__Jdr7E .last_pub_date__qzDaO { text-align: right; margin-block: 0px; color: var(--ds-neutral-80,rgba(18,18,18,0.64)); } @media screen and (max-width: 575px) { .story_slide__Jdr7E { width: 105px; } .story_slide__Jdr7E.first_slide__K9jK1 { width: 126px; } .story_slide__Jdr7E.first_slide__K9jK1 .cover__BuswT { height: 195px; } } .leading_divider__Ts4Wq { border-left: 1px solid var(--ds-base-7-40,#d6f9ca); margin-left: 16px; margin-right: 16px; } .progress_bar_value__rnwN9 { height: 100%; } .progress_bar_value__rnwN9.primary__efugz { background-color: var(--ds-neutral-80,rgba(18,18,18,0.64)); } .progress_bar_value__rnwN9.default__sk_o3 { background-color: var(--ds-neutral-40,rgba(18,18,18,0.12)); } .progress_bar_value__rnwN9.success__BzCzJ { background-color: var(--ds-base-7-accent,#51a800); } .progress_bar_value__rnwN9.progress__WYcqd { background-color: var(--ds-neutral-00-solid,#fff); } .progress_bar_value__rnwN9.remaining__vKfSX { background-color: var(--ds-neutral-00,#fff); opacity: 0.2; } .progress_bar__ja0_4 { background-color: var(--ds-neutral-40,rgba(18,18,18,0.12)); border-radius: 4px; display: flex; overflow: hidden; } .libraryStoryCard__y5_Fe { width: 156px; } .libraryStoryItem__Yxev4 { position: relative; float: left; display: flex; margin-bottom: 6px; width: 100%; } .libraryCover__zF7AM { width: 100%; display: inline-flex; } .libraryCover__zF7AM img { width: 100%; height: 245px; } .authorWrapper__u0RFS { display: flex; margin-top: 12px; -webkit-box-align: center; align-items: center; width: 100%; } .authorSection__GVjjz { max-width: 118px; width: 118px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-right: 4px; } .authorSection__GVjjz strong { display: block; font-weight: 600; color: rgb(34, 34, 34); line-height: 18px; margin-bottom: 0px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .authorSection__GVjjz small { color: rgb(111, 111, 111); } .statsWrapper__DqAW0 { display: flex; flex-wrap: wrap; width: 100%; } .stats_wrapper__THA2S { padding: 0px 16px 0px 0px; display: flex; -webkit-box-align: center; align-items: center; } .stats-label__text__VzfuV { font-size: 16px; padding-left: 6px; color: rgb(111, 111, 111); } .stats_wrapper__THA2S path { fill: rgb(111, 111, 111); } .libraryOverlayContainer__HFWQe { width: 100%; height: 100%; position: absolute; } .libraryOverlay__wFJln { position: absolute; top: 0px; left: 0px; border-radius: 4px; background-color: rgb(34, 34, 34); width: 100%; height: 100%; opacity: 0.7; } .quickControls__wr5XZ { position: absolute; right: 0px; width: 100%; z-index: 3; } .trashButton__kqASJ { line-height: 18px; background: 0px 0px; padding: 12px; float: right; border: none; margin: 3px 5px 0px; cursor: pointer; } .legacyTrashIcon__T_UTS path { fill: var(--ds-neutral-00); } .buttonsContainer__nEVj_ { position: absolute; top: 24px; left: 0px; z-index: 2; height: 100%; padding: 10%; } .overlayButton__Pg7bv { display: block; width: 100%; margin: 3px 5px 12px 0px; padding: 5px 0px; color: var(--ds-neutral-00); background-color: rgb(34, 34, 34); border: 2px solid var(--ds-neutral-00); font-size: 15px; line-height: 18px; font-weight: 600; text-align: center; border-radius: 6px; cursor: pointer; background-image: none; white-space: normal; transition: all 0.1s ease-in-out 0s; position: relative; } .pill__pziVI { box-sizing: border-box; font-size: var(--font-size-xxs,12px); font-weight: var(--font-weight-bold,700); color: var(--ds-neutral-100-solid,#121212); text-decoration: none; height: 24px; display: inline-flex; -webkit-box-align: center; align-items: center; } .pill__pziVI svg path { fill: var(--ds-neutral-100-solid,#121212); } .pill__pziVI.square-shape__V66Yy { border-radius: 6px; } .pill__pziVI.round-shape__sOoT2 { border-radius: 35px; } .pill__pziVI.default-size__BJ5Po { padding: 4px 8px; } .pill__pziVI.large-size__ZWTBp { height: 100%; } .pill__pziVI.large-size-default__cBSI2 { padding: 11px 14px; } .pill__pziVI.large-size-padding__jHkb8 { padding: 8px; } .pill__pziVI.clickable__llABU { cursor: pointer; } .gap-for-default-pill__d6nVx { gap: 4px; } .gap-for-pill-image__lE8v5 { gap: 8px; } .indicator__RzTpW { background-color: var(--ds-neutral-80-solid,#686868); border-radius: var(--Corner-corner-03,8px); height: 8px; width: 8px; } .icon__WYtJ8 { display: flex; } .pillImage__YYWTB { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 50%; } .pillImage-default__cO3n1 { width: 16px; height: 16px; } .pillImage-large__xOiyd { width: 32px; height: 32px; } .default-variant__ERiYv.default-accent__YcamO { background-color: var(--ds-neutral-40-solid,#e2e2e2); } .default-variant__ERiYv.base-1-accent__v_DA0 { background-color: var(--ds-base-1-40,#ffd9ca); } .default-variant__ERiYv.base-2-accent__xcT40 { background-color: var(--ds-base-2-40,#d7caff); } .default-variant__ERiYv.base-3-accent__Xrbrb { background-color: var(--ds-base-3-40,#caf6f5); } .default-variant__ERiYv.base-4-accent__JqbdI { background-color: var(--ds-base-4-40,#ffcacd); } .default-variant__ERiYv.base-5-accent__HmbE0 { background-color: var(--ds-base-5-40,#ffecca); } .default-variant__ERiYv.base-6-accent__IJC8I { background-color: var(--ds-base-6-40,#caf1fc); } .default-variant__ERiYv.base-7-accent__XwRB5 { background-color: var(--ds-base-7-40,#d6f9ca); } .light-variant__fymht.default-accent__YcamO { background-color: var(--ds-neutral-20-solid,#f6f6f6); } .light-variant__fymht.default-accent__YcamO .indicator__RzTpW { background-color: var(--ds-base-7-accent,#51a800); } .light-variant__fymht.base-1-accent__v_DA0 { background-color: var(--ds-base-1-20,#fff6f2); } .light-variant__fymht.base-1-accent__v_DA0 .indicator__RzTpW { background-color: var(--ds-base-7-accent,#51a800); } .light-variant__fymht.base-2-accent__xcT40 { background-color: var(--ds-base-2-20,#f6f2ff); } .light-variant__fymht.base-2-accent__xcT40 .indicator__RzTpW { background-color: var(--ds-base-7-accent,#51a800); } .light-variant__fymht.base-3-accent__Xrbrb { background-color: var(--ds-base-3-20,#f2fdfd); } .light-variant__fymht.base-3-accent__Xrbrb .indicator__RzTpW { background-color: var(--ds-base-7-accent,#51a800); } .light-variant__fymht.base-4-accent__JqbdI { background-color: var(--ds-base-4-20,#fff2f2); } .light-variant__fymht.base-4-accent__JqbdI .indicator__RzTpW { background-color: var(--ds-base-7-accent,#51a800); } .light-variant__fymht.base-5-accent__HmbE0 { background-color: var(--ds-base-5-20,#fffbf2); } .light-variant__fymht.base-5-accent__HmbE0 .indicator__RzTpW { background-color: var(--ds-base-7-accent,#51a800); } .light-variant__fymht.base-6-accent__IJC8I { background-color: var(--ds-base-6-20,#f2fcff); } .light-variant__fymht.base-6-accent__IJC8I .indicator__RzTpW { background-color: var(--ds-base-7-accent,#51a800); } .light-variant__fymht.base-7-accent__XwRB5 { background-color: var(--ds-base-7-20,#f5fef2); } .light-variant__fymht.base-7-accent__XwRB5 .indicator__RzTpW { background-color: var(--ds-base-7-accent,#51a800); } .solid-variant__RGER9.default-accent__YcamO { color: var(--ds-neutral-00-solid,#fff); background-color: var(--ds-neutral-100-solid,#121212); } .solid-variant__RGER9.default-accent__YcamO > span { color: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.default-accent__YcamO .indicator__RzTpW { background-color: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.default-accent__YcamO svg path { fill: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.base-1-accent__v_DA0 { color: var(--ds-neutral-00-solid,#fff); background-color: var(--ds-base-1-60,#a93e19); } .solid-variant__RGER9.base-1-accent__v_DA0 > span { color: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.base-1-accent__v_DA0 .indicator__RzTpW { background-color: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.base-1-accent__v_DA0 svg path { fill: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.base-2-accent__xcT40 { color: var(--ds-neutral-00-solid,#fff); background-color: var(--ds-base-2-60,#3b19a9); } .solid-variant__RGER9.base-2-accent__xcT40 > span { color: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.base-2-accent__xcT40 .indicator__RzTpW { background-color: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.base-2-accent__xcT40 svg path { fill: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.base-3-accent__Xrbrb { color: var(--ds-neutral-00-solid,#fff); background-color: var(--ds-base-3-60,#1c6f65); } .solid-variant__RGER9.base-3-accent__Xrbrb > span { color: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.base-3-accent__Xrbrb .indicator__RzTpW { background-color: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.base-3-accent__Xrbrb svg path { fill: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.base-4-accent__JqbdI { color: var(--ds-neutral-00-solid,#fff); background-color: var(--ds-base-4-60,#9e1d42); } .solid-variant__RGER9.base-4-accent__JqbdI > span { color: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.base-4-accent__JqbdI .indicator__RzTpW { background-color: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.base-4-accent__JqbdI svg path { fill: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.base-5-accent__HmbE0 { color: var(--ds-neutral-00-solid,#fff); background-color: var(--ds-base-5-60,#8d5610); } .solid-variant__RGER9.base-5-accent__HmbE0 > span { color: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.base-5-accent__HmbE0 .indicator__RzTpW { background-color: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.base-5-accent__HmbE0 svg path { fill: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.base-6-accent__IJC8I { color: var(--ds-neutral-00-solid,#fff); background-color: var(--ds-base-6-60,#0d6f76); } .solid-variant__RGER9.base-6-accent__IJC8I > span { color: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.base-6-accent__IJC8I .indicator__RzTpW { background-color: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.base-6-accent__IJC8I svg path { fill: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.base-7-accent__XwRB5 { color: var(--ds-neutral-00-solid,#fff); background-color: var(--ds-base-7-60,#3f6f0c); } .solid-variant__RGER9.base-7-accent__XwRB5 > span { color: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.base-7-accent__XwRB5 .indicator__RzTpW { background-color: var(--ds-neutral-00-solid,#fff); } .solid-variant__RGER9.base-7-accent__XwRB5 svg path { fill: var(--ds-neutral-00-solid,#fff); } .outlined-variant__W8rtc.default-accent__YcamO { background-color: var(--ds-neutral-20-solid,#f6f6f6); border: 1px solid var(--ds-neutral-40-solid,#e2e2e2); } .outlined-variant__W8rtc.default-accent__YcamO .indicator__RzTpW { background-color: var(--ds-base-7-accent,#51a800); } .outlined-variant__W8rtc.base-1-accent__v_DA0 { background-color: var(--ds-base-1-20,#fff6f2); border: 1px solid var(--ds-base-1-40,#ffd9ca); } .outlined-variant__W8rtc.base-1-accent__v_DA0 .indicator__RzTpW { background-color: var(--ds-base-7-accent,#51a800); } .outlined-variant__W8rtc.base-2-accent__xcT40 { background-color: var(--ds-base-2-20,#f6f2ff); border: 1px solid var(--ds-base-2-40,#d7caff); } .outlined-variant__W8rtc.base-2-accent__xcT40 .indicator__RzTpW { background-color: var(--ds-base-7-accent,#51a800); } .outlined-variant__W8rtc.base-3-accent__Xrbrb { background-color: var(--ds-base-3-20,#f2fdfd); border: 1px solid var(--ds-base-3-40,#caf6f5); } .outlined-variant__W8rtc.base-3-accent__Xrbrb .indicator__RzTpW { background-color: var(--ds-base-7-accent,#51a800); } .outlined-variant__W8rtc.base-4-accent__JqbdI { background-color: var(--ds-base-4-20,#fff2f2); border: 1px solid var(--ds-base-4-40,#ffcacd); } .outlined-variant__W8rtc.base-4-accent__JqbdI .indicator__RzTpW { background-color: var(--ds-base-7-accent,#51a800); } .outlined-variant__W8rtc.base-5-accent__HmbE0 { background-color: var(--ds-base-5-20,#fffbf2); border: 1px solid var(--ds-base-5-40,#ffecca); } .outlined-variant__W8rtc.base-5-accent__HmbE0 .indicator__RzTpW { background-color: var(--ds-base-7-accent,#51a800); } .outlined-variant__W8rtc.base-6-accent__IJC8I { background-color: var(--ds-base-6-20,#f2fcff); border: 1px solid var(--ds-base-6-40,#caf1fc); } .outlined-variant__W8rtc.base-6-accent__IJC8I .indicator__RzTpW { background-color: var(--ds-base-7-accent,#51a800); } .outlined-variant__W8rtc.base-7-accent__XwRB5 { background-color: var(--ds-base-7-20,#f5fef2); border: 1px solid var(--ds-base-7-40,#d6f9ca); } .outlined-variant__W8rtc.base-7-accent__XwRB5 .indicator__RzTpW { background-color: var(--ds-base-7-accent,#51a800); } .storyItem__nF9is { height: fit-content; overflow-x: hidden; } .storyItem__nF9is .tagAndBadge__wEDfG { margin-top: 20px; } .textboxContainer__mbQss { position: relative; display: flex; } .textboxContainer__mbQss textarea { border-color: var(--ds-neutral-40,rgba(18,18,18,0.12)); border-radius: 24px; box-sizing: border-box; resize: none; width: 100%; padding: 12px 48px 12px 16px; color: var(--ds-neutral-100,#121212); } .textboxContainer__mbQss textarea::-webkit-scrollbar { display: none; } .textboxContainer__mbQss textarea:active, .textboxContainer__mbQss textarea:focus, .textboxContainer__mbQss textarea:focus-visible { border-color: var(--ds-base-2-accent,#5c10ff); outline: 0px; } .textboxContainer__mbQss textarea.error__GPeCz { border-color: var(--ds-alert,#e00000); } .textboxContainer__mbQss .defaultHeight__PP_LO { height: 48px; } .textboxContainer__mbQss .expand__V1TgD { border-radius: 18px; } .textboxContainer__mbQss button { position: absolute; right: 8px; bottom: 8px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border: none; border-radius: 50%; width: 32px; height: 32px; background: var(--ds-base-2-60,#3b19a9); padding: 0px; cursor: pointer; } .textboxContainer__mbQss button svg path { fill: var(--ds-neutral-00-solid,#fff); } .textboxContainer__mbQss button:disabled { background: var(--ds-base-2-40,#d7caff); } .errorMessage__UCWtc { padding: 4px 0px 0px 10px; color: var(--ds-alert,#e00000); } ------MultipartBoundary--ZpT23MmpkpqBStjkuHij1PavN9zpsKy390CGyMIOtL---- Content-Type: image/png Content-Transfer-Encoding: binary Content-Location: https://www.wattpad.com/img//shared/google_login_color.png PNG  IHDRTPŀIDATx#],+mxaUOzR nۆ 3~r02Lv# {f3xbl'aQZ<io߉!di['KT+'"&\L2DD牂\୭-UMt޽%-li:3C{;n(Ye1K9~,+ݛxR.w7ݎ.GzStþ韾l\rH筫E(תU#a}|tx3,z0cQ+Y8n+*?+vz6"Jvrx<(|5cI""m@XCR0Tr4SG]n#G$d Hq'Hr"|Tҡk!#h6|GX =o|Gx}e7wyJz|ߗln{^rP3jgÃy7i8gXۍ{?9w:X94%x'2=?=giOF2R6PI[TfmɘS$'R 'ٵLΉHx)zf"sgSv</6xd?XՃx[sR/AˑgxAŸ 8r؛wx;?Pܫ=6?W)v۷6ޚ.zn"Θ2gË0^ASF,S+fCNo;}L"yZ¹s7/>̻)l/<7WW~R{0cDzc.9! %ްTs׹Ia۳,}"7ly6tE_q?dKǹ+x<`r?[wXaXI6wElP6WG,`y^<}Iz#qàJGdn,u-CK!?<OTkVؔ0[<6fּ)fb Vv hvY)P_`oQ1]mqsěmy]譁-I bYBnCJ`ѭ ;~SU1M!iM@ih/$ע(am gMsm{.D{S[HQ;~/7})i})j@'ia!T*F@tMOԔm:<ڠ鳰Lwz@)0IS`@Bu 凛rD:+f .XRA Jl"t7?%f1p4{AljP'x w4ֵZx&luEhq`|^]#ҭC F{s~LC9amSClئVW)f8LUa11m?P>J3R'1}%!eYc2}ֲШ"ZRg„*uEbL*OH40B/d4X/T)m[7u 7:bn">VPpBE@+Qu?u %CH@#æzW庂hZS1{Mս0])Ƹt /.nӢ6Oc򫐕KNli ܘ[F90sc @L9!z9OVY)Nj:Ce0j`F1roьZ̓tᤨ~f;foъx nܙqWz&.%͘塦jF\6gpdH6_W)Ԧ(7I[̙Ϲm>pBEȝcLH Pe0yu;P!i-EaDKxl}8$o}S#c2knJ)w^)ίe_<0C/n @%q2qX}W}6Ak8riu8b9 xK!.=p^HHHƃu${t+6Sʬ #{&}`ڒ; Е}o*F2HRKB}{;^3gdF-q?}] JNtQyHfi~gV\>҇ddOvuowes N$;[.^G~xlns'IXyS.~H`s (eYQN[@S\ w`ʅ1}1S!Ɲm ;-):q.n*@5ks]):=nB{uV*> ̈*h5ό0"qɬne0e}Oe hD]FݑE|9G)LD_ki юҮу/ȸX2 ˭֘kzzt{9|QL96NKao[Pl4`=*]eB^צKVIzكU*XJ(JHvNgO-5EJ;F(+'1 9KZ^h~4hhѓz0Y"ܫ^{FߩYnJ)hJ)]=&*yDC?7)ztˋzxc0P2GlDLA|uJ0 G]u/ 9>b`]|6.Oۉu5kF= է@H u!,,_\tOyЎG9"m\m~58eFS?Be*Ʃ>%ڼ2߮DЏ7/c1.H ~,u|@@95u惫fXqt|[oWbf< /Ϩ*GP6/?U״¾.s!f/O_FIJ0( cgi,7P^ 1ݬFvGeR؀ړPVPQ }JjVP=3ȴٮp >h-`jZ]I}1lI]p+gdQ1*64p k[AHƭN[H5=@s*Oׄns4gԕ;>;#`t&3Yi [h1UD53am4=8WLȺ$cq|^<gN ٱk0>&Ϋ[801d#!fAӘLIeJ#;i%7!zplð7T#^l'ЮMQ8IB¬ XINGKΖzg{l =Y3c(h> jRWU"dcX ]g[ $XqEJ8"l_8er7'f^mCZ:4Wlw5brKyN= ЉWC̜"RjaR31jOyz<B?GF y'륄L?OM)+'L-o8FZ`>ïj!U@mQF5P.b%hCI D :zjRt3~sy$팧 mucs964g t85f 0ՓcAVgt$>>KHu5=JJčY 3dtd9[pIR q$:b0j# WX 6gX2 &cu}Ƅ2>Ma p&|M#L.3c/Dh5 H`Sw-CfyIA4Yc*0Xq>E9x:# U@cmysd;7M 4%Д@SM LeTkIENDB` ------MultipartBoundary--ZpT23MmpkpqBStjkuHij1PavN9zpsKy390CGyMIOtL---- Content-Type: image/jpeg Content-Transfer-Encoding: binary Content-Location: https://img.wattpad.com/cover/348565873-64-k63781.jpg JFIF``;CREATOR: gd-jpeg v1.0 (using IJG JPEG v62), quality = 80 C   %# , #&')*)-0-(0%()(C   (((((((((((((((((((((((((((((((((((((((((((((((((((d@" }!1AQa"q2#BR$3br %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz w!1AQaq"2B #3Rbr $4%&'()*56789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz ?<co^9OսO= 6de$aHV_i7Z.]It+i̵.d+r+,kJ}8R/#mVGnw]>])>M^Nr ?sR^Q։)+θGlʪPrq'GyHe S73w\Kgz/oșE |s䑜 ֋{vk sl iyHrxf^zMnnmnP-Βw35#9&|f|54{t$rT1q^IsR]KFM$4Ocj;cp$Qb9ZMJŢ9}+OLe~)8bG%t9l -Bdt8 A^rG$g+U<䨩::i"Ƹ' xUOϨɕE`Hk&E&g? xz;ۥlE gIU23FqhoYBmm?Gl#F?wM{e[. y=6sێ+uo⏄53}3CD—vR; x5= s-V [Ssűv"2?a>}s^F£pzWj'Ѵ>$]FuǗ Y{4>=ڝG$䕁6vM*$Q)؏dL^)595RP-Hem?*R+SiuåDc($v޾l}6sY?wplcݺxN-/ ["F=r9^Q$_:u+V:TG,r>_;`GqЭ?Vc#6ۥ8T;{ӝ+0QSBz{X>!^4p<A9ޣK zNBXڴb-Zw)ֹ C6G;f#_ce;{*5hv_m5 dPy28bt]* BlK2OMT+7⏆p kL kGdG:_:/l4.${ 8,8 'd ׉"kcCs?+,$Ols,㖐Iu}o3&N>b~^~-|bjfl]wc23pk/|}w4(šGS|7kߊ771Ijp!jY~-"H-Dr p? <'⯇ n9N8Z7M2_+0Ƅ>xA߃Z:o|W6߱E+/?*F]bxz7CO6;}HUaJ+߳k"i$}<{Ʋn} ^#AmW `|NNΣǬڟ/5;k@>rB._%pf* K Ne ??mt,m)Vd,H JQc< 3#KwJ vxǽzĸrcSjzl;9bŽݳ^o]XSb؂? qch+r`_0$`h7|o ͸Wk]r3]_f9X~xp lS߆$x5ndjpiQ\m?e5c>S"l|/_.氶1$+|GծuoU:Xn.rClyY#oQg?xX|v'!l }Rs;zsqtUk eef7ꭂOF_FЌd1O xI9̹t6:y+IoYAQwIیWZ[p)pI2FIumŸ*KkJ߂^4H[>q`â+((( ------MultipartBoundary--ZpT23MmpkpqBStjkuHij1PavN9zpsKy390CGyMIOtL---- Content-Type: image/jpeg Content-Transfer-Encoding: binary Content-Location: https://img.wattpad.com/bcover/348565873-1920-k63781.jpg JFIF``;CREATOR: gd-jpeg v1.0 (using IJG JPEG v62), quality = 60 C    ' .)10.)-,3:J>36F7,-@WAFLNRSR2>ZaZP`JQROC&&O5-5OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOX" }!1AQa"q2#BR$3br %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz w!1AQaq"2B #3Rbr $4%&'()*56789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz ?jTQ7J=W=W Ug2UgS=BHCZi4 KIKLNJ)NK@L@)Nu6@R@8S4S(RPi)hR Z)i)hhZZJZ@-Q@ KIK@ KE-!KE-1@ KK1@ E.)q@ bPqF)أRSF(O!Qv(2SIm%?QN&(CN4@ M4ƘƣcNcQ1! 9@@ vSݹF#Ws@ sP1 +i44RmRPQHhSsFhԴњu-34fIM44њmњe-?4f3@f3FhLњ4 3Fj<3QfM&hM&hMnP %5=ZO L !X585\OUSz=RWLTUUzS#zUUn*=NZVUej@N <M8RPiRQ@Z-PIEQEQEQEQERQ@Q@Q@ EPEP (((((JZJ))RRh4I@!`h4 )3I !LIFi3@6f CHM!4 4M4)IMIM!4fMIM)4hњi4f3@ )Qz`J2Uu5:,JZf>, qU H ҥZ*U5D*V@ZJZJ+UIUZzi4L4Ԣ)€)š)E )š)Ef7PFi@nE7uԴnMF}%7uSwRfJni3@&iLfZ$!ju&`IuG<&fMԙSKS S SKPRSwP7TeBԛ2)jnꌵ7uIGZ$-HZ-M-@nSKP2&ijajn`HZuGu7TwP۩wT@uCu.u}Ի]>]_}7T@Po}O_}}o7 eO}C}0'M/P/@oPL ѾF,w}oXKH RCR 7RL!4iM4Bj6Q`1DƤjT/R\&cPj6ڣ5#Tf jm8iJSIH(( (4PEPEPEPE(QKE%-%-0 ((((JJZJ))i)RPEPEPKIK@-PZAKL`@j1R-RUVZi*ԪjV<MH ]_}._}]_}7}7}7}o w}o UѺ,oUѾ,oPo@7o7o 77o7 o o7Ѻ&H^HZoPL ѾF@L=A5XJ N @A4ԹfL@4Q`1D#TMLڡcRB􀉍D#TM@DjFFO4Hm8iJSIH(( JZJ(J((((EPKIKL(((J( ( JZJJJSIH )hEQK@RE]M0,oURoL w}n Pnu0,o}WK,o}A>7wPPn@ouC67T;MuE3@uE3@nuE3@uG3@nLLnM&infMԡ,҃@PO&SOSO u0vhnh&Qq4hQ5=Dƀ#jF5&mL4@0)ƚiN4 %)QEQEQEQE%Q@Q@ EPEPEPER(EPEQEQEQE%Q@%-%%Q@ EPQE)i)hZ)ER Z`(0S8TL"@]Y -Ү֩ҮE֐"V㪱vQu#րTS5BRCɫRUIOZ`VU$5fSTL jG5`50dI3LQfsQf.]]6]j].]]67T[ @f7PۨQn4.]h0%K(4.]is@i٦uF .hwS3K~h34f$f4њnh?4f3@ \ihsE%4PEPLIL4f@(4J(ԀB &R)QNHM&i V4hj&45cHơc@ cQ5HPiƚiL=iސiM4(()( LP)((((( EPKIKL (((( JSE%%-R@Q@-PRv)8S"h"jE4H)SNSBp J))iRR3E3I) -&i(J(\f\hQMQnh;4f3@&i3I@ & E74f4f3@ 3M&h٤&i(&R J@- 3E%-%PEPQEZJ(PIK1@ Iv(6v(i1Nv)1HN&(SF(LPqE;bF)qF(1F)qF)F)PRA@F*}b:PUȺHU]uZ.j:@XZ*u@;TPy*ԕR^/Z/J/Z%WsUwLӚj`4Mu2~\t~isQGK@.iњe-?4fE?4M3MKm(CKe(KME6 Z\њJ)3IK@ E%))hhEPEPIKHiQIHP6 lѶ+eOeXI+V6Rm6ѶI Fڟm&m&ڟm&mjmmvѶFmj]m[hRmE.6;hRmC.6;hRm"F*MmIm&6IIC1IF)(?b (HQR-HPT+SH 1qQZEVcS-D*P=N YjR^T䫲 *շUgWaLaS0S")1RI@3b1Lv(11@ E;bZ)h Z((ii)iM)(ҊJ(RQ@uњ}њu.i4њfis@.i4њfh?4f3@3Fhh74f4f4h:4њL 3J G\G\IM6@ IKEiRbi"EFE4S #4O4Hm3K}fK4f3LI~i3MIM&i0&~hG&hGS3FhTy4Jni3@4)4Jnh)4њ\Rf4LsHM:L40M4Bi &i3M)4M&LI\I&hi) i)3I.Rf4\QMp$Q)ҸX}*}j}*}i0.VRVRZ*uZzDgV^Z** )YB¬XS*b9@mmI1@ȶѶFm.ړm.m&ڛmh mm6m mmvъm&mvѶ"K.(-mX4f))PM4Ӎ4f4C@h%BsFh٣4њ@;4f3@Fi4њnh;4&h٤&h.h74P斒ZZJQ@S)*@(QMQL-9EiB 7m!& STj6]D¬0XR L¢j@Dj3R M4iJSI@%EPIKE ((((((EShQH(((((()R p iSր%ASPU1VqU)Ҙ#Մu((U2*5V)(ii(-f4RfEPIL sFhsILfM&infBԄ SKPRnSKPQnL wQFu.u}ԛn RnwQ%IAj!z!z}7}EuM7PwT@7 7 }67T;@nP@nQn@nQo@nuCu0&Fu&u&u&u-ԛ]ԛ-ԛMԛ-n RR 7RnRn RnR RnRnQuBi3QLfM\4E4K.jE5 M ,!Fir3[SV<ػUGZRZ*u5D3TM@=W~a^JUޚ #LDDSH"RƁF)ا@ KmG&]M6MB>iZ&ڟmh6Th@leOe.ʛm.ڂ>iZ`@VVTP$S JSiM5f4vi3I(sE%RQHQIE-PFh Q@ IEQEQEP QJ)O)PE< P"T)*Ҩ O J1"HVQTl(-B8qH *aB aQS5DiLe RJJJZJ))i(()QE%Q@%-%PIE-Q@QH)QE0 (Q@Q@%()i((Q@Ӆ6(ZT@XJ*tYAU)L I֬%VJ'Zj%4404iwPFi@n@f4ԛLf-F4Rn 3Fu!ju-ԛ]ԛbziz4D^^%-M-Q SKeMԛ>MM>77o@P@oP@P owRn ѾF}.}Oލ7}o o owwPPo@}A}XFumo7Q&FumnwRn RnRn wRnRn 7RnRn 7RnSwP7T{7P7T{7PLI-Iu?uQ3LI4y%SRԊhTըJE֨ҮE֐b=*U8UtJiQ7J&LzJ`W~]5B3TMLC %)KE-  QK@bRK@7b1@mI6[hRmC6]6Th@mmMm@VLE4@WeU `VaQ5XqP-Q5L R&IKI@(Z(RbZ`%7b1@ bR❊1@ .)إ7SJRN)(jP*ԁh R*HL`OUUhiاb␊Pj6ZEF€*i@T*ۊ+XU @Bi"j@2ө ( JZJ(@%Q@ EPIKI@Q@ EPEPEPEQI@ E%RQ@Q@Q@Q@Q@-%- (J)Lj1OZ*Ud5:(j 0.!DjZ-+Sժjxz`XF}.u&}!zu&mԛ M\&}WIހ,o/Uo 7}iz!z!z_ސO^M/@KK]ԛ-ԛmԛn RnwQ&Fu&uԛ]nRn KRnQ%II%Fu]nQ%Fu]oKRn oRnPuK7PPmnsKu&4f$F4f$ILQLRn4ԙ4n搚~Mf3L&ii3M&h743FiӁN%Z*52j*Eڀ.ҮE֩EҮEր/EڭSq}*u#S+TMRDՇ֘P=O'ZTMRF0RJ`PӅ%(cR- ;LRSKf)vF(PE3hSTԀ&j`Bz-Q5JRRSI%bR❊1@ bQ~)q@ m3bFf(I)vԛiv`RON @iʵ ZjHV @J-JH)(1N.)q@ !&)1HHTTl( [aP8 r 8(ZqP053 @Di 8iE-%%Q@%-RHJ( ( ( )h(Z((((((( (RAJ)jE5=MNCUԊh)mZV*ZNU҇귙FWH_ހ,oPo@Uo  rg}7}ASw }o7e'Po@KKRb[@QnH wQF4=ԛ]ԛ=ԛ]nQ$Fj=nuG3@Fi4њfh?4fњ~Mњ~MњvBfњ~3Q4~7S3K~h74PFi4P3E%4R3M-6 fE fJ(h!43KJ(sNN"ԨjRDzUT1v *]j}*=h]uR.n:ZN樚j wVZ`W@vF.zv.n:jZN}u5D*V0!zajՉ:w-Q5HSBi)M%P8SiE )˜)LxK@:\3K@;4搚vijnijqjajijaj`81ZZ-L&ZBiI))hcqI~(3m6ӂԛiBP&PP&vc# K K" NRmv[ivԻiv[ivԻiv[ivԻh@Rm҅6ӂaiBԛiB6Ӏ- (Zp@)qN J8 P)PK\RLR▖Q@M""EB¢aSR⭸NAVUVP7][qUR LPxJJ)hZ()1NNNKE%PQKE%PERRhRR(bn()ԔRPQKI@Q@ EPE%8\E-0 <vh@iY@f3KvisLInh;4fLFiS٣4(sIIE QH )(IE-%PEPEPER@ KE-%PQKE v(6PRS((4mPQKE%QERR@ KERRiE RE- (m%:@ 4i INKE&(-((-(J` Eګ%Y\]R]][Eڭ@SAjhQ7J&LXz]w-Q&4Pi*)›NQNQ@NJu2@Kp4fBhu34ũ婅婌84ni 43@ KM(R pд)iiiiʹjMhivԛh @m@ K#Km3m.~(7mfP)ݴbRbn)@b LR❊1@8 P)q@)i@&)ŒRH\RPQKF(O!ڢjDw.*VNVNnNVJ%Vz%WzT*&MQKERPEPQKI@ IKAJi((J( (((Z((J(ZJJ)hE-JJZJ()E%---%-:SiAiJ(Z)(EPEPER((( KKF((Q`7b\PqF)إ7b1@ Q~)q@h=mP1F)(In(R@ bPqF)qF(1INNhbPhbPRJ(P)S)hh`-Q@RR4 iRmR@ J)qKJ)أB)` *E hTQUd1v ququػU]Tj>21tnՇL Uެ?Z&Z4ІJSITJ))E )P1▙\4@&i-@-M-M-M&-L-M-L-@-L&M4)ji4sLCHM74f4Rf@MO)< E(BТ pSJ< pR hZ](4 \SKn)qK\PqF)R7.)qJ RbK@ Z1J( ((QE%4醀Tj&4 ww4^NVJ!x UwUހ!jHƠ%:((J))i(J(4RRKIK@ @PEPEQERQK@ EPJZ(1HE:RR@ IKE h-)i((isIE:SE8SiE6PZ( E;bE;bRPQK1@ F)أ01NQn)qN.(;bR63m.~)q@ FړFړm.mj\Rb#IPXKn(n>v.J.v.jT[,ҦZ>2n+TMҘWz]]g/֫=0!jԭQhCM%RJ)KMKL&hM-IZZZZZZZZZM4s57u4JRԙ!sE%MOZ`H))@-H(SH Rp1J(1KZZLR▔PbR▖1NbE7ZZJQEQK@Z--PRE-QKI@J)Mj`FSڢsHS5A'Z!!z3&5=6R@ EPIER(())i)J(4()i( ((( ( ( JZJ))hPIE((SiE%(RR)iK@ 1N▖`%%:)أXQ,bSK`3bPiqN.(;Rm>ʹbݴiإ7m.v)q@ K\P{hOȤ""TSMFE!%01F)ԔJuQuRS1HNNN%%S( (RPEPQEQE ( QE(RRE-%Q@ EP*1R- &Jjb>ԀJZJZ@\[Eڭ@cS-CjhQ7J&LD/Uެ=Wz`W~Yw-Q5JSBi  )3Fif4fsM-@ǓMM&ZZM0Bh &M)4I.i3IE.i3E%E%ppzbZT*5WH*jUSH)S@bRbQ@.((Z()qEQE-%-PE- Z((Rm!10ơsR1NjiZCU\SHj@DcR9g4Ӎ0h ( J(())i)RQE%%-%QEQK@-%--(3E-RPIEQEQEQEQEQERPPhQ@ )E6L(iԂSE;( v)QLQv(0\RLQZ1@ 1N.)qE07Q\Pb.(1KZP(RR QKF(RE%QH4h)S馀M"iLS(b1N"PqF)أQv(7b1@ bQN&())ؤ%bbZJJ)i((EPQKEREPRQE%Q(EH%YWJ -Ү֩ҮEր.EڭU"VTPGڧZ+TMҥjS g/UV$Lj0M) њm&ii 搚viI-@fM&i搚nh٤74f4PRREP QxTb(eWB2 ZjUOũ )R pbQJ(Z(KIK@ KIK@Q@PQKE%PEQ@-)h ZJZZZJZ((M4L4j645`1WԮxCURYڀ#w5$P9LiQi4A)()(J( )(IH((- (( RQ@Q@RPIE-PIEQE%Q@%-%%QH( )›NJ))NO))R1KZ(1F)ԔLQZZn)qKK@ .)h-QKEZ)h EPIEE6 )(@HhS 4ө 6Z(1F)ih(7bLPqF)أQ~(GLSIf(8@ RPqF)ԔJmJ@&))Pi1NbR@ 1KE%-QEQKI@Q@ E^ &Jjf>ԀJZJZjU[J@XN}ubD+TOLD/UIU0 ?J%Vs0 zG\ƦCa4\I!4HM.i74iM&JL@(( ZJZZpSH)Qz2eZhTJi"ԣD(@LHBҊJQ@Ţ(hZZJ(RRERQ@ E%RR(hZZJZ)i)h(MFj64k=B",9;UgnjY WsFcR9j3N&M6i %RP0J( (JCKHh))i(( ZJZ)i)hJZ)((RPEPEPE%RQ@RPQEQE ( J))E8S4RS0S0))˜ML\SJ)h%-bRREQ@-%-QE-PIE-Rh (IEPRR@ E.)q@ P)qN\S3P1Ib#&*LRb#!&)PIe%?P1SHE6u%6\QHChbOKAQEQE-( CKHh)h*EQi2UUj>r>R>r.r.j:jYJj /VJ!i:YfCU\Ԏj4FƘM+0i3HM74HM.i3ILM&h ZJ(RREPE-Q@Q@ )š)€)LdSB*RB2EGJjA@L@RJIERRKIK@-6RRQuPJZ)iRRIE KMJ(4ҚC@ =*64xj5+!URjB櫹sUnj&45@4aL&SM)(QE%QE%QH() -%Q@%PEPKIK@ KIK@-%-QEQEQE%Q@Q@Q@RPEPQEQEQEQE(LRE0SiE:RRx4i) S0)š)¨ P)8PE.)q@ bPQK1@ 1N!bPQKEQEQEQEQE(((1IKI(- \RKLS pSJ.(1F)أQv(0LSȦi!i)h JCKHh()))i ZJ))i)bQEQE ZJ(i( ((EH'JVJ -ҭ֪GҮE֐"VUTPLV^jUUdj'Z'J%U9jgLCliZj`sE4ICI@ J)(h)i)hii1K`Q@-b J\Q@%-IN)MdRZjU ZjUR jA@L@IK@ E%-Rm--RQHQIE:J(hE%)(QIKHuRQ@ 47JH'5]53g@jCVs@$5@5{TMH4KM4m-% )( %-PE( JZJJ)M%%Q@Q@- ZJZ)i)h(((((EQE%Q@RPQERh)i(iE%( pQL LSS1@ 1K1@ 1K1@ E-- b\RNN)P< @)P< @7b(RPM44 44fiƚhihO4CIJi)QE%QHZJJ)i((((bER֤Nԉր'ZWZ .Gҭ֩ҭր.ڭGUbVJiP=N *jJ%0*֪IW$Ud*.8SB a0iS6P" mRl6m)6PrjJiJWZM`&.}j}lp+V6RlAmXF.}m(Ece(Q Fڟe(mRBRӂԁ)h0SEi6ԸmE7 i6)6ijrݴ*rҴ\iZV +L"HM@F*LRb#vѶ"vѶ"&*\Rb""i(\̩غuAk~ XEfH#m]# ֎75=>:\HF WVPF@=|=[} ֱFqj dz|⛛˭Z0$y=sۊK$6ЯW*aO-S 3=*5wZ܋vhX!.8LZ/cִ ]Zn<x$oM{g+5 OP<>tm3R׭/o>sn!~Z5K$}2vWgVY)!ݮeiZ8 95=I@<|s(=J!-cJfTǭz%K{kɞ>+?eƭ3?Y;K CCKKgRVHI22 +|# _𿈮Kx.$1 .w?nhE$u:tf}hCiwH/y$鎕Xf&ʋ{4m@O rbkK}^{Bep $"Ozor#qk|7ϥ Dxm-H'2k/Kmͤ^yFӻ9waԀ;V.[\hMޫ=ou"G"o6V9mdž/Nq.XM.fʐ\8iDq z)ln+l{@{k-A## v5'&yŬ;*q[2Z\r]>Ew$1}y4@yF˩i6ڌKK|ʌ`q9f?x^\դQkx0NP+ӴmcO_kww_ I q2jj*7 x{XiX%w7AL衈CF8$oau}ƦPS*2~Jܙj-aHѾէkshᔠCF3`* ~3kW cUexmlڸ>?3ZMJہ鞕ʟ1׷[}C#8@!Hؤ׍Mk9^*`{kͦGڽ#Uߦ k) ?s|MT"Y%xW$*&y^W[-++O=HWv!aMWG,?KB1cIYfl'GYc` wEϓis*[JƟZ$s1+9@!$ }ҕ׊I :-oqZD0*h5A i.v ҝamb$ Ug1da}%N)uƫI+,Iʽg9~#~OGmf28 =kPMs[g5iz瞩ǕӶѤhO eq ]jHɑ/Ӿ1U); @a8AJc?OHL?h !hOi?{G|Oe-KJ4˷ :+OR3sJh^8'[*x (`zHfV?xt$URTsY?(F+Nܽ;֤\qͅJϒUxVOʭjʻ[NKF@Ez*{Wkd:F7Sn+u==děxs[Sv<^'$@sPVUb83?5V…ⷿfe\zqճ[?7T|<(|vG,:U?\) pzq2(\sz[Һ-6 &o.[qzbH'*&t’kU4hǛ3ﶳ5-?E51N*OD3cM )ur> rH.k>j:nQk#it F3:~UiZN'VcՏ?]iߔĚtj)%B9$X? Þ8ĐΡǛ'>'aZ_]C~&6\tv8G[5viUJSGMJ\Nܗt#?2Dǡ9 }&|MU^q4U͋daơ%f'*L_9$j0 4e&J 9fk#/I5k.p?LױI؀9]4sv͌r;NF 6Mn9"rGsm7؜%3#*֒}v8I׊4O,R. ed ާ WKFèp#ު5 \Y򣙽[BA{׭~<YdHQ6p߭w5Z|I(`quH;^:8.ZkV GNiH~#0Udz[q(TQVm<3 3cJ65>$'9;}aDhӭE\jX+1?jD7鎕/-Fc^Պ*ۂk)$/L$` Tk7 mZFÉnJ Ҵ72֞5S^aOHp>A7Ui5f [$3S S2zl5d39=1!5?VI^FƗ7?:+X'<[;Yp z좎~/yyf#杁ߴ^s|KX,Yֹ-+r{nZ:ߠp` 'Ww<7@ʹD^ uwYeۆW_T>d9IҩW']c)JE$au?!luk{3G10&+x:{GL$zl68W rJj N"5րl躁l_aG0'i^@sZg,|m^iL&8'ku+=F=G;; ںª-lW)!2ݔP '^-ѕgS.G/)2H0s>*hZW$[n]צ~"ܤU,J9˧”h#5TZl*fץҚ[ce0 c-p:w&ˁ t#EAk{U&"+* VۭZ%Q~`ƴ̛1Tg#_mB#$ܓVOBbv1}?A&y-Đnk?(IU{SW8^ezKIdexFϵKi 1.沮s^_â5c){Iq@O RK-vd0ξcUXoARǹFјwIr_ ߭ֆb?mc1 G@9H=\la^ߊ$t[;ihP\dt-ˏƷlJhHV2sN7գQn{tIoj:cҼX𡵞I-'^\r@kF EhG\鷖ɏ>ykKÌ?qщ^{z+տeuы\byPG.do%|AipI{q p70?Lפ~ [wFE-c|xT/7UIuǂ(ʚǃm~%KJ-spa<1OSx^0ѭ$kl0P 7N۳lWK:~MI,uۇ$ ,sDL3c,\ѣOBWw+kڄ[[@<7f=$ty7@QҧHb@au^ῄPד\$}*Ej̎8'LֱQCJ14\8!R nmGSmTR.5Dqvn L{SOWgl5:k#Ufo G U~ny'oj+nlnYI2 $*ݡ']Ď7C1xF[K_{FF)*5u3}6^]V'3"g0sqxFB[[kLd(nن t"n{yɮ6$x<0{N)}켜)xUyщ^%u:8l_ |@yщXUwCGT pս6)k5{"I $InČ!VuTq+^_tb 3MjF[WRqz諦*,Mn. 爙0B3^nÊҷ9$VW/=>nK p3{CNh5H0pO'n==*k([.sulmd9d)@=}3Zw-/McaDV2p:s$ +O~*ݥ{Ns;V A~aAt RT1rU A8[FVzV5ͮӘۧcXJ>zei> kÏJVq߱gcF%d)#/%o}wIUU\ _צ2UTUeU/E]&%hvEy+\ȇ*ƬYrB9ⶥƦڣa\d¬W k(_KMIhy:uwb]HV%ωNܚXGp}AfC޼E=*ŷ0>7zjGOMSclJ6+u41piؖF}T(/5`'rt'$3wa]B$=6TI 5&^kw;DU'N ^cVP3zM'tkq!ϖ]{XlT Cu`|ջ`9)ӯHkӯ3Q`q;!0#E+dUi{Iӵzno t3F˫psZ2-%+/[+km·JZ%RPVCT-Y@5$Т\Ui"1^ZV3n+6sԸt95q:R{I ^lLf~v ֯F[^NT.z\MA$~wh62fܙf&sBm K_tNWV*G +1ɝ]֗"thu֕3U[}hnkrTkKLsMBXkM@>9yZ6=jci QHÚ4הzd\5z:;d,GSGZΚeDo-Qx֩Rb^Mc^]֝KhV{0WX][+IGqF4LxU|;f̊\o3 LX"^)6b!Tāқ?J1O9x5횧? ԍ+5ݎ a_/Z5J =1[7|Rizq3ժzmH<3K+zWو#][09ZS)f1D0!?cW _WXˉR {xe cڪ7\;I>S-o6<1ɰcN;(ȃ% &CW.qѴ!caA]r1w٫fsֺ ;]BqY؉ I%U"WA v4>]89jnG_Y6GBMDyEXGXe)VZHGIh,@g⬛)#Bmep8 r3Oj}7QҮf(?y0Gkb,Wñfj:Cm“{W-L;Z駈9 k[wEd^\VHH@c5xr mrٍݵ$kIӤiX*(2:7cړJ,VvǑu51ި_ISs[:AU%8FojKެ+F*%AɧdpGZQ*y5a5MӿEjbޑWf0k&PsXhLӅ4U",oɮ Mƴ5vccS+:L}N=id}pgb]9#<^W R5e p½6XLS_n:BelH?8MTLM-jHQԑuԵnlk؎+VֈHܳlb_r+V~S0:8k"R9Vr2Hu'̚-i èltcxKdPxI:0>jVz]j71Z ~PI2 K bu  ;GZ}_jZW2궒>3  ʏ׌ o;tRh7;{oyEsj@ {W X܈l^|-b=UvS6l7v$Xd\\@"Q3ϥj5kNڪ*;}ʛ8ȮV[b@ZYUZ|3\M )U,*) HΦXgEֶQT'L7Ҩ[W1ְBSajܧ9]#\դхGJg#7Uލ5V-P{68LUV&Fwa(?kt1A< O.](q~Fyz [ѵMGS%oP&]Zv4tK4,L`FUa YpG5p nH'$qَW995˹p'Սx2Xv[ v9c]㰭g#}xbkR9pMu䙷Iz)_]-hR#MךΪ!k.o%D'Rȹ@9?NjՅjM#{VBNQS{2$ʷ8aRDsF};ɣT &<8uT=ǹUp? )' ㊨b9)%稦<9YWd.I 0:δp@t5Ύ.W'ʱ{2K~> c]t̐3ZMׂ1g&rL\F} kK.OZȴ;\Jf$PS2ԒwP[ u(jb)rIL*kKF VϚw_MnumVQiqAsN'ZgJfgȊcVZ6,UisRo5E3nsRxwO{@J}i?wDvErW2.R ֔d r{gֲBS5ru6eq5b6.yqUWJP- oĥzTVDKX /c4ǔmp 㴏$!bw ao%(i#y Vѻ1ۖqf9kEK+hR*8 01T:aZ{ m(IibYcr={өUJR}J)up~R3s ϭM6J^v$ g?:)\0 ׿nk&jn#g+F|*`t'Q9!AӱRf^gov;ҵ8b]_=fUTՙIW\NV G֚Zv M`!< Z]ρ-m[xSM̿5J,4yF_Dt\0k6l 6U/h9qF"͔Pwi"b)#DJӊ9ipһ=᝕S=*8he5ǶMD-I`#մ.(5^ TOc1Sh5u<mi(Dd^h-incOVZ"lcQNR\=Ez7b8Pgt)]>ew 3d+%8<aq\ci⋊K/^L][uuoAlC.A8>lp9#9=Bvkk['FtVznig_@=:UuS}H{1`NILsnsO3z3 =Ua@NHOJ46sҀ ϐNsG\ùO늱4}Ƴ\ O9=Ta۱;;'?ҴnKqҶ3J#ֳdl.f5]NNk(%j?d{SjETA߮; IFeJ*Rw|-ءz56ƿ.T|1"V#EƬAWZk/X;oTANEpdtGB+ʜԓvuW+`_ EccޓhJzҲJ:J:V /|*};⥍3.eg#Fe֬zrGPzC5N5y"#߸PL1YWKYŐsXb]#R< ?tKɬ V$miNVzJ<R9`Z(8?ʼ; }9&?Q^e}K$n[AҫIlc iaTM<Ҍ9:~YUe~8?cUFG<'qךȺzqnv5u ˃HrD7wC+ۡ55iԃ]DO"&$ri,nX@ώz *7T;k~.I90PbшEz j(zlTT@ZڨG8 `NgzDODǏI#7PO0)'R }*̏Ts#ڱTIzȼ rz!a EIqYV>Ʒj 0z} NGzԴR)J : J@9힕FpGcP:YjyNx>-EWC/u>j»SFё0ŅK\iܗ=T_XԔ05x~^ՍWVԟ;};J ~hJpJaQx[6: vYq·@JᚍݍI[]߳lriO ֣!ed@2z Hc_zuŪHpμp6t޲\ī|=A"Ǻj|թ`9|E"_k QXq6G\ҙ3sڊȝj]N±dzUyɨL(#e^IWnCt~8KKpTlrjwqӚRlhl<<κ9N9F[H!$ǥ)AAǩV S3i<#&I;GNj&PF\5wh qq8y$ ! NIҪιz֤ϧU$\du>d\V%'g\DvqVə;qP+6duÄ sI8Jȹ\=+C:c&#bCW0bJmyrʿu5=c0kp{[ū<~Zc|ҢQsG=+=$Q k']M [+0q]6LGl~7qֹk;ch)#z^RY3ژCN=k;ӮAt7\uW+GACqՑ z5M7\w%: o?>pG_ʐ^Pv7ҳn#^Vmjbczh(60~ߗZ}k𵉴"V\;1Ϲ"f)9{U\:D}}jA3T%, > \zթW+8$,"=QAfdFv= 2p0)Μd.³SvIӇ2z>J=*mnsֲ#;Jepqv$`@ʁ޴ 'SXC]xļNN艌 Z.oSIi]Ųg*خf 3es[{?qVܒ{+3V&JjS0s1?Kg ʑSRh4Y2y}%IVqڱu?4m^oo<#<*up:z O/uaȊ"߉ ؁XVv);## G_ҧL:H9>N`?γBcnݪB)~^ժDn=0qPȼ`r/˒< Xg\v=PC)T~'{s͹\ThR O*zeP;qӽg'bSly[χxL~_ʘ :QG%&mf^FOTwV9rc{UBYeHɭmPg%xM : }S$acb2qԓ:qܩ 1)YҺZȺq(>9֑UĬQ=:Mu)q=iUq9>3S&# R؝ҪȠEj!jEX$֪@U~X2OaSv@Ha5es=H _t9\Smq * 5YK b+ vҜu2㠮. f6k frA^}kh?v=eiXqɴ^~@UA{:e!]c _%U@!WRNC(=Nza;g'4 +Xkuy̝yКƓQR;˙S=U?S]IlK{¡Ζ|,IlnڳK9$ZKkG.PW5WdmOqP֚m9:4rsl+QG-rNܓRF**ů+8y܏ގ9^;9$ ZF,3jН[2_XvܳZfHtpr2j-"*4i&9f%~P+uO\21>ԴA"ci>4OAmp Vpj1:jWKn0Gt3jjdPѠ 27vX8fM EkX%@BH)UZ0msvn,FaGMS%-2],T-O008i8bD qX*SXgVZZ&~t,(N#eºte)dTML=9-9zpJFxܞ5yn1qk'ws2W"uB\ƨ]I=@/'Qep ZJ¢'Ic~ĬG sQ6jRw;7K8_m.HktuRZK;[b+9U dX\+=ѧ+RbAaX KCj+ƫIbnyη^\ dfA+r'v{IFpWkrU;kdم\ƣx[ڲnPdw`;Zv}pb@'Ҷe8ǙDɻ 8O=ڛq;2/O.ݏ@k=2J ңu;{U߰_"uC$rxڃj_ FFG"w60ϽjYDT׎?j$$7h% .}ᏴIm!Oz-Z=Yc֩LG"EWC-Llbhe*Q}KçWuİD˅g|5CJڭɥTDmy xуSq]oCjmaDGvuSpɥ^tc&"" zΞsfsڱ[:Pͫ/p.֭:}G:[3G-gwZ%^gu^ZKSQnYYs#ФԦl>,o؟(붫izuDeuzżlnCskq s´oS {Y?j,͋XuǵthC"P'h6;Is 1ϴ-myO*dqFS M9&:JmY+!8X~іBrbՄx$Id]5WU Ho 18׺})nI00CKjfvRv25oLk]5ᙘyuq,;h˹2W,kM-Y߹½Ռk"8`;5iT' >JU$Ԡ$ *$nV*>׺|$u=H/9>Di&rDnitw$׃pqgRSR{ #׸g\+i`E"x^]Y)Uj6iROx[T4kg*D \օ$7LWep{W-9M,?Ս8k^ jkni6ӊONǿ*1M_Z:xcy9#QKmiFإWϷkhj&fK}&EIb'Z$ctteQj ĸ~Gq\g.iiJ4)xj=Kg>dԕ89ax:Gar%8 5m%thwjW2[H 1]Okvx{Tl a6ۯ4a7{1c#i1^{` #zh'xc1\NNUY'AG3*4Ge()f]X*S6u=nACenvJϱm՞(7cǩ*bj7ٝdUPNћ$iCwo X>^"S=OĨۓ+Zș.ͼ.gO?3X*mj ޭE"ʀ2 cq¥)NTu*2/Xc^xByn,9<\d<ڔYg"]duݩao_T/]q?9|d$boArjOg?jr5YMou4==(Y"-LN}~իS#iKy{pj͑Þj &u+yV2tn) c6_Z۞*izivn,x0W95mӖo3cK`#PRK[}.7F8RH'j4wY0%KoepgU횻qG-0Hi54e)QXM\`|d#\34_{"j.wF_Pz{]~%H8'#䑇\Zҍ&s f"0χfwnF$N^4>iI3׮*<`:S[ǹT$h6$IqFC;GV5mcZCҚ5ӎOr}kIΨ5(onOҁqZ=6[v܇dѪq#%Zm;si<ݿujRȺQXjaE|ypd/ m mMٗtDyJjTmv [:ͼ"]neH:cjׇ~1!_ӗdf X?oo=k~P#"^O@q_10ͣ`7vvmnñGAk}|-\~׼\X#߶K8)9l~uk>%k~ MV:N7Y.c9Di3A[9Ҵ#V[F@ q:TڬsMK Ũݗ'8_WI$^淍k86ڽ'$8BHioc'ع`^3Z^00ڞfޞT%SQ4Wt'|7'm]~u{U-rqW!ou1^W]Y7$鴞w g8;(ՋR؋> u]_`gBAO95闚>%DF Ђ9?y"(aIWTQGe;Ivң{/>­Tne* 8Ú׺Y aa/Gl,eƿh2le'<z:>⅋T.jE3Xr9kD71yǒ7f9$h>(ѵIhhܤvj熼;Ht5Q.˷hXF@#9ukOj5qm.-me?jI ' T\emkwՌ'T*YΤbFx$]ƨ"}.6"1Q=e'\הv+޽VXmx8+QOm~"O#Gϙ\?KySE,(DvhV7VXrߙYOCj|;x⍔26ԍRtMW𿈼9/%I"P1 TަQJ1&Om7;>]3#č*n4qU'ʴ0I#!n?LGBEd2zP3\s3d r@ZpČ;cT1Z:vZ»# AR>pW涟=U;X`RjG(I#aV50"_@pHTzVΛt<$zqp'M)F= 9D^Z["cbB(\8Xxn\ 2{xxuH'<`gXPjvW"珜p~XiV$Yݍ`gB~&xSo-k='W+]XjS>o,D*9\;r:oiuQD>6f\{;?F-H!G1..A ".D9ȍܟL5[ž%]I#Z&r+pmi)-$@da׭EshK mH#gjX#+>+]}NRkI,DRx*8=FEY,4/qYZJdevU|=qJJ.K>*xKG6Ts2q959}]Ӵj1+7Я"-Џ_~(Vѝ60*8.- o=Tɖ NfuVڥ5m^z.&ݻh=+o[O)bHG۹^PeP:O 6`7.f翦} 6B0w7# QjqG3dK6sR&Ad)oa\cKĘ.rĒ}5ZhxvmcecΙy!r)ҩ6@sf3 Zސ`mq\3=>uʶCU"J2/>Tw/ms$pC#Cdl$~u.vribH1;5_BfA ,$$N@=zU2[ ș%׃[Wn0dQ4R;erxI=G:k6ltM+1cPZ3*/^7TB< v&Jja/qYznBQ' p}"nE+/u? gD#PIt6Y.H'֜B.ӃJW Vu$'s̜9b\'')~s0 pynV2p+ʰޢaS&Z пt~6?)GZ(7,ҫ(YGPV橺6; נQED6O7'J(ŸqUDΦ ------MultipartBoundary--ZpT23MmpkpqBStjkuHij1PavN9zpsKy390CGyMIOtL---- Content-Type: image/jpeg Content-Transfer-Encoding: binary Content-Location: https://img.wattpad.com/cover/390413376-80-k9806.jpg JFIF``;CREATOR: gd-jpeg v1.0 (using IJG JPEG v62), quality = 80 C   %# , #&')*)-0-(0%()(C   (((((((((((((((((((((((((((((((((((((((((((((((((((" }!1AQa"q2#BR$3br %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz w!1AQaq"2B #3Rbr $4%&'()*56789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz ?dħێqS.%yt ӷኞB˞뚤 ! ܟ"=t%[ ;v!'y~~mڻD#ldO q3^[)V7Scxw$PPa'cv'i{VR Մ::w}ScP*;ߥQU;@jg|O|1I…ͻ^sLDh>6)!߸sVb Hn=C,%HC-|jKB889N{U>i;WqsV8"첂6C(}03h_;r͓q銒L:*"KECI@vOr01Oh#%Ҙ, O3F\Ie+(gF9'оMIE&A1ר4$+ϡӵ)jdB1:K!8OG3o\luXP9L I,rOj$nNHSW]''rڥܾErAr?,*d`@KuփByBK.]'ӈroM! Դ "w'(\SAc[%(zݿ?J$lrn*[6ohQ#5FE3Љmmvd20I*Ch<jӌĎ O@zXD[j=8>F{sld`͎}kGyn[۟-3JNTwWqO!} ɻ)uZ2|̝~IW"ǩ9Ot]Y̘Z| w`0QTE]EGSnUS=MO@wmM5Qf-b0:X(rfYvqj[ Pvs\sR8(n!'?YBKKi22H|p$s^5b_(Jo'pW =jAqjeʎPz[KiPjZ k#2Cvn4:݌v4~u`=kN:sk%6gk8Nq۽eLV+'lV\yPDNĪb`]XATL~K+`QίwaR)g9NO6!eBwnKD\i=i'f:-N]^0y$fc5ɒF^ v>} lj]=Ք6Id @Fmf![Pщ NB;v_] GHeM/G<ԼGw:dm徝ug*J@'9 "ⰵ_C|G&Ldk;ibxd`r8#sZ9ZĭBM~i=(ᡖG+Vf%u-[DUZCMn~\fޗmFI!ɔ0XԺ-fA/w/-Ei6ۙxvDc8r>1[ލm]CIieua~ɍchp}23ָ xsJun;Դn,ryW%vy>ƗOuEMUgi;]$ل;_|7\VқHiFg^4|+%[ 4Z;h]+t x\jV86/0G=S QAoO6Q+3(2*Ss+7>)<zdž5uyF C. t4&!| [񆯧%v2"F00ÞtkíOzkj iK 22Ge#8S^WoYhYCݼj-kp+zSXgaHmuf6PK GzŧZhv'ZÙZ/#`20_z<q}z) mA.bAu=9>>]R;\LqDH'^Z׵o¢h{"$)xF`{qγm4vTs#K`*2GVW2B WT6qsVf e\xzԡ"d.d4<0 w'V5CKH9%\I$~`?Z-2d*?ڮ]Ym0QvR̬7zuxLZy+kP4e {=Zֵ=R7wwO:/ 6v;f)M싸(b8r{,hc𽍅q$I 'C9|MswTeٶ .e.󐧏na+^E9sGVk#-b O^pTau'jM&8IJAn g.sTFEyym, QmyqN݄1ܳ`2 ~=_Kb7B,nU%>!L Kk#@#;9*p09'],pG6svTLLy B qϊ`Sn'f̘(ڍ#Uԡ s)7+c'>AkNi&1DD/q5flH9<$ڸI=XZֈt=dFxG* jGy- <ROo=ʱy+!0Wf0r1>/Gz.D bvd|{sFCIgHk糸"x'xNxr'9M }+;34J[296sѽ]eqHWQUiDz .zq~7zKtgtrz{\kvZwl^ gIrFAص'K [;x"1'Ux=qXh %O! &<{C3c,i63{.n$YI,͹܏V<ƓO ; 0XU";鴐}qۥCl||0 LIlF4lҬjRE-]d4B*=sYM+nd۹53ĝ 1B 7 e%\NAx;q]34hc!ğżq.1*-jezzUJ`WRiW#d_#'$sUl_{eBmMҗGd广#\m_/#u{Wl+9ldmo/Z[KKHN#T_òU\/#psX2 I n1i%2xR0fs:IeqW~ |i>->um(1Cv@)V#>R+oh( xp?8fƌ :9 e0: Fr=y<@p xU틂C( $nZ)SG#֡'b, =sL/.Z>SD:p'ӶC?x6 c~8⑙X w,,G_zbrr"y@8=:Bi硩el)bW#8NR3lc{f $WE,ĜN3"qgѡ'o88=ҥX-HL `v<֥;"V)ے=?j sVj c57?F0݁8=kɶ+3\oc0?^~d 8UD|9sQ ];bbdۑPI1`Hj;qfv(LN DۆMm5ܶr@mp˰O@P=wWYB]q[9QkuP\3ҘY2X$4boP8N=itSb0Lh柉L |c#:V>?_E2){ւld$jl95g*ycb -kjل`.1܊qq.qchZۏ,^?&/GQޜ qZ1 ㎔剷qڕ,jY;ws0? >&y,2*%ϗ}k8U2r=3]dfVlnY;qt>ǽkN[[T$ڲLG' t6}?qZ}QB[唎u UҚIPBɟL;Xt]XI$3ag },~0+2[[F3-}?kKJpA:3Q<,p lZb4YMGeƧh9vz՚86'Z!S  ֿƮh˻R{jڬS[:݄$ =Ojӎ3/ QPZ$ 3V,\"89P==$ܦ#;5k yCvy`n5|5#!1^J`; b\b4Z㷶ixH=aژ$\0t5K&KXvi |!PO\nGx}@(JW^{,7S 1AkU?6)C7@q[ۢ6{Vv3HR09ۈqXbtaTc׵2D`v 8@5F[)9p6#8w7^r8YT*q@Jb2gyExPlկ8sU9*7=9&kZZW2f93k-L)sVq9T4p[ I@k2101>[q.IϠ&NbxQJY#;G(皵,KTV{p=zŸHRAôF]'3ڢ4IJ|̄_S4Ґp{cJ4ob- !t$c^[ihڸ?Ʒż-{j_MՊiEv,**rT<}q~'mdV'90k1fSd)iRξkJH8N{ۭ{ L9lsk\tlBaNA:U_jFp[ Ud,FqI+d h9׭V(KqSkC7A2Cu<JH#j̻#2ɵNMj^+%'QQ#&CG98m}f9֗բZKf+jzvZ p++M .3Z`j,8XLU ˓՘rjbDȅ@?2^1r=rW\qh|=ȼ_moFp*=ː۷"9NU}c _;O8N[8z@f*̐?ޤNJVhM Abu=6|ה2^hY3W8H:A+p:RJHNmU/LqqVf;I*H3Q(6=ϥ`YRlڜٜޕb~[[vfpїkCoZf2 'qJSTyJ<|XSvv;jOgH^$7ܬ`^rN w`}iqn3GJ\!jwtCFwOR K]Aށ)IOL?k>_5{B8l3дzGJt[q5HzըO ԓ1+w vMb3 X3Wp2skǬOe)h[ScbNne-AU9qwf)€qƈιnV)H0a؎ԆɑB9(ѲUsZ6^H0f9c~ya|ylusϠ(xS??tNzZew9A9T7dB άL&2ϥSy!mH¦WGS4Kޙ3rsU ͺ7oWh=FOM)ֿƭ^O9ųZن`5\ۏ^ճݥǽf7oxNCt'q\LTn*\q zV[<)C@DaT$Юg([ZO9|s9*NH겒Ah\#+,FI%ޏ9'nws{/#ڴvӑ9hTV`:wL5"(}rW;:'jjM=i*?tQYq:~?UEE9$BpuQ@ ------MultipartBoundary--ZpT23MmpkpqBStjkuHij1PavN9zpsKy390CGyMIOtL---- Content-Type: image/jpeg Content-Transfer-Encoding: binary Content-Location: https://img.wattpad.com/cover/340366721-80-k980768.jpg JFIF``;CREATOR: gd-jpeg v1.0 (using IJG JPEG v62), quality = 80 C   %# , #&')*)-0-(0%()(C   (((((((((((((((((((((((((((((((((((((((((((((((((((" }!1AQa"q2#BR$3br %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz w!1AQaq"2B #3Rbr $4%&'()*56789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz ?IO4L]ن8Iy4Im+}3=1GtaAxj4;dcOC\ɱb6pxhLoʇ?L6`Yy2N9{iLAJ-Kk&`26{?$=WD8r^?I{0W8)!sib;UZJ"&;r iJH\0=OҥACm%k@=t]Y/mԮ6pSOkm=mp%/5R*Vf1зs=RBãy?֪GO6׭BA7La@"78VMCNvd gH`is&h!Mnfi61F+I"" &XYp*I k5g,28PJm݌.Q$wȨ)CO VWee$?54[c`*h48Ef֞)j6Aݦd<ȪÀH :z :ű@%NpzY3` QPJ#"Ȭ]@,3"н(i1RNӬʨ{8ȩeRʑ,r6gM93gymK CѱPcxAt.^EM9=lކhq^Ioc4ҜtQ~&%Nl<k˸`1+SVVe%@Kj.%ucy?}5*X(NM=1*6ҸuWP[e]] ;ӥs-_Teac²dN kӵi8ˇ8溙58-4ڢ՗R!4<tg#^V`Tn8jDOjݭĐ3yR2] elY縥C$쿝tYhm k-_~":yio}|5 xg}I5fb9oxR¶2E]K̓>[sȨYԚp3g۬YNAMSK久aO1RKtky݋;MVmxiUfт-}7vH{+jT{W/B3c5Jluѡϫt g\p.LaEyn;Mocjiو*NSCFVG5oϭe#-&G};FRYI `ޮ;>e!cRnIɲHъ8 *Mm8nϾc{zTVlG>b1 2}+.7Z;>{98PھZⴝpX[o1 pSrE?~&>j72">ל8nfԮ|;՝Jkfv 9M2lbSX_C^ڑbmbRy=cá˶x)DZzL"%SUN:V~펦+͜v&`V.{Ӽ @$`k3ǝ(^\u4*:S Uy԰v5#Aqyi,^XNTqok$Ur`NBK4JbKM+, k_l;'zϲ@@{JtM3Ț@`YntFѯCr>MtrؓZӾ߄VD0e 3ps8hl@ ? 9/Vk#/iK٠#Ȳvt~ dzWI&[v!x\5[Xm[= JxJ >;R^뚪]h==:kOTWI;Xꇆ|54s}0vηeM#Dw8%*# 8N"9={#-++[YcNPjQ_ ?ޮLfnW3 V0xE];m Ќ1WWͭlbAv4ڻbp7sF)lS罸}:F!%Mzֳ~͓k-TܞW'9 c_jkJ4%qVoSDF]+:H]* v{Sѕ+^PTebDPqJi"ƙhfeyF[(_«[N*Ö5csweѲ P:g4GFʹF9\ȓy7\0ZO2ag\ϰVΎc6WcHOrjh8,;ZNͭe Kx>i[~h4fWK#`JP]Qs\M $m oL.v{M/ojCmaNQ;.`c>5ˡĒ%=IVsՃ&M< Ghդce8# q1]!vxlw>ڼ\λgj!{kDr=0HnM>-cWIvajg-fS_b19 O5 V\G0_xK%% H3~|2͍F-ϑ$n\Ҽӏ=8uGqM: tRYFA8cR,xkV;=N7nz~WnfH MAegoch@v8*W 6s[>xO q!`IݏNqM4#H`|#ҭ#%u4ukin6'];vFMj8"ٕ)ci%E2fYYv& @ .>i>epC:%I>,c`Y,u(s K;31HGQkz5C|db6AJRev>Rp7t_|V6 <XŚI%f,S?2>s@`Hbk+"Ct={ip)ciaC=!\A |2qq8'W^}=BO2H"_!uZZ#]sV[-#7+׉#̖rndq܎<֎gVb>#$j3pU]<<pԓnv>aqRW+^JE"2h8J#b̧RqdRzCIJ(F~ ?Ji dW]CB:=DU!4+;\Vp`DL$)aG$JLlEh9Ұz3Eh{"nJdAySJ-* \\>nrՇཻV%4.RRJ}+xYMCV #<\թdmNwVb?tsYy9a*^<5R{ײ`h~c5 y+;DC==Gf.[kb&x 8☮Ѱdb;(jih5ޡw`/!wkKE:0B[evMķwq yCZfv2d{SVd$x=F[=:ՙfq+ޮĚ: E4#`дଭn䎵G–=ykGWΗ‘hIJg#io^;ks?' y<n6}*޳x)Qgud`Jb27d#fhq׽6IU}HZñ9hv>!Y7 cVTc$.$Յ-rY=w/zqNf⦌08=r6B~[dmeȍ= M%*ɌH@FM:h-U(Դy' JExQ]2Z#+ܿiT}ZLdSVc KSZYsY@ 1Ҳ̓gnWh*â,c򏠬}+E*($U4d o"6ƀZ{ 0hdF+[X"4ȁV[W;OҪw'<[W2%tCɷnxn+)]F##ЎVF *8*15eYskm9tƺ @Fѻ , v4W!a`~QߥSib(m'qP);O} Content-Transfer-Encoding: binary ------MultipartBoundary--ZpT23MmpkpqBStjkuHij1PavN9zpsKy390CGyMIOtL---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: binary ------MultipartBoundary--ZpT23MmpkpqBStjkuHij1PavN9zpsKy390CGyMIOtL---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: binary Content-Location: https://ssum.casalemedia.com/usermatch?s=185638&cb=https%3A%2F%2Fe-9660.adzerk.net%2Fudb%2F9660%2Fsync%2Fi.gif%3FpartnerId%3D1%26userId%3D ------MultipartBoundary--ZpT23MmpkpqBStjkuHij1PavN9zpsKy390CGyMIOtL---- Content-Type: image/gif Content-Transfer-Encoding: binary Content-Location: https://dpm.demdex.net/ibs:dpid=23728&dpuuid=aRL8xlVbL6MADMf0Ctf7PgAA%265941?gdpr_consent=&us_privacy=&gdpr=&gpp=&gpp_sid= GIF89a!,D; ------MultipartBoundary--ZpT23MmpkpqBStjkuHij1PavN9zpsKy390CGyMIOtL---- Content-Type: image/gif Content-Transfer-Encoding: binary Content-Location: https://e-9660.adzerk.net/udb/9660/sync/i.gif?partnerId=1&userId=aRL8xlVbL6MADMf0Ctf7PgAA%265941 GIF89a!,D; ------MultipartBoundary--ZpT23MmpkpqBStjkuHij1PavN9zpsKy390CGyMIOtL---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: binary ------MultipartBoundary--ZpT23MmpkpqBStjkuHij1PavN9zpsKy390CGyMIOtL---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: binary ------MultipartBoundary--ZpT23MmpkpqBStjkuHij1PavN9zpsKy390CGyMIOtL---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: binary Content-Location: https://www.googletagmanager.com/static/service_worker/5ba0/sw_iframe.html?origin=https%3A%2F%2Fwww.wattpad.com ------MultipartBoundary--ZpT23MmpkpqBStjkuHij1PavN9zpsKy390CGyMIOtL------