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-one.scss
@import "mixins"; /** * Sass variables */ $headings: var(--heading--font-family); $body: var(--global--font-secondary); $body-color: currentColor; $highlights-color: #88a171; /** * 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; } /** * Global elements */ a.button { display: inline-block; text-align: center; box-sizing: border-box; word-break: break-word; text-decoration: none !important; &:hover, &:visited { text-decoration: underline !important; } } .woocommerce { form .form-row { .required { color: #b22222; text-decoration: none; visibility: hidden; // Only show optional by default. &[title] { border: 0 !important; } } .optional { visibility: visible; } } form.woocommerce-form-login, form.woocommerce-form-register { p, label { font-family: $headings; } input { border: 1px solid #ddd; } } .woocommerce-form-login__rememberme { margin: 1rem 0 3rem 0; } } .woocommerce-notices-wrapper:empty { margin: 0 auto; } .woocommerce-view-order { .woocommerce-MyAccount-content { table { border: 0; tbody { border-bottom: 1px solid $body-color; } tfoot { tr:last-of-type { border-top: 1px solid $body-color; .woocommerce-Price-amount { font-weight: 700; } } } td, tr, th { border: 0; } } } } .site-main { .woocommerce-breadcrumb { margin-bottom: var(--global--spacing-vertical); font-size: 0.88889em; font-family: $headings; } .woocommerce-products-header { margin-top: var(--global--spacing-vertical); } } .woocommerce-pagination { font-family: $headings; font-size: 0.88889em; ul.page-numbers { margin: 0; padding: 0; display: block; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; } span.page-numbers, a.page-numbers, .next.page-numbers, .prev.page-numbers { padding: 0 calc(0.5 * 1rem); display: inline-block; } } .onsale { position: absolute; top: -0.7rem; right: -0.7rem; background: $highlights-color; color: #fff; font-family: $headings; font-size: 1.2rem; font-weight: 700; letter-spacing: -0.02em; z-index: 1; border-radius: 50%; text-align: center; padding: 0.8rem; margin: 0; display: inline-flex; align-items: center; justify-content: center; &::before { content: ""; float: left; padding-top: 100%; } } .onsale + .woocommerce-product-gallery .woocommerce-product-gallery__trigger { top: 2.2em; right: 2.2em; } .single-product .type-product.sale > .onsale { right: calc(52% - 0.7rem); } .price { font-family: $headings; font-size: 1rem; del { opacity: 0.5; display: inline-block; } ins { display: inline-block; text-decoration: none; } } .woocommerce-message, .woocommerce-error, .woocommerce-info { margin-bottom: 2rem; margin-left: 0; background: var(--global--color-background); font-size: 0.88889em; font-family: $headings; list-style: none; overflow: hidden; } .woocommerce-message, .woocommerce-error li, .woocommerce-info { padding: 1.5rem 3rem; justify-content: space-between; align-items: center; .button { order: 2; } } .woocommerce-error { color: #fff; background: #b22222; a { color: #fff; &:hover { color: #fff; } &.button { background: #111; } } > li { margin: 0; } } #main { .woocommerce-error, .woocommerce-info { font-family: $headings; } } .woocommerce-message, .woocommerce-info { background: #eee; color: #000; border-top: 2px solid $highlights-color; a { color: #444; &:hover { color: #000; } &.button { background: $highlights-color; color: #f5efe0; } } } .woocommerce-store-notice { background: #eee; color: #000; border-top: 2px solid $highlights-color; padding: 2rem; position: absolute; top: 0; left: 0; width: 100%; z-index: 999; } .admin-bar .woocommerce-store-notice { top: 32px; } .woocommerce-store-notice__dismiss-link { float: right; color: #000; &:hover { text-decoration: none; color: #000; } } .flex-viewport { margin-bottom: 1.5em; } #main { .post-inner { padding-top: 0; } .wp-block-cover { margin-top: 0; } } .cross-sells { .woocommerce-loop-product__title { font-family: $headings; } .star-rating { font-size: 1.4rem; } } /* Make thumbnails in the gallery affect parent's height and wrapping */ .flex-control-nav::after { clear: both; content: ""; display: table; } /** * Tables */ .woocommerce, .woocommerce-page { &.is-dark-theme { .select2-dropdown { color: var(--global--color-dark-gray); } } table.shop_table { td, th { word-break: normal; border-left: none; border-right: none; } .product-thumbnail { max-width: 120px; } } } /** * Shop page */ .woocommerce-result-count, .woocommerce-ordering { margin: 0 0 1rem; padding: 0.75rem 0; } /** * Products */ ul.products { margin: 0; padding: 0; li.product { list-style: none; .woocommerce-loop-product__link { display: block; text-decoration: none; position: relative; } .woocommerce-loop-product__title { margin: 0.5rem 0 0.5rem; font-size: 1.5rem; font-weight: 400; &::before { content: none; } } .woocommerce-loop-product__title, .price, .star-rating { color: $body-color; } .star-rating { margin-bottom: 0.8rem; } .price { margin-bottom: 1rem; } .price, .star-rating { display: block; } .woocommerce-placeholder { border: 1px solid #f2f2f2; } .button { vertical-align: middle; background-color: transparent; color: var(--button--color-text-hover); text-decoration: none !important; &.loading { opacity: 0.5; } &:hover { background-color: var(--button--color-background); color: var(--button--color-text); } } .added_to_cart { margin: 0.5rem; } } } .star-rating { overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: 1em; width: 5.4em; font-family: star; margin-bottom: 0.7rem; &::before { content: "\73\73\73\73\73"; float: left; top: 0; left: 0; position: absolute; } 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; } } a.remove { display: inline-block; width: 20px; height: 20px; line-height: 18px; font-size: 20px; font-weight: 700; text-align: center; border-radius: 100%; text-decoration: none !important; background: #fff; color: #000; &:hover { background: $highlights-color; color: #fff !important; } } dl.variation, .wc-item-meta { list-style: none outside; dt, .wc-item-meta-label { float: left; clear: both; margin-right: 0.25rem; margin-top: 0; list-style: none outside; font-weight: 400; } dd { margin: 0; } p, &:last-child { margin-bottom: 0; } } /** * Single product */ .single-product { div.product { position: relative; .product_meta { clear: both; font-size: 0.7em; padding-top: 0.5em; margin-top: 3rem; } } .single_add_to_cart_button { line-height: var(--global--line-height-body) !important; padding-top: var(--form--spacing-unit) !important; padding-bottom: var(--form--spacing-unit) !important; font-size: 1.6rem; } .single-featured-image-header { display: none; } &.singular { // Needed for higher specificity to target the entry title font size .entry-title { font-size: var(--global--font-size-xl); font-weight: normal; margin: 0 0 2.5rem; &::before { margin-top: 0; } } } .summary { margin-bottom: 8rem; p.price { margin-bottom: 2rem; } .woocommerce-product-details__short-description { margin-bottom: 1rem; } } .woocommerce-variation-price { margin: 2rem 0; } .woocommerce-product-rating { margin: -1rem 0 4rem; line-height: 1; font-size: 1.4rem; .star-rating { float: left; margin-right: 0.25rem; } } form.cart { .quantity { float: left; margin-right: 0.5rem; } input[type="number"] { width: 5em; } } .woocommerce-variation-add-to-cart { .button { padding-top: 1.55rem; padding-bottom: 1.59rem; font-size: 1.6rem; } .button.disabled { opacity: 0.2; } } .woocommerce-message { flex-direction: row-reverse; } .woocommerce-Tabs-panel--additional_information, .woocommerce-Tabs-panel--reviews { table { border: 1px solid #ddd; tr, td, th { border: 1px solid #ddd; } } p { font-family: $headings; } input { border: 1px solid #ddd; } } .woocommerce-product-attributes-item__value { p { margin-bottom: 0; } } } table.variations { margin: 1rem 0; label { margin: 0; padding: 6px 0; } select { margin-right: 0.5rem; } } a.reset_variations { margin-left: 0.5em; } .woocommerce-product-gallery { max-width: 600px; position: relative; margin-bottom: 2rem; figure { margin: 0; padding: 0; } .woocommerce-product-gallery__wrapper { margin: 0; padding: 0; } .zoomImg { background-color: #fff; opacity: 0; } .woocommerce-product-gallery__image--placeholder { border: 1px solid #f2f2f2; } .woocommerce-product-gallery__image:nth-child(n+2) { width: 25%; display: inline-block; } .flex-control-thumbs { li { list-style: none; cursor: pointer; float: left; } img { opacity: 0.5; &:hover, &.flex-active { opacity: 1; } } } img { display: block; height: auto; } } .woocommerce-product-gallery--columns-3 { .flex-control-thumbs li { width: 33.3333%; } .flex-control-thumbs li:nth-child(3n+1) { clear: left; } } .woocommerce-product-gallery--columns-4 { ol { margin-left: 0; margin-bottom: 0; } .flex-control-thumbs li { width: 14.2857142857%; margin: 0 14.2857142857% 1.6em 0; } .flex-control-thumbs li:nth-child(4n) { margin-right: 0; } .flex-control-thumbs li:nth-child(4n+1) { clear: left; } } .woocommerce-product-gallery--columns-5 { .flex-control-thumbs li { width: 20%; } .flex-control-thumbs li:nth-child(5n+1) { clear: left; } } .woocommerce-product-gallery__trigger { position: absolute; top: 1rem; right: 1rem; z-index: 99; } .woocommerce-tabs { margin: 4rem 0 2rem; /* reset description tab width to full width */ #tab-description { h2, p { max-width: 100vw; width: 100%; } } /* reset additional info tab width to full width */ #tab-additional_information { .woocommerce-product-attributes { max-width: 100vw; width: 100%; } } #tab-reviews { /* reset reviews tab width to full width */ .woocommerce-Reviews { max-width: 100vw; width: 100%; } #submit { float: right; } } ul { margin: 0 0 1.5rem; padding: 0; font-family: $headings; border-bottom: var(--button--border-width) solid var(--button--color-background); li { display: inline-flex !important; a { color: $body-color; text-decoration: none; font-weight: 700; padding: var(--button--padding-vertical) var(--button--padding-horizontal); } &.active { a { color: var(--button--color-text); background-color: var(--button--color-background); border: var(--button--border-width) solid var(--button--color-background); } } } } .panel { > * { margin-top: 0 !important; } h1, h2 { &::before { content: none; } } h2:first-of-type { font-size: var(--global--font-size-lg); margin: 0 0 2rem !important; } } #comments { padding-top: 0; } .comment-reply-title { font-family: $headings; font-size: 1em; font-weight: 700; display: block; } #reviews { ol.commentlist { padding: 0; margin: 0; } li.review, li.comment { list-style: none; margin: 0.5rem 0 2.5rem 0; .avatar { max-height: 36px; width: auto; float: right; } p.meta { margin-bottom: 0.5em; } } .comment-form-rating { label { max-width: 58rem; margin: 0 auto; } } 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"; } } } } .comment-form-author, .comment-form-email { float: none; margin-left: auto; } } } /** * Related products */ .related.products, .up-sells { h2 { margin-bottom: 2rem; } clear: both; ul.products { display: flex; justify-content: space-evenly; align-items: stretch; li.product { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } } } /** * Widgets */ .widget.woocommerce { ul { padding-left: 0; li { list-style: none; } } } .widget .product_list_widget, .site-footer .widget .product_list_widget { margin-bottom: 1.5rem; a { display: block; box-shadow: none; &:hover { box-shadow: none; } } li { padding: 0.5rem 0; a.remove { float: left; margin-top: 7px; line-height: 20px; color: #fff; margin-right: 0.5rem; } } img { display: none; } } .widget_shopping_cart { .buttons { a { display: inline-block; margin: 0 0.5rem 0 0; } } } .woocommerce-shopping-totals { vertical-align: text-top; } .widget_layered_nav { .chosen { &::before { content: "×"; display: inline-block; width: 16px; height: 16px; line-height: 16px; font-size: 16px; text-align: center; border-radius: 100%; border: 1px solid #000; margin-right: 0.25rem; } } } .widget_price_filter { .price_slider { margin-bottom: 1rem; } .price_slider_amount { text-align: right; line-height: 2.4; font-size: 0.8751em; .button { float: left; padding: 0.4rem 1rem; } } .ui-slider { position: relative; text-align: left; margin-left: 0.5rem; margin-right: 0.5rem; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; background-color: #000; border-radius: 1em; cursor: ew-resize; outline: none; top: -0.3em; margin-left: -0.5em; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; border-radius: 1em; background-color: #000; } .price_slider_wrapper .ui-widget-content { border-radius: 1em; background-color: #666; border: 0; } .ui-slider-horizontal { height: 0.5em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .ui-slider-horizontal .ui-slider-range-max { right: -1px; } } .widget_rating_filter { li { text-align: right; .star-rating { float: left; margin-top: 0.3rem; } } } .widget_product_search { form { position: relative; } .search-field { padding-right: 100px; } input[type="submit"] { position: absolute; top: 0.5rem; right: 0.5rem; padding-left: 1rem; padding-right: 1rem; } } /** * Account section */ .woocommerce-account { #main { .post-inner { padding-top: 0; } .woocommerce { max-width: 1600px; padding: 0 6vw; margin: 0 auto; } } .woocommerce-MyAccount-navigation { font-family: $headings; margin: 0 0 2rem; ul { margin: 0; padding: 0; } li { list-style: none; padding: 0.5rem 0; font-family: $headings; font-size: 2rem; &:first-child { padding-top: 0; } a { box-shadow: none; text-decoration: none; font-weight: 600; color: #aaa; &:hover { color: #000; text-decoration: underline; } } &.is-active { a { text-decoration: underline; color: $highlights-color; } } } } .woocommerce-MyAccount-content { p { font-family: $headings; font-size: 2rem; } form { h3 { margin-top: 0; } } .woocommerce-Addresses { margin-top: -1rem; .woocommerce-Address-title { h3 { display: inline-block; margin-right: 1rem; font-size: 1.8rem; margin-top: 2rem; } } address { line-height: 1.8rem; } } .woocommerce-address-fields { label { font-size: 1.5rem; margin-bottom: 0.1rem; } input, .selection { font-size: 1.5rem; padding-top: 0.3rem; padding-bottom: 0.3rem; } input { border: 3px solid black; } .form-row { margin-top: 1.5rem !important; margin-bottom: 0 !important; } #billing_company_field { padding-top: 1.5rem !important; } .select2-selection { border: 2px solid black; height: 3rem; padding-top: 0.5rem; margin-top: -1rem; } .select2-selection__arrow { position: absolute; top: -0.2rem; } .select2-dropdown { border: 2px solid black !important; } .woocommerce-address-fields__field-wrapper { margin-bottom: 2rem; } } } &.woocommerce-lost-password { .woocommerce { max-width: var(--responsive--alignwide-width) !important; padding: 0 !important; flex-wrap: wrap; .woocommerce-notices-wrapper { flex: 1 0 100%; } .woocommerce-ResetPassword { .woocommerce-form-row--first { float: none; } #user_login { margin-bottom: 10px; } } } } table.account-orders-table { margin-top: 0; border: 0; tr, td, th { border: 0; } td { padding-left: 1.5rem; } thead { border-bottom: 1px solid #ddd; } .button { margin: 0 0.35rem 0.35rem 0; width: 80%; } } table.account-orders-table:not(.has-background) { tbody { tr:nth-child(2n+1) { td { background: var(--global--color-background); filter: brightness(88%); .is-dark-theme & { filter: brightness(112%); } } } } } .woocommerce-EditAccountForm { label { font-size: 1.5rem; } input { border: var(--form--border-width) solid var(--form--border-color); font-size: 1.5rem; } fieldset { border: none; padding-left: 0; padding-right: 0; margin-top: 30px; legend { display: contents; font-size: 2rem; } p { margin-top: 20px; margin-bottom: 0 !important; } .show-password-input { display: inherit; } } button { margin-top: 0; } #account_display_name + span { font-size: 1.5rem; } p { margin-top: 20px; &:nth-of-type(4) { margin-top: 30px; } } } } .logged-in.woocommerce-account { #main { .woocommerce { display: flex; flex-direction: row; } } } .checkout-button { display: block; padding: 1rem 2rem; border: 2px solid #000; text-align: center; font-weight: 800; &:hover { border-color: #999; } &::after { content: "→"; margin-left: 0.5rem; } } .woocommerce-cart { table.woocommerce-cart-form__contents { thead, tfoot { text-align: left; } } .post-inner { padding-top: 0; } #main { .woocommerce { max-width: var(--responsive--alignwide-width); margin: 0 auto; } } .select2-container .select2-dropdown { border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); border-top: none; } .select2-container .select2-selection { border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); } .select2-container--focus .select2-selection, .select2-container--open .select2-selection { outline-offset: 2px; outline: 2px dotted var(--form--border-color); } .select2-results__option { margin-left: 0; } .select2-container { .select2-search__field { height: 3rem; background: #eee; } } p.form-row { input { border: 1px solid #ddd; } } table.cart img.woocommerce-placeholder { height: auto !important; } } /** * Checkout */ .woocommerce-form-coupon-toggle .woocommerce-info { display: block; margin-bottom: 2rem; padding: 1rem; } .woocommerce-form-coupon { background: #eee; padding: 1rem; font-size: 0.88889em; color: var(--form--color-text); #coupon_code { border: var(--form--border-width) solid var(--form--border-color); } button[name="apply_coupon"] { padding: 0.5rem; .is-dark-theme & { border-color: var(--global--color-background); &:hover, &:active { background: var(--global--color-background); } } } } #ship-to-different-address { font-size: 1em; display: inline-block; margin: 1.42em 0; label { font-weight: 400; cursor: pointer; span { position: relative; display: block; text-align: right; padding-right: 45px; &::before { content: ""; display: block; height: 16px; width: 30px; border: 2px solid var(--form--border-color); background: var(--global--color-primary); border-radius: 13rem; box-sizing: content-box; transition: all ease-in-out 0.3s; position: absolute; top: 0; right: 0; } &::after { content: ""; display: block; width: 14px; height: 14px; background: var(--global--color-background); position: absolute; top: 3px; right: 17px; border-radius: 13rem; transition: all ease-in-out 0.3s; } } input[type="checkbox"] { display: none; } input[type="checkbox"]:checked + span::after { right: 3px; background: var(--global--color-primary); } input[type="checkbox"]:checked + span::before { background: var(--global--color-background); } } } .woocommerce-no-js { form.woocommerce-form-login, form.woocommerce-form-coupon { display: block !important; } .woocommerce-form-login-toggle, .woocommerce-form-coupon-toggle, .showcoupon { display: none !important; } } .woocommerce-terms-and-conditions { border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.05); } .woocommerce-terms-and-conditions-link { display: inline-block; &::after { content: ""; display: inline-block; border-style: solid; margin-bottom: 2px; margin-left: 0.25rem; border-width: 6px 6px 0 6px; border-color: $body-color transparent transparent transparent; } &.woocommerce-terms-and-conditions-link--open::after { border-width: 0 6px 6px 6px; border-color: transparent transparent $body-color transparent; } } .woocommerce-checkout { .woocommerce { max-width: var(--responsive--alignwide-width); margin: 0 auto; } ul.woocommerce-error { flex-direction: column; align-items: flex-start; li { font-family: $headings; margin: 0.5rem 0 0.5rem; } } .post-inner { padding-top: 0; } .woocommerce-billing-fields { h3 { margin: 2rem 0; } } form[name="checkout"] { display: table; } .blockUI.blockOverlay { position: relative; @include loader(); } form { .col2-set { width: 50%; float: left; padding-right: 1.5vw; .col-1, .col-2 { float: none; width: 100%; } label { font-family: $headings; letter-spacing: normal; } p { margin-bottom: 1.15em; } } #order_review_heading { margin-top: 2rem; } #order_review_heading, #order_review { width: 50%; padding-left: 1.5vw; float: right; clear: right; .woocommerce-checkout-review-order-table { margin-top: 2rem; border: 0; th, td { border: 0; } thead { display: none; } .woocommerce-Price-amount { font-weight: bold; } .cart-subtotal, .order-total { border-top: 2px solid var(--form--border-color); } } } .form-row.woocommerce-invalid { input.input-text { border: 2px solid $highlights-color; } } } .woocommerce-input-wrapper { .description { background: #4169e1; color: #fff; border-radius: 3px; padding: 1rem; margin: 0.5rem 0 0; clear: both; display: none; position: relative; a { color: #fff; text-decoration: underline; border: 0; box-shadow: none; } &::before { left: 50%; top: 0; margin-top: -4px; transform: translateX(-50%) rotate(180deg); content: ""; position: absolute; border-width: 4px 6px 0 6px; border-style: solid; border-color: #4169e1 transparent transparent transparent; z-index: 100; display: block; } } } .woocommerce-form-login { p.form-row.form-row-first, p.form-row.form-row-last { float: none; } } .select2-choice, .select2-choice:hover { box-shadow: none !important; } .select2-choice { padding: 0.7rem 0 0.7rem 0.7rem; } .select2-container .select2-selection--single { height: 48px; } .select2-container .select2-selection--single .select2-selection__rendered { line-height: 48px; } .select2-container .select2-selection { border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); } .select2-container .select2-dropdown { border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); border-top: none; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; } .select2-container--focus .select2-selection, .select2-container--open .select2-selection { outline-offset: 2px; outline: 2px dotted var(--form--border-color); } .select2-results__option { margin-left: 0; } .select2-container { .select2-search__field { height: 3rem; background: #eee; } } } .woocommerce-checkout-review-order-table { ul li { list-style-type: none; } input[type="radio"].shipping_method { display: none; & + label { &::before { content: ""; display: inline-block; width: 14px !important; height: 14px; border: var(--form--border-width) solid var(--form--border-color); background: var(--global--color-white); margin-left: 4px; margin-right: 1.2rem; border-radius: 100%; transform: translateY(2px); } } &:checked + label { &::before { background: var(--global--color-border); } .is-dark-theme &::before { background: var(--global--color-background); } } } td { padding: 1rem 0.5em; } dl.variation { margin: 0; p { margin: 0; } dt, dd { font-family: $headings; p { padding-top: 1px; font-family: $headings; } } } tfoot { text-align: left; } } .woocommerce-order-received { .woocommerce-order { p, li { font-family: $headings; } } table { border: 0; td, th, tr { border: 0; } tr { height: 5rem; } tfoot { border-top: 1px solid #ddd; /* Targeting total */ tr:last-of-type { border-top: 1px solid #ddd; .woocommerce-Price-amount { font-weight: 700; } } } } } .woocommerce-checkout-review-order { ul { margin: 2rem 0 3rem; padding-left: 0; } #place_order { width: 100%; } } .wc_payment_method { list-style: none; .payment_box { padding: 1rem; background: #eee; color: var(--global--color-dark-gray); a, a:hover, a:visited { color: var(--global--color-dark-gray); } ul, ol { &:last-of-type { margin-bottom: 0; } } fieldset { padding: 1.5rem; padding-bottom: 0; border: 0; background: #f6f6f6; } li { list-style: none; } p { &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } input[type=checkbox] { width: 25px !important; } input[type=radio] { & + label::before { background: #fff !important; border: var(--form--border-width) solid #000 !important; } &:checked + label::before { background: #000 !important; } } } > label:first-of-type { display: block; margin: 1rem 0; img { max-height: 24px; max-width: 200px; float: right; } } label { cursor: pointer; } input[type="radio"] { display: none; & + label { font-family: $headings; &::before { content: ""; display: inline-block; width: 14px; height: 14px; border: var(--form--border-width) solid var(--form--border-color); background: var(--global--color-white); margin-left: 4px; margin-right: 1.2rem; border-radius: 100%; transform: translateY(2px); } } &:checked + label { &::before { background: var(--global--color-border); } .is-dark-theme &::before { background: var(--global--color-background); } } } } .wc_payment_methods { .payment_box { p { font-family: $headings; } } } .account-payment-methods-table { padding-top: 0 !important; margin-bottom: 1rem; table, tr { border-style: hidden; } tr:nth-child(2n) { td { background: transparent !important; } } tr:nth-child(2n+1) { td { background: var(--global--color-background); filter: brightness(88%); .is-dark-theme & { filter: brightness(112%); } } } td.payment-method-actions { padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0.3rem; padding-bottom: 0.3rem; display: grid; border: none; font-size: 0; a { width: 100%; padding-top: 0.3rem !important; padding-bottom: 0.3rem !important; margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; @include inversebuttoncolors(); } } } .woocommerce-terms-and-conditions-wrapper { margin-bottom: 5rem; .woocommerce-privacy-policy-text { p { font-family: $headings; font-size: 1.6rem; } } } .woocommerce-order-overview { margin-bottom: 2rem; } .woocommerce-table--order-details { margin-bottom: 2rem; thead, tfoot { text-align: left; } } /** * Layout stuff */ .woocommerce { section { padding-top: 2rem; padding-bottom: 0; } .content-area { .site-main { margin: 0 5vw; } } /* Shop layout */ ul.products { display: flex; align-items: stretch; flex-direction: row; flex-wrap: wrap; box-sizing: border-box; word-break: break-word; min-width: 12vw; &.columns-2 { li.product { width: calc(100% / 2 - 16px) !important; } } &.columns-3 { li.product { width: calc(100% / 3 - 16px) !important; } } &.columns-4 { li.product { width: calc(100% / 4 - 16px) !important; } } &.columns-5 { li.product { width: calc(100% / 5 - 16px) !important; } } &.columns-6 { li.product { width: calc(100% / 6 - 16px) !important; } } li.product { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; margin: 0 8px 16px 8px; box-sizing: border-box; img.attachment-woocommerce_thumbnail, img.woocommerce-placeholder { height: auto !important; } } li.product-category { a { text-align: left; text-decoration: none; h2.woocommerce-loop-category__title { margin-top: 0.4rem; font-family: $headings; font-size: 1.5rem; .count { background-color: transparent; color: $body-color; } } } mark { background-color: initial; } } } } @media only screen and (max-width: 600px) { .woocommerce { .woocommerce-ordering { float: left; clear: both; margin-top: 0; } .woocommerce-result-count { margin-top: 0; margin-bottom: 20px; } } } @media only screen and (max-width: 667px) { .woocommerce, .woocommerce-page { ul.products[class*=columns-] { li.product { width: auto !important; margin-left: auto; margin-right: auto; } } } } @media only screen and (min-width: 668px) and (max-width: 768px) { .woocommerce, .woocommerce-page { .related.products { ul.products[class*=columns-] { li.product { padding: 0 2vw 3em 0 !important; margin-bottom: 2em; } } } ul.products[class*=columns-] { justify-content: center; li.product { width: 50%; padding: 0 2vw 3em 0; } } .onsale { font-size: 1rem; } .onsale + .woocommerce-product-gallery .woocommerce-product-gallery__trigger { top: 1.8em; right: 1.8em; } } } @media only screen and (max-width: 768px) { .woocommerce section.content-area { padding-top: 0; } #main { .woocommerce { .woocommerce-cart-form { .actions { .coupon { margin-bottom: 2rem; button { width: 100%; } } } #coupon_code { width: 100% !important; } } } #shipping_method { li { display: flex; justify-content: flex-end; } } } .woocommerce, .woocommerce-page { .onsale { right: -0.7rem !important; } .woocommerce-tabs { ul { li { font-size: 1rem; a { padding: calc(0.75 * var(--button--padding-vertical)) calc(0.75 * var(--button--padding-horizontal)); } } } } table.shop_table_responsive { .button { @include inversebuttoncolors(); } tr { margin: 0 0 1.5rem; &:first-child { border-top: 1px solid; } &:last-child { margin-bottom: 0; } &:nth-child(2n) { td { background: transparent; } } &:nth-child(2n+1) { td { background: var(--global--color-background); filter: brightness(88%); .is-dark-theme & { filter: brightness(112%); } } } td { border-bottom-width: 0; &:last-child { border-bottom-width: 1px; } } td.product-quantity::before { padding-top: 0.9rem; } .product-remove { float: right; } .product-thumbnail { display: block; img { width: 70px; } &::before { content: ""; } } } } .woocommerce-breadcrumb { margin-bottom: 4rem; font-size: 0.8em; font-family: $headings; } .related.products { ul.products { display: flex; flex-direction: column; align-items: flex-start; li.product { margin-bottom: 5em; } } } .woocommerce-products-header__title.page-title { margin: 3rem auto 4rem; } .woocommerce-result-count, .woocommerce-ordering { font-size: 0.8em; } .woocommerce-ordering { margin-bottom: 3rem; } } .woocommerce-cart-form { table { td.product-name { padding-left: 0.5em; } input.qty { padding: 1rem 1.5rem; } } } .woocommerce-checkout { form { .col2-set { width: 100%; float: none; padding-right: 0; .col-1, .col-2 { float: none; width: 100%; } } #order_review_heading { margin-top: 2rem; } #order_review_heading, #order_review { width: 100%; padding-left: 0; float: none; } table { tbody { td.product-total { text-align: end; } } tfoot { .cart-subtotal, .order-total { td { text-align: end; } } } } } } .logged-in.woocommerce-account { #main { .woocommerce { flex-direction: column; } .woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content { width: 100%; } table.account-orders-table { .button { padding-left: 0.5em; padding-right: 0.5em; width: 100%; margin: 2rem 0; } } } table.account-orders-table { td { padding-bottom: 1.5rem; } } } } @media only screen and (min-width: 768px) { /** * Tables */ .woocommerce, .woocommerce-page { table.shop_table { tbody { tr { font-size: 0.88889em; } } } .onsale { font-size: 1rem; } } /** * Home page */ .home #main { [class*="woocommerce columns-"] { word-break: break-word; max-width: var(--responsive--aligndefault-width); margin-left: auto; margin-right: auto; } } /** * Shop page */ .woocommerce-pagination { span.page-numbers, a.page-numbers, .next.page-numbers, .prev.page-numbers { padding: 1rem; } } /** * Account section */ .woocommerce-account { .woocommerce-MyAccount-navigation { float: none; width: 20%; margin-bottom: 1.5rem; margin-right: 3rem; li { margin: 0 1rem 3rem 0; padding: 0; border-bottom: 0; &:last-child { margin-right: 0; } } } .woocommerce-MyAccount-content { float: none; width: 75%; } table.account-orders-table { margin-top: 0; border: 0; margin-bottom: 1rem; tr, td, th { border: 0; padding: 0; } th, td, td.woocommerce-orders-table__cell-order-actions { width: 1%; padding-right: 0.5rem; padding-left: 0.5rem; a { padding-top: 0.3rem !important; padding-bottom: 0.3rem !important; margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } } td.woocommerce-orders-table__cell-order-date { padding-right: 0; } thead { border-bottom: 1px solid $body-color; } .button { padding-left: 0.5em; padding-right: 0.5em; width: 100%; margin: 1.5rem 0; @include inversebuttoncolors(); } } } /** * Layout stuff */ .woocommerce { .content-area { margin: 0 auto; padding: 0 6vw; .site-main { margin: 0; } } } .single-product { .entry { .entry-content, .entry-summary { max-width: none; margin: 0 0 3rem; padding: 0; > * { max-width: none; } } } } .woocommerce-breadcrumb { margin-bottom: 5rem; font-size: 0.88889em; font-family: $headings; } .woocommerce-product-gallery { margin-bottom: 8rem; } .woocommerce-checkout { #main { .woocommerce { max-width: 1600px; padding: 0 6vw; margin: 0 auto; } } } } @media only screen and (min-width: 1168px) { .woocommerce { .content-area { max-width: 1600px; margin: 0 auto; padding: 0 6vw; .site-main { } } .onsale { font-size: 1.2rem; } } .woocommerce-breadcrumb { margin-bottom: 5rem; font-size: 0.88889em; font-family: $headings; } .woocommerce-product-gallery { margin-bottom: 8rem; } .woocommerce-account { table.account-orders-table { th, td, td.woocommerce-orders-table__cell-order-actions { padding-right: 1.5rem; padding-left: 1.5rem; } } } } @media only screen and (max-width: 768px) { .woocommerce-products-header { border-bottom: none !important; padding-bottom: 0; margin-bottom: 0 !important; } } @media only screen and (min-width: 600px) { .woocommerce-products-header { padding-bottom: 1.5vw; } .woocommerce-ordering, .woocommerce-result-count { margin-top: 0 !important; } } @media only screen and (min-width: 690px) { .woocommerce-products-header { border-bottom: 3px solid var(--global--color-border); } } .woocommerce-account { .woocommerce-MyAccount-content { p:first-of-type { margin-bottom: 2rem; } #add_payment_method { ul { list-style-type: none !important; } .woocommerce-PaymentMethod { margin-bottom: 1.5rem; } } input[type=radio] { float: left; margin-top: 0.5rem; margin-right: 0.5rem; } label { font-size: 1.5rem; display: flex; justify-content: flex-end; img { margin-left: 10px !important; } img:first-child { margin-left: auto !important; } img:last-child { margin-right: 5px !important; } } .woocommerce-PaymentBox { p, label { font-size: 1.3rem; } p { margin-bottom: 1.5rem; } br { display: none; } .woocommerce_error { margin-top: 1rem; margin-bottom: 0; } } } .woocommerce-MyAccount-navigation-link { margin-bottom: 20px !important; a { color: $body-color !important; font-weight: normal !important; font-size: 1.8rem; &:hover { color: $body-color !important; text-decoration: underline solid $body-color 1px !important; } } } } .alignwide .woocommerce { & > * { max-width: var(--responsive--alignwide-width); display: block; margin: var(--global--spacing-vertical) auto; } } .woocommerce { .woocommerce-notices-wrapper { & > * { padding: 15px; list-style: none; } } .return-to-shop, .wc-proceed-to-checkout { a.button { margin-top: var(--global--spacing-vertical); float: left; display: inline-block; width: 100%; } } .woocommerce-cart-form { .shop_table_responsive { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); th { border: none; } #coupon_code { min-width: 9rem; } } button[name="update_cart"], button[name="apply_coupon"] { padding: 0.5rem; color: var(--global--color-primary); background: var(--global--color-background); border: var(--form--border-width) solid var(--global--color-primary); &:hover, &:active { color: var(--global--color-background); background: var(--global--color-primary); } } .product-thumbnail { .attachment-woocommerce_thumbnail { height: auto !important; } } } .cart-collaterals { h2 { margin-bottom: var(--global--spacing-vertical); } #shipping_method { list-style: none; padding-left: 0; } .shipping-calculator-form { p { margin-bottom: 0.5rem; } .select2-container { .select2-selection { height: auto; } .select2-selection__rendered { border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); color: var(--form--color-text); height: var(--global--line-height-body); padding: var(--form--spacing-unit); } .select2-selection__arrow { height: 100%; } } } .cross-sells { li { list-style: none; } li > em, a { display: inline-block; } } } } /** * Downloads */ .woocommerce-order-downloads { padding-top: 0 !important; table, tr { border-style: hidden; td.download-remaining { text-align: center !important; } } tr:nth-child(2n) { td { background: transparent !important; } } tr:nth-child(2n+1) { td { background: var(--global--color-background); filter: brightness(88%); .is-dark-theme & { filter: brightness(112%); } } } td.download-file { padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0.3rem; padding-bottom: 0.3rem; a { width: 100%; padding-top: 0.3rem !important; padding-bottom: 0.3rem !important; margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; @include inversebuttoncolors(); } } }