PNG  IHDRX cHRMz&u0`:pQ<bKGD pHYsodtIME MeqIDATxw]Wug^Qd˶ 6`!N:!@xI~)%7%@Bh&`lnjVF29gΨ4E$|>cɚ{gk= %,a KX%,a KX%,a KX%,a KX%,a KX%,a KX%, b` ǟzeאfp]<!SJmɤY޲ڿ,%c ~ع9VH.!Ͳz&QynֺTkRR.BLHi٪:l;@(!MԴ=žI,:o&N'Kù\vRmJ雵֫AWic H@" !: Cé||]k-Ha oݜ:y F())u]aG7*JV@J415p=sZH!=!DRʯvɱh~V\}v/GKY$n]"X"}t@ xS76^[bw4dsce)2dU0 CkMa-U5tvLƀ~mlMwfGE/-]7XAƟ`׮g ewxwC4\[~7@O-Q( a*XGƒ{ ՟}$_y3tĐƤatgvێi|K=uVyrŲlLӪuܿzwk$m87k( `múcE)"@rK( z4$D; 2kW=Xb$V[Ru819קR~qloѱDyįݎ*mxw]y5e4K@ЃI0A D@"BDk_)N\8͜9dz"fK0zɿvM /.:2O{ Nb=M=7>??Zuo32 DLD@D| &+֎C #B8ַ`bOb $D#ͮҪtx]%`ES`Ru[=¾!@Od37LJ0!OIR4m]GZRJu$‡c=%~s@6SKy?CeIh:[vR@Lh | (BhAMy=݃  G"'wzn޺~8ԽSh ~T*A:xR[ܹ?X[uKL_=fDȊ؂p0}7=D$Ekq!/t.*2ʼnDbŞ}DijYaȲ(""6HA;:LzxQ‘(SQQ}*PL*fc\s `/d'QXW, e`#kPGZuŞuO{{wm[&NBTiiI0bukcA9<4@SӊH*؎4U/'2U5.(9JuDfrޱtycU%j(:RUbArLֺN)udA':uGQN"-"Is.*+k@ `Ojs@yU/ H:l;@yyTn}_yw!VkRJ4P)~y#)r,D =ě"Q]ci'%HI4ZL0"MJy 8A{ aN<8D"1#IJi >XjX֔#@>-{vN!8tRݻ^)N_╗FJEk]CT՟ YP:_|H1@ CBk]yKYp|og?*dGvzنzӴzjֺNkC~AbZƷ`.H)=!QͷVTT(| u78y֮}|[8-Vjp%2JPk[}ԉaH8Wpqhwr:vWª<}l77_~{s۴V+RCģ%WRZ\AqHifɤL36: #F:p]Bq/z{0CU6ݳEv_^k7'>sq*+kH%a`0ԣisqにtү04gVgW΂iJiS'3w.w}l6MC2uԯ|>JF5`fV5m`Y**Db1FKNttu]4ccsQNnex/87+}xaUW9y>ͯ骵G{䩓Գ3+vU}~jJ.NFRD7<aJDB1#ҳgSb,+CS?/ VG J?|?,2#M9}B)MiE+G`-wo߫V`fio(}S^4e~V4bHOYb"b#E)dda:'?}׮4繏`{7Z"uny-?ǹ;0MKx{:_pÚmFמ:F " .LFQLG)Q8qN q¯¯3wOvxDb\. BKD9_NN &L:4D{mm o^tֽ:q!ƥ}K+<"m78N< ywsard5+вz~mnG)=}lYݧNj'QJS{S :UYS-952?&O-:W}(!6Mk4+>A>j+i|<<|;ر^߉=HE|V#F)Emm#}/"y GII웻Jі94+v뾧xu~5C95~ūH>c@덉pʃ1/4-A2G%7>m;–Y,cyyaln" ?ƻ!ʪ<{~h~i y.zZB̃/,雋SiC/JFMmBH&&FAbϓO^tubbb_hZ{_QZ-sύodFgO(6]TJA˯#`۶ɟ( %$&+V'~hiYy>922 Wp74Zkq+Ovn錄c>8~GqܲcWꂎz@"1A.}T)uiW4="jJ2W7mU/N0gcqܗOO}?9/wìXžΏ0 >֩(V^Rh32!Hj5`;O28؇2#ݕf3 ?sJd8NJ@7O0 b־?lldщ̡&|9C.8RTWwxWy46ah嘦mh٤&l zCy!PY?: CJyв]dm4ǜҐR޻RլhX{FƯanшQI@x' ao(kUUuxW_Ñ줮[w8 FRJ(8˼)_mQ _!RJhm=!cVmm ?sFOnll6Qk}alY}; "baӌ~M0w,Ggw2W:G/k2%R,_=u`WU R.9T"v,<\Ik޽/2110Ӿxc0gyC&Ny޽JҢrV6N ``یeA16"J³+Rj*;BϜkZPJaÍ<Jyw:NP8/D$ 011z֊Ⱳ3ι֘k1V_"h!JPIΣ'ɜ* aEAd:ݺ>y<}Lp&PlRfTb1]o .2EW\ͮ]38؋rTJsǏP@芎sF\> P^+dYJLbJ C-xϐn> ι$nj,;Ǖa FU *择|h ~izť3ᤓ`K'-f tL7JK+vf2)V'-sFuB4i+m+@My=O҈0"|Yxoj,3]:cо3 $#uŘ%Y"y죯LebqtҢVzq¼X)~>4L׶m~[1_k?kxֺQ`\ |ٛY4Ѯr!)N9{56(iNq}O()Em]=F&u?$HypWUeB\k]JɩSع9 Zqg4ZĊo oMcjZBU]B\TUd34ݝ~:7ڶSUsB0Z3srx 7`:5xcx !qZA!;%͚7&P H<WL!džOb5kF)xor^aujƍ7 Ǡ8/p^(L>ὴ-B,{ۇWzֺ^k]3\EE@7>lYBȝR.oHnXO/}sB|.i@ɥDB4tcm,@ӣgdtJ!lH$_vN166L__'Z)y&kH;:,Y7=J 9cG) V\hjiE;gya~%ks_nC~Er er)muuMg2;֫R)Md) ,¶ 2-wr#F7<-BBn~_(o=KO㭇[Xv eN_SMgSҐ BS헃D%g_N:/pe -wkG*9yYSZS.9cREL !k}<4_Xs#FmҶ:7R$i,fi!~' # !6/S6y@kZkZcX)%5V4P]VGYq%H1!;e1MV<!ϐHO021Dp= HMs~~a)ަu7G^];git!Frl]H/L$=AeUvZE4P\.,xi {-~p?2b#amXAHq)MWǾI_r`S Hz&|{ +ʖ_= (YS(_g0a03M`I&'9vl?MM+m~}*xT۲(fY*V4x@29s{DaY"toGNTO+xCAO~4Ϳ;p`Ѫ:>Ҵ7K 3}+0 387x\)a"/E>qpWB=1 ¨"MP(\xp߫́A3+J] n[ʼnӼaTbZUWb={~2ooKױӰp(CS\S筐R*JغV&&"FA}J>G֐p1ٸbk7 ŘH$JoN <8s^yk_[;gy-;߉DV{c B yce% aJhDȶ 2IdйIB/^n0tNtџdcKj4϶v~- CBcgqx9= PJ) dMsjpYB] GD4RDWX +h{y`,3ꊕ$`zj*N^TP4L:Iz9~6s) Ga:?y*J~?OrMwP\](21sZUD ?ܟQ5Q%ggW6QdO+\@ ̪X'GxN @'4=ˋ+*VwN ne_|(/BDfj5(Dq<*tNt1х!MV.C0 32b#?n0pzj#!38}޴o1KovCJ`8ŗ_"]] rDUy޲@ Ȗ-;xџ'^Y`zEd?0„ DAL18IS]VGq\4o !swV7ˣι%4FѮ~}6)OgS[~Q vcYbL!wG3 7띸*E Pql8=jT\꘿I(z<[6OrR8ºC~ډ]=rNl[g|v TMTղb-o}OrP^Q]<98S¤!k)G(Vkwyqyr޽Nv`N/e p/~NAOk \I:G6]4+K;j$R:Mi #*[AȚT,ʰ,;N{HZTGMoּy) ]%dHء9Պ䠬|<45,\=[bƟ8QXeB3- &dҩ^{>/86bXmZ]]yޚN[(WAHL$YAgDKp=5GHjU&99v簪C0vygln*P)9^͞}lMuiH!̍#DoRBn9l@ xA/_v=ȺT{7Yt2N"4!YN`ae >Q<XMydEB`VU}u]嫇.%e^ánE87Mu\t`cP=AD/G)sI"@MP;)]%fH9'FNsj1pVhY&9=0pfuJ&gޤx+k:!r˭wkl03׼Ku C &ѓYt{.O.zҏ z}/tf_wEp2gvX)GN#I ݭ߽v/ .& и(ZF{e"=V!{zW`, ]+LGz"(UJp|j( #V4, 8B 0 9OkRrlɱl94)'VH9=9W|>PS['G(*I1==C<5"Pg+x'K5EMd؞Af8lG ?D FtoB[je?{k3zQ vZ;%Ɠ,]E>KZ+T/ EJxOZ1i #T<@ I}q9/t'zi(EMqw`mYkU6;[t4DPeckeM;H}_g pMww}k6#H㶏+b8雡Sxp)&C $@'b,fPߑt$RbJ'vznuS ~8='72_`{q纶|Q)Xk}cPz9p7O:'|G~8wx(a 0QCko|0ASD>Ip=4Q, d|F8RcU"/KM opKle M3#i0c%<7׿p&pZq[TR"BpqauIp$ 8~Ĩ!8Սx\ւdT>>Z40ks7 z2IQ}ItԀ<-%S⍤};zIb$I 5K}Q͙D8UguWE$Jh )cu4N tZl+[]M4k8֦Zeq֮M7uIqG 1==tLtR,ƜSrHYt&QP윯Lg' I,3@P'}'R˪e/%-Auv·ñ\> vDJzlӾNv5:|K/Jb6KI9)Zh*ZAi`?S {aiVDԲuy5W7pWeQJk֤#5&V<̺@/GH?^τZL|IJNvI:'P=Ϛt"¨=cud S Q.Ki0 !cJy;LJR;G{BJy޺[^8fK6)=yʊ+(k|&xQ2`L?Ȓ2@Mf 0C`6-%pKpm')c$׻K5[J*U[/#hH!6acB JA _|uMvDyk y)6OPYjœ50VT K}cǻP[ $:]4MEA.y)|B)cf-A?(e|lɉ#P9V)[9t.EiQPDѠ3ϴ;E:+Օ t ȥ~|_N2,ZJLt4! %ա]u {+=p.GhNcŞQI?Nd'yeh n7zi1DB)1S | S#ًZs2|Ɛy$F SxeX{7Vl.Src3E℃Q>b6G ўYCmtկ~=K0f(=LrAS GN'ɹ9<\!a`)֕y[uՍ[09` 9 +57ts6}b4{oqd+J5fa/,97J#6yν99mRWxJyѡyu_TJc`~W>l^q#Ts#2"nD1%fS)FU w{ܯ R{ ˎ󅃏џDsZSQS;LV;7 Od1&1n$ N /.q3~eNɪ]E#oM~}v֯FڦwyZ=<<>Xo稯lfMFV6p02|*=tV!c~]fa5Y^Q_WN|Vs 0ҘދU97OI'N2'8N֭fgg-}V%y]U4 峧p*91#9U kCac_AFңĪy뚇Y_AiuYyTTYЗ-(!JFLt›17uTozc. S;7A&&<ԋ5y;Ro+:' *eYJkWR[@F %SHWP 72k4 qLd'J "zB6{AC0ƁA6U.'F3:Ȅ(9ΜL;D]m8ڥ9}dU "v!;*13Rg^fJyShyy5auA?ɩGHRjo^]׽S)Fm\toy 4WQS@mE#%5ʈfFYDX ~D5Ϡ9tE9So_aU4?Ѽm%&c{n>.KW1Tlb}:j uGi(JgcYj0qn+>) %\!4{LaJso d||u//P_y7iRJ߬nHOy) l+@$($VFIQ9%EeKʈU. ia&FY̒mZ=)+qqoQn >L!qCiDB;Y<%} OgBxB!ØuG)WG9y(Ą{_yesuZmZZey'Wg#C~1Cev@0D $a@˲(.._GimA:uyw֬%;@!JkQVM_Ow:P.s\)ot- ˹"`B,e CRtaEUP<0'}r3[>?G8xU~Nqu;Wm8\RIkբ^5@k+5(By'L&'gBJ3ݶ!/㮻w҅ yqPWUg<e"Qy*167΃sJ\oz]T*UQ<\FԎ`HaNmڜ6DysCask8wP8y9``GJ9lF\G g's Nn͵MLN֪u$| /|7=]O)6s !ĴAKh]q_ap $HH'\1jB^s\|- W1:=6lJBqjY^LsPk""`]w)󭃈,(HC ?䔨Y$Sʣ{4Z+0NvQkhol6C.婧/u]FwiVjZka&%6\F*Ny#8O,22+|Db~d ~Çwc N:FuuCe&oZ(l;@ee-+Wn`44AMK➝2BRՈt7g*1gph9N) *"TF*R(#'88pm=}X]u[i7bEc|\~EMn}P瘊J)K.0i1M6=7'_\kaZ(Th{K*GJyytw"IO-PWJk)..axӝ47"89Cc7ĐBiZx 7m!fy|ϿF9CbȩV 9V-՛^pV̌ɄS#Bv4-@]Vxt-Z, &ֺ*diؠ2^VXbs֔Ìl.jQ]Y[47gj=幽ex)A0ip׳ W2[ᎇhuE^~q흙L} #-b۸oFJ_QP3r6jr+"nfzRJTUqoaۍ /$d8Mx'ݓ= OՃ| )$2mcM*cЙj}f };n YG w0Ia!1Q.oYfr]DyISaP}"dIӗթO67jqR ҊƐƈaɤGG|h;t]䗖oSv|iZqX)oalv;۩meEJ\!8=$4QU4Xo&VEĊ YS^E#d,yX_> ۘ-e\ "Wa6uLĜZi`aD9.% w~mB(02G[6y.773a7 /=o7D)$Z 66 $bY^\CuP. (x'"J60׿Y:Oi;F{w佩b+\Yi`TDWa~|VH)8q/=9!g߆2Y)?ND)%?Ǐ`k/sn:;O299yB=a[Ng 3˲N}vLNy;*?x?~L&=xyӴ~}q{qE*IQ^^ͧvü{Huu=R|>JyUlZV, B~/YF!Y\u_ݼF{_C)LD]m {H 0ihhadd nUkf3oٺCvE\)QJi+֥@tDJkB$1!Đr0XQ|q?d2) Ӣ_}qv-< FŊ߫%roppVBwü~JidY4:}L6M7f٬F "?71<2#?Jyy4뷢<_a7_=Q E=S1И/9{+93֮E{ǂw{))?maÆm(uLE#lïZ  ~d];+]h j?!|$F}*"4(v'8s<ŏUkm7^7no1w2ؗ}TrͿEk>p'8OB7d7R(A 9.*Mi^ͳ; eeUwS+C)uO@ =Sy]` }l8^ZzRXj[^iUɺ$tj))<sbDJfg=Pk_{xaKo1:-uyG0M ԃ\0Lvuy'ȱc2Ji AdyVgVh!{]/&}}ċJ#%d !+87<;qN޼Nفl|1N:8ya  8}k¾+-$4FiZYÔXk*I&'@iI99)HSh4+2G:tGhS^繿 Kتm0 вDk}֚+QT4;sC}rՅE,8CX-e~>G&'9xpW,%Fh,Ry56Y–hW-(v_,? ; qrBk4-V7HQ;ˇ^Gv1JVV%,ik;D_W!))+BoS4QsTM;gt+ndS-~:11Sgv!0qRVh!"Ȋ(̦Yl.]PQWgٳE'`%W1{ndΗBk|Ž7ʒR~,lnoa&:ü$ 3<a[CBݮwt"o\ePJ=Hz"_c^Z.#ˆ*x z̝grY]tdkP*:97YľXyBkD4N.C_[;F9`8& !AMO c `@BA& Ost\-\NX+Xp < !bj3C&QL+*&kAQ=04}cC!9~820G'PC9xa!w&bo_1 Sw"ܱ V )Yl3+ס2KoXOx]"`^WOy :3GO0g;%Yv㐫(R/r (s } u B &FeYZh0y> =2<Ϟc/ -u= c&׭,.0"g"7 6T!vl#sc>{u/Oh Bᾈ)۴74]x7 gMӒ"d]U)}" v4co[ ɡs 5Gg=XR14?5A}D "b{0$L .\4y{_fe:kVS\\O]c^W52LSBDM! C3Dhr̦RtArx4&agaN3Cf<Ԉp4~ B'"1@.b_/xQ} _߃҉/gٓ2Qkqp0շpZ2fԫYz< 4L.Cyυι1t@鎫Fe sYfsF}^ V}N<_`p)alٶ "(XEAVZ<)2},:Ir*#m_YӼ R%a||EƼIJ,,+f"96r/}0jE/)s)cjW#w'Sʯ5<66lj$a~3Kʛy 2:cZ:Yh))+a߭K::N,Q F'qB]={.]h85C9cr=}*rk?vwV렵ٸW Rs%}rNAkDv|uFLBkWY YkX מ|)1!$#3%y?pF<@<Rr0}: }\J [5FRxY<9"SQdE(Q*Qʻ)q1E0B_O24[U'],lOb ]~WjHޏTQ5Syu wq)xnw8~)c 쫬gٲߠ H% k5dƝk> kEj,0% b"vi2Wس_CuK)K{n|>t{P1򨾜j>'kEkƗBg*H%'_aY6Bn!TL&ɌOb{c`'d^{t\i^[uɐ[}q0lM˕G:‚4kb祔c^:?bpg… +37stH:0}en6x˟%/<]BL&* 5&fK9Mq)/iyqtA%kUe[ڛKN]Ě^,"`/ s[EQQm?|XJ߅92m]G.E΃ח U*Cn.j_)Tѧj̿30ڇ!A0=͜ar I3$C^-9#|pk!)?7.x9 @OO;WƝZBFU keZ75F6Tc6"ZȚs2y/1 ʵ:u4xa`C>6Rb/Yм)^=+~uRd`/|_8xbB0?Ft||Z\##|K 0>>zxv8۴吅q 8ĥ)"6>~\8:qM}#͚'ĉ#p\׶ l#bA?)|g g9|8jP(cr,BwV (WliVxxᡁ@0Okn;ɥh$_ckCgriv}>=wGzβ KkBɛ[˪ !J)h&k2%07δt}!d<9;I&0wV/ v 0<H}L&8ob%Hi|޶o&h1L|u֦y~󛱢8fٲUsւ)0oiFx2}X[zVYr_;N(w]_4B@OanC?gĦx>мgx>ΛToZoOMp>40>V Oy V9iq!4 LN,ˢu{jsz]|"R޻&'ƚ{53ўFu(<٪9:΋]B;)B>1::8;~)Yt|0(pw2N%&X,URBK)3\zz&}ax4;ǟ(tLNg{N|Ǽ\G#C9g$^\}p?556]/RP.90 k,U8/u776s ʪ_01چ|\N 0VV*3H鴃J7iI!wG_^ypl}r*jɤSR 5QN@ iZ#1ٰy;_\3\BQQ x:WJv츟ٯ$"@6 S#qe딇(/P( Dy~TOϻ<4:-+F`0||;Xl-"uw$Цi󼕝mKʩorz"mϺ$F:~E'ҐvD\y?Rr8_He@ e~O,T.(ފR*cY^m|cVR[8 JҡSm!ΆԨb)RHG{?MpqrmN>߶Y)\p,d#xۆWY*,l6]v0h15M˙MS8+EdI='LBJIH7_9{Caз*Lq,dt >+~ّeʏ?xԕ4bBAŚjﵫ!'\Ը$WNvKO}ӽmSşذqsOy?\[,d@'73'j%kOe`1.g2"e =YIzS2|zŐƄa\U,dP;jhhhaxǶ?КZ՚.q SE+XrbOu%\GتX(H,N^~]JyEZQKceTQ]VGYqnah;y$cQahT&QPZ*iZ8UQQM.qo/T\7X"u?Mttl2Xq(IoW{R^ ux*SYJ! 4S.Jy~ BROS[V|žKNɛP(L6V^|cR7i7nZW1Fd@ Ara{詑|(T*dN]Ko?s=@ |_EvF]׍kR)eBJc" MUUbY6`~V޴dJKß&~'d3i WWWWWW
Current Directory: /opt/wp/plugins/woocommerce/legacy/css
Viewing File: /opt/wp/plugins/woocommerce/legacy/css/twenty-twenty-two.scss
/** * Fonts */ @font-face { font-family: star; src: url(../fonts/star.eot); src: url(../fonts/star.eot?#iefix) format("embedded-opentype"), url(../fonts/star.woff) format("woff"), url(../fonts/star.ttf) format("truetype"), url(../fonts/star.svg#star) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: WooCommerce; src: url(../fonts/WooCommerce.eot); src: url(../fonts/WooCommerce.eot?#iefix) format("embedded-opentype"), url(../fonts/WooCommerce.woff) format("woff"), url(../fonts/WooCommerce.ttf) format("truetype"), url(../fonts/WooCommerce.svg#WooCommerce) format("svg"); font-weight: 400; font-style: normal; } @import "mixins"; @import "animation"; $tt2-gray: #f7f7f7; /** * Main layout. */ .woocommerce-page { h1.wp-block-post-title { font-size: var(--wp--preset--font-size--huge); } h2 { font-size: var(--wp--preset--font-size--large); } } .woocommerce-page { main { .woocommerce { @include clearfix(); max-width: 1000px; } } } .woocommerce { .woocommerce-products-header, .woocommerce-notices-wrapper, .woocommerce-result-count, .woocommerce-ordering, .woocommerce-breadcrumb, .products { max-width: 1000px; } .wp-site-blocks > .wp-block-group { max-width: 1000px; margin-left: auto; margin-right: auto; } // Common .woocommerce-products-header { h1.page-title { font-family: var(--wp--preset--font-family--source-serif-pro); font-size: var(--wp--custom--typography--font-size--gigantic); font-weight: 300; line-height: var(--wp--custom--typography--line-height--tiny); margin-bottom: var(--wp--custom--spacing--medium); } } span.onsale { top: -1rem; right: -1rem; position: absolute; background: var( --wp--preset--color--secondary ); border-radius: 2rem; line-height: 2.6rem; font-size: 0.8rem; padding: 0rem 0.5rem 0rem 0.5rem; } .price ins, bdi { text-decoration: none; } .quantity { input[type='number'] { width: 3em; } input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button{ opacity: 1; } } &.woocommerce-shop .woocommerce-breadcrumb { display: none; } .woocommerce-message, .woocommerce-error, .woocommerce-info { background: $tt2-gray; border-top-color: var( --wp--preset--color--primary ); border-top-style: solid; padding: 1rem 1.5rem; margin-bottom: 2rem; list-style: none; font-size: var(--wp--preset--font-size--small); &[role='alert']::before { color: var( --wp--preset--color--background ); background: var( --wp--preset--color--primary ); border-radius: 5rem; font-size: 1rem; padding-left: 3px; padding-right: 3px; margin-right: 1rem; } a.button { margin-top: -0.5rem; border: none; background: #ebe9eb; color: var(--wp--preset--color--black); padding: 0.5rem 1rem; &:hover, &:visited { color: var(--wp--preset--color--black); } } } .woocommerce-error[role='alert'] { margin: 0; &::before { content: 'X'; padding-right: 4px; padding-left: 4px; } li { display: inline-block; } } .woocommerce-message { &[role='alert']::before { content: '\2713'; } } .woocommerce-NoticeGroup-checkout { ul.woocommerce-error[role='alert'] { &::before { display: none; } li { display: inherit; margin-bottom: 1rem; } } } a.button, button[name='add-to-cart'], input[name='submit'], button.single_add_to_cart_button, button[type='submit']:not(.wp-block-search__button) { display: inline-block; text-align: center; word-break: break-word; background-color: var( --wp--preset--color--primary ); color: #fff; border: 1px solid var(--wp--preset--color--black); padding: 1rem 2rem; margin-top: 1rem; text-decoration: none; font-size: medium; cursor: pointer; &:hover, &:visited { color: var( --wp--preset--color--white ); text-decoration: underline; } } button.woocommerce-form-login__submit, button.single_add_to_cart_button, a.checkout-button { font-size: 18px; padding: 1.5rem 3.5rem; } // Shop page .woocommerce-result-count { margin-top: 0; font-size: 0.9rem; } .woocommerce-ordering { margin-top: -0.2rem; margin-bottom: 3rem; select { padding: 0.2rem 0 0.2rem 0.5rem; } } // Products. ul.products { padding-inline-start: 0; li.product { list-style: none; margin-top: var(--wp--style--block-gap); text-align: center; a.woocommerce-loop-product__link { text-decoration: none; display: block; } h2.woocommerce-loop-product__title { color: var( --wp--preset--color--primary ); font-family: var( --wp--preset--font-family--system-font ); font-size: 1.2rem; text-decoration: none; margin-bottom: 0; } a.add_to_cart_button { padding: 0.8rem 2.7rem; &.loading { opacity: 0.5; } } a.added_to_cart { display: block; margin-top: 1rem; } } } ul.page-numbers { text-align: center; } div.product { position: relative; max-width: 1000px; > span.onsale { position: absolute; left: -1rem; top: -1rem; width: 1.8rem; z-index: 1; } div.woocommerce-product-gallery { position: relative; a.woocommerce-product-gallery__trigger { position: absolute; top: 1rem; right: 1rem; z-index: 1; text-decoration: none; border-radius: 1rem; border-style: solid; line-height: 1.5rem; padding: 0; font-size: 0.6rem; background: var( --wp--preset--color--white ); border-color: var( --wp--preset--color--white ); height: 1.5rem; width: 1.5rem; overflow: hidden; &::before { content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" width="24" height="24"><path d="M13.5 6C10.5 6 8 8.5 8 11.5c0 1.1.3 2.1.9 3l-3.4 3 1 1.1 3.4-2.9c1 .9 2.2 1.4 3.6 1.4 3 0 5.5-2.5 5.5-5.5C19 8.5 16.5 6 13.5 6zm0 9.5c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z" /></svg>'); display: block; transform: rotateY(180deg); margin-left: 1.55rem; } } figure.woocommerce-product-gallery__wrapper { margin: 0; } } div.summary { font-size: 1rem; > *{ margin-bottom: var( --wp--style--block-gap ); } h1.product_title { font-size: 2.5rem; margin: 0; } figure.woocommerce-product-gallery__wrapper { margin: 0; } .woocommerce-product-rating { .star-rating { display: inline-block; } .woocommerce-review-link { display: inline-block; overflow: hidden; position: relative; top: -0.5em; font-size: 1em; } } } button[name='add-to-cart'], button.single_add_to_cart_button { margin-top: 0.5rem; margin-bottom: var( --wp--style--block-gap ); } table.variations { tr { display: block; margin-bottom: var( --wp--style--block-gap ); th { padding-right: 1rem; } td select { padding: 2px; } } } ol.flex-control-thumbs { padding-left: 0; float: left; li { list-style: none; cursor: pointer; float: left; width: 18%; margin-right: 1rem; } } a.reset_variations { margin-left: 0.5em; } table.group_table { td { padding-right: 0.5rem; padding-bottom: 1rem; } margin-bottom: var( --wp--style--block-gap ); } .related.products { margin-top: 7rem; } } .woocommerce-tabs { padding-top: var( --wp--style--block-gap ); ul.wc-tabs { padding: 0; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #EAE9EB; li { background: #EAE9EB; margin: 0; padding: 0.5em 1em 0.5em 1em; border-color: #EAE9EB; border-top-left-radius: 5px; border-top-right-radius: 5px; float: left; border-style: solid; border-width: 1px; border-left-color: var( --wp--preset--color--background ); font-weight: 600; font-size: var(--wp--preset--font-size--medium); &:first-child { border-left-color: #EAE9EB; margin-left: 1em; } &.active { background: var( --wp--preset--color--background ); border-bottom-color: var( --wp--preset--color--background ); box-shadow: 0 1px var( --wp--preset--color--background ); } a { text-decoration: none; } } } .woocommerce-Tabs-panel { padding-top: var( --wp--style--block-gap ); font-size: var(--wp--preset--font-size--small); margin-left: 1em; h2 { display: none; } } } .woocommerce-Reviews { ol.commentlist { list-style: none; padding-left: 0; img.avatar { float: left; } p.meta { font-size: 1rem; } .comment-text { display: inline-block; padding-left: var( --wp--style--block-gap ); .star-rating { margin-top: 0; margin-right: unset; margin-left: unset; } } } .comment-form-rating { label { display: inline-block; padding-right: var( --wp--style--block-gap ); padding-top: var( --wp--style--block-gap ); } p.stars { display: inline; a::before { color: var( --wp--preset--color--secondary ); } } } .comment-form-comment { label { float: left; padding-right: var( --wp--style--block-gap ); } } #review_form_wrapper { margin-top: 5rem; } .comment-reply-title { font-size: var(--wp--preset--font-size--medium); font-weight: 700; } } .star-rating { overflow: hidden; position: relative; height: 1em; line-height: 1; width: 5.4rem; font-family: star; color: var( --wp--preset--color--secondary ); margin: 1rem auto .7rem auto; &::before { content: "\73\73\73\73\73"; float: left; top: 0; left: 0; position: absolute; font-size: 1rem; } span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } span::before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; font-size: 1rem; } } p.stars { margin-top: 0; a { position: relative; height: 1em; width: 1em; text-indent: -999em; display: inline-block; text-decoration: none; box-shadow: none; &::before { display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; font-family: WooCommerce; content: "\e021"; text-indent: 0; } &:hover { ~ a::before { content: "\e021"; } } } &:hover { a { &::before { content: "\e020"; } } } &.selected { a.active { &::before { content: "\e020"; } ~ a::before { content: "\e021"; } } a:not(.active) { &::before { content: "\e020"; } } } } .woocommerce-product-gallery__trigger { position: absolute; top: 1rem; right: 1rem; z-index: 99; } .return-to-shop { a.button { background-color: #fff; color: var( --wp--preset--color--primary ); border: 2px solid var( --wp--preset--color--primary ); padding: 0.7rem 2rem; } } mark { background: var( --wp--preset--color--secondary ); } } /** * Form fields */ .woocommerce-page { form { .input-text { border: 1px solid var(--wp--preset--color--black); border-radius: 0; font-size: var(--wp--preset--font-size--small); padding: .9rem 1.1rem; } label { margin-bottom: .7rem; } abbr.required { text-decoration: none; } ul { margin-top: 0; margin-bottom: 0; list-style-type: none; padding-left: 0; } } input[type="radio"][name='payment_method'], input[type="radio"].shipping_method { display: none; & + label { &::before { content: ""; display: inline-block; width: 1rem; height: 1rem; border: 2px solid var(--wp--preset--color--black); background: var(--wp--preset--color--white); margin-left: 4px; margin-right: 1.2rem; border-radius: 100%; transform: translateY(.2rem); } } & ~ .payment_box { padding-left: 3rem; margin-top: 1rem; } &:checked + label { &::before { background: radial-gradient(circle at center, black 45%, white 0); } } } label.woocommerce-form__label-for-checkbox { font-weight: normal; cursor: pointer; span { &::before { content: ""; display: inline-block; height: 1rem; width: 1rem; border: 2px solid var(--wp--preset--color--black); background: var(--wp--preset--color--white); margin-right: .5rem; transform: translateY(.2rem); } } input[type="checkbox"] { display: none; } input[type="checkbox"]:checked + span::before { background: var(--wp--preset--color--black); box-shadow: inset .2rem .2rem var(--wp--preset--color--white), inset -.2rem -.2rem var(--wp--preset--color--white); } } table.shop_table_responsive { width: 100%; text-align: left; border-collapse: collapse; th, td { font-size: var(--wp--preset--font-size--small); font-weight: normal; } th { padding-bottom: 1rem; } tbody { tr { border-top: 1px solid var( --wp--preset--color--black ); } td { a.button, button { margin-bottom: 1rem; border: none; background: #ebe9eb; color: var(--wp--preset--color--black); padding: 0.5rem 1rem 0.5rem 1rem; &:hover, &:visited { color: var(--wp--preset--color--black); } } &.woocommerce-orders-table__cell-order-actions { a.button { display: block; } } } } } table.shop_table, table.shop_table_responsive { tbody { .product-name { a:not(:hover) { text-decoration: none; } a:hover { text-decoration: underline; text-decoration-thickness: 1px; } .variation { dt { font-style: italic; margin-right: 0.25rem; float: left; } dd { font-style: normal; a { font-style: normal; } } } } } } /* * Cart / Checkout */ .woocommerce-cart-form { #coupon_code { width: auto; } table.shop_table_responsive { td, th { padding: 1rem 0 0.5rem 1rem; } tbody { tr:last-of-type { border-top: none; } @media only screen and (max-width: 768px) { td { padding-left: 0; } .product-remove { width: auto; text-align: left !important; } #coupon_code { width: 50%; float: left; margin-bottom: 1rem; } } } button[name='apply_coupon'], button[name='update_cart'] { padding: 1rem 2rem; border: 2px solid #ebe9eb; margin: 0; } .product-remove { width: 1rem; font-size: var(--wp--preset--font-size--large); a { text-decoration: none; } } .product-thumbnail { width: 7.5rem; a { img { width: 117px; } } } } } .cart-collaterals { margin-top: 1.5rem; h2 { text-transform: uppercase; font-family: inherit; font-size: var(--wp--preset--font-size--medium); } table.shop_table_responsive { tr { border-top: none; } th { width: 11rem; } td, th { padding: 1rem 0; vertical-align: text-top; } } button[name='calc_shipping'] { padding: 1rem 2rem; } .woocommerce-Price-amount { font-weight: normal; } } .woocommerce-checkout, &.woocommerce-order-pay { display: table; h3 { font-family: inherit; font-size: var(--wp--preset--font-size--normal); font-weight: 700; } .col2-set { width: 43%; float: right; } .blockUI.blockOverlay { position: relative; @include loader(); } #customer_details { width: 53%; float: left; .col-1, .col-2 { width: 100%; float: none; } } @media only screen and (max-width: 768px) { .col2-set, #customer_details { width: 100%; float: none; } } .woocommerce-billing-fields__field-wrapper, .woocommerce-checkout-review-order-table, .woocommerce-checkout-payment, #payment { margin-top: 4rem; } .woocommerce-checkout-review-order-table, #order_review .shop_table { border-collapse: collapse; width: 100%; thead { display: none; } th { text-align: left; font-weight: normal; } th, td { padding: 1rem 1rem 1rem 0; vertical-align: text-top; } tbody { border-bottom: 1px solid #d2ced2; } tr.order-total { border-top: 1px solid #d2ced2; } .product-quantity { font-weight: normal; } .product-total, .cart-subtotal, .order-total, .tax-rate, input[type="radio"].shipping_method:checked + label, input[type="hidden"].shipping_method + label { .woocommerce-Price-amount { font-weight: bold; } } } button#place_order { width: 100%; text-transform: uppercase; } } form.checkout_coupon { background: $tt2-gray; padding-left: 1.5rem; float: left; // 1.5 rem is to account for extra padding we added above. width: calc(100% - 1.5rem); .form-row { button[name='apply_coupon'] { margin-top: 0; } } } ul.wc_payment_methods, ul.woocommerce-shipping-methods { margin-top: 0; margin-bottom: 0; list-style-type: none; padding-left: 0; input[type='radio'] { margin-right: .6rem; } li.wc_payment_method { margin-bottom: 1rem; } } .woocommerce-thankyou-order-received { margin-top: 0; } .woocommerce-thankyou-order-received, h2.woocommerce-column__title { font-family: var(--wp--preset--font-family--source-serif-pro); font-size: var(--wp--preset--font-size--large); font-weight: 300; } .woocommerce-order > * { margin-bottom: var( --wp--style--block-gap ); } ul.woocommerce-order-overview { font-size: var(--wp--preset--font-size--small); display: flex; padding-left: 0; width: 100%; li { display: inline; flex-grow: 1; margin-bottom: 1rem; text-transform: uppercase; strong { text-transform: none; display: block; } } @media only screen and (max-width: 768px) { flex-direction: column; } } .woocommerce-customer-details { address { padding: 2rem; border: 1px solid var(--wp--preset--color--black); font-style: inherit; p[class^='woocommerce-customer-details--'] { &:first-of-type { margin-top: 2rem; } margin-top: 1rem; margin-bottom: 0; } .woocommerce-customer-details--phone::before { content: '\01F4DE'; margin-right: 1rem; } .woocommerce-customer-details--email::before { content: '\2709'; margin-right: 1rem; font-size: 1.8rem; } } } .woocommerce-table--order-details { border: 1px solid var(--wp--preset--color--black); border-collapse: collapse; width: 70%; th, td { text-align: left; padding: 1rem; border-top: 1px solid var(--wp--preset--color--black); border-bottom: 1px solid var(--wp--preset--color--black); font-weight: normal; } thead th { text-transform: uppercase; } @media only screen and (max-width: 768px) { width: 100%; } } } .select2-container { .select2-selection, .select2-search__field { height: 3.5rem; font-size: var(--wp--preset--font-size--small); padding: .9rem 1.1rem; } .select2-selection, .select2-dropdown { border: 1px solid var(--wp--preset--color--black); border-radius: 0; } .select2-dropdown { border-top: 0; padding: .9rem 1.1rem; .select2-search__field { border: 1px solid var(--wp--preset--color--black); border-radius: 0; margin-bottom: 1rem; } } .select2-selection .select2-selection__arrow { height: 3.5rem; position: absolute; top: 0; right: 0; width: 3rem; } } /** * Account section */ .woocommerce-account { main { .woocommerce { @include clearfix(); max-width: 1000px; } } .woocommerce-MyAccount-navigation { ul { margin: 0; padding: 0; } li { list-style: none; padding: 1rem 0; &:first-child { padding-top: 0; } a { box-shadow: none; text-decoration: none; &:hover { text-decoration: underline; } } &.is-active { a { color: var( --wp--preset--color--primary ); text-decoration: underline; } } } } .woocommerce-MyAccount-content { > p:first-of-type, p.form-row-first, p.form-row-last { margin-block-start: 0px; } } &.woocommerce-edit-address { .woocommerce-MyAccount-content { form > h3 { margin-block-start: 0px; } } } .woocommerce-form-login { max-width: 516px; margin: 0 auto; .show-password-input { top: .8rem; right: 1.2rem; } } } .wp-block-search { .wp-block-search__label { font-weight: normal; } .wp-block-search__input { padding: .9rem 1.1rem; border: 1px solid var(--wp--preset--color--black); } .wp-block-search__button { padding: 1rem 1.2rem; } } .wc-block-product-search { form { .wc-block-product-search__fields { display: flex; flex: auto; flex-wrap: nowrap; max-width: 100%; .wc-block-product-search__field { padding: .9rem 1.1rem; flex-grow: 1; border: 1px solid var(--wp--preset--color--black); font-size: inherit; font-family: inherit; } .wc-block-product-search__button { display: flex; background-color: var( --wp--preset--color--primary ); color: #fff; border: 1px solid var(--wp--preset--color--black); padding: 1rem 1.2rem; margin: 0 0 0 .7rem; } } } } .woocommerce-store-notice { color: var(--wp--preset--color--black); border-top: 2px solid var( --wp--preset--color--primary ); background: $tt2-gray; padding: 2rem; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; margin: 0; .woocommerce-store-notice__dismiss-link { float: right; margin-right: 4rem; } }