/* * com.onelittledesigner.layouts_2_css */ .layouts-2-image, .layouts-2-button { margin: 16px 0; } .layouts-2-button a { padding: 12px 24px; text-decoration: none; display: inline-block; white-space: nowrap; } .layouts-2-image { width: 100%; display: block; box-sizing: border-box; } .layouts-2-image[data-no-image] { aspect-ratio: 1.7778; display: block; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAIAAABEtEjdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAHpJJREFUeNrs3e1xGlffwGFHk68aGsjgAhhUgBANaGjAoxRAcAFOVIAUFWBuCgijBhg3oJcCYCjAjBtg1MDzj3hu3Ynj+EXePZw9e10fPErGlpZl9eNw9uzyw8PDwwsAynJgFwCIOwDiDoC4AyDuAIg7gLgDIO4AiDsA4g6AuAOIOwDiDoC4AyDuAIg7AOIOIO4AiDsA4g6AuAMg7gDiDoC4AyDuAIg7AOIOgLgDiDsA4g6AuAMg7gCIO4C4AyDuAIg7AOIOgLgDIO4A4g6AuAMg7gCIOwDiDiDuAIg7AOIOgLgDIO4AiDuAuAMg7gCIOwDiDoC4A4g7AOIOQN5+bNWjXS6X2+329vY2vr65uYk/4z/jfzoOoDBHR0edTie+GA6H8efJyUn8Z/zP9uyBHx4eHgp+eJvNJiIe+V6tVruaA20Wre/3+1H5+KLb7Yp7wyweRc0j7o5m4JMi7pH40SNxz9p8Pt9l3VELfJNd4s/OzsQ9I8vlcjqdRtO3261jFHi2TqcTiZ9MJgXMzjc77hH0yLrJdKBaw+EwEt/o6Zqmxn0+n19cXJhSB+rT7XbPz88bOlfTvLjHaP3NmzeyDiRL/NXVVeNG8U2K+3K5/PXXX03CAOkNh8Pff/+9QXPxzYj7dru9uLiYTqeOMGCPJpPJ+fn57vIocf9ei8ViPB5bCQPkIMo+m83yn6XJ+t4yEfTI+qtXr5QdyKdLEaX8R5z5jtyXy2XsQSdOgTx1u93r6+tsZ+EzHblPp9PBYKDsQLYiUJGp+Xxu5P614v1OtvsL4CNnZ2ez2UzcP2e73Z6enroHL9AsR0dH7969y2oVTUbTMvEeR9mBJopwRb6ymknOZeS+2zVWxQDNFSP3GL9ncoo1i5G7sgMFyGpief9xV3ZA3yu352mZzWZzfHys7EBJOp3O/f39fj/Gb58j992FXsoOlDd+33vc9jlyHwwG1sYApTo6Orq7u2vdyH08His7ULBIXISuXXGfTqeuQQWKF6Hb173K9zAtE69mg8HAsw60xN3dXfrF76lH7rvzDJ5soD32cnI1ddx9/CnQNhG9SF/JcV8sFqbagRaK9EUAU/7EdHPu8a6k1+tZ1Q60U6fTWa/Xye4cmW7kfnFxoexAa0UAI4OljdytkAF4kXDlTKK4n56e3tzcZPX+aDgcxi7u9/vxdXyR1V32ge8ZIMdoMv5crVbxRZQnqzmDKM+7d+8Kiftischk+WNE/Ozs7OTkJNvPtAXqmDm4vb2dz+eZXBV/fX09Go1KiHuv19vv8scYlceunEwmmg4tr/x0Oo3h5n7H8t1ud71eNz7u8Wq5x7srRNZfv34dWTfrAuxE2SPxb9++3WPiZ7PZ2dlZs+O+x2F7jNavrq72e0tlIE+7C4sSrz1POXivdylk7Li9lH33SYbX19fKDvxbXiMREYq9vK2PMNb9ulJv3PdyO7QYsMdL4nA4dPgCnxehiFwkOL2ZPo81xn23CCnx/ppMJvFqbIYd+Po3+hGNSEfinxt5rHX1To1xTz9sn81mV1dXDlbgW0U6IiAlDd5rPKH6008/pTwZneDsM1C2xKv74k3Dhw8fGjZyj32k7ECzREZSjt8jkvXdKLeuuKdcYHR+fq7sQFV9Tzn/Xl8q65qWOTw8TLNrRqPR9fW1IxKo0KtXr5KNUGuKcC0j92Q7pdPppD8HAhQvwpJs0V1NwWx23K16BGoaOCabEmhS3NMsbx+NRq5UAmoSeUlzcVNNwax+zn2z2fR6vQSvq/f39+4uANQnanZ8fJxg4d96va68ZtWP3NMM21+/fq3sQK0iMpGahg7eq497gtvhx7A9/bXCQAuluWF4HdmsPu6r1aruHTEajZxHBRLYfdRP3T+ljmxWP+eeYIV7sk+YBYhh9WAwqPunVJ7ig8r3Qt274OiRAw5II01zKo9nxXFPcFrZnQaAxBJkp/J4Vhz329vbunfBycmJQw1IKUF2Ko/nQbN2cafTMScDJBbZadwijorjXvcid5ekAntRd3wqj2fDRu6G7YD47CHudZ9Q7ff7DjIgvbrjk/sJ1bqXQrp2CdiLuuOT+1JI74yAIrV9WqbpL54AZcTnwHMGUJ4f7QJoru12u1wuV6vV+/fvdzefii82m81Hf63b7b58+fLF41nB+CL+bOLCbb5JxTcOq/uuYTV9kiw0SLT75r/+2fGvF8Uf/pdPRyivb+IOjWn6YrGYz+d1rEmLgfzZ2dloNFJ5cRd3SGT+KM1nnMUo/uyR3S7u4g612G630+n0jz/++J65l+eJ8fvPP/+c5kOIxF3cxZ0Wuby8fPv2bYJ7aH9GlP3169e//fabp6OJfbMUEvKyWCx6vd7FxcV+y7576xCbERsTm+R5aRxxh1xsNpvT09NXr16ln4f5/FbFJsWGZbVViDs0w3Q6PT4+TnPW9Bliw2LzYiM9U01hzh32bLvdjsfjpkx9jEaj2WzWzhOt5tyBr7VcLmNE3KBJ7djU2OC67/+KuEODRSibOJe9OzfgLKu4A58wn89fvXq19yUxzxObHRsfD8HzKO7A38o+Ho+b/ijiIei7uANFlV3fxR0os+z6Lu7AnxaLRWFlf+q786viDi21XC6LLPtT362PFHdond3ykoaujfEAxR3414Ft8fdmiQdY8FsTcQc+Np1OWzIlHQ/T/Wcy4d4yUPt49vj4uD3zFZ1O5/7+vsiP63NvGeB/xuNxq2aid/dB87zvnbhDjRaLRbZ38a1PPGQrI/fOtAzUqNfrtfMzLrrd7nq9LuxBmZYB/nR5ednaTy+KBx4P3zFg5G7kTmm2220M29u87rvT6cTgvaSP9TByB/5c/tjyK3ri4VsWuUfiDrX4448/7AQ7QdyhKPP5vLWz7X8VO8ENI8Udioq7nWBXiDuUNlxt4dr2fxO7wpuYvfjRLoBq7fH6ndFoNBwO+/3+0dHRbpnKdrtdLper1WqPFxbFz51MJg6MxCyFhIoNBoPEdzbvdrvn5+dR9s+vO4zQR2cvLi4SD6Xjlebu7q6AZ7ZZfRN3qFJ0s9frpfyJkfUYF3/9cvLdCsVIfMqNXK/XBdxKzDp3aK+Us+0R9BgR//bbb990oVD85fgn8Q9TXl7kJER64g6NrNjR0VEMh+PPvfxzcRd3EPdaxuzv3r37zqF3Jd9E3MUdyrfdbtOcq6wqyru+J9jg2C0+XlXcoanSLJI5Pz+vcDolvlV8w2J2DuIO1VutVnX/iG63W/ma8fiGCZayJNg5iDvU4v379wmG7ZXPksc3TDB4T7BzEHdo6uB0NBo16NsauYs78FUJrmlxS3zbBH1H3KGR6p55GA6HDf3mL0zLiDs0V93rIPv9fkO/eYKdg7hDU9V6QWmyq1URd+Bvar2atKRPskbcAcQd2Ktar+B3ewBxB/aj1iv43R5A3IFPq/si/lqvA6r7IqMCPqxD3KGlXr58Wev3r/XGuXXflbfunYO4Q1MtFouaZsZ3H69qD4s78Al1Xwe063sd33Y+nxewcxB3qEWCmYeLi4vKB+/xDd++fVvAzkHcoamD081mM51Oq/2e8Q0T3BvAyD2xHx4eHir8doeHh7VubrVbC5UPgX/66acEP+ju7q6quwUsl8vBYJBgmz98+ND0i2Cb1Tcjd6hMxCvNgr/T09NKJmfim8S3SrDBsVvc3iAxcYcq1X3j3L9G+Tv7Xsk3yWq3IO7Q+Iotl8ter/fsy0q/85+Lu7iDuNc4fh8MBpeXl980+o6/HP8k/mHKm8mIu7hDs3W73cQ3Rr+4uDg+Pp7P51+MdfyF+Gvxl+OfpNzC2CHuPZDej3YBVOvs7CzxTbg2m814PH7x+CGrMUbu9/vR090JzAh6bMxqtbq5udnXNaixQxwV6VkKCdWnttfr2Q9P1ut1GSN3SyGh1SJkppifxK4wJ7MX4g7VMxFhV+ydaRmoRa/XS3BNf/5vYtbrdTEPx7QM8OLnn3+2E+wEI3cjd0qz3W5j8N7mDybtdDoxbC/prgNG7sCfaXv9+nWb90A8fPeTMXI3cqdMrZ15L2y23cgd+JurqysPnL0Qd6jR7pLRtj3qeMjxwD374g4lm81mrZp6jgcbD9nzLu5QuG63e35+3p7HGw/WJaniDq0wmUxaMk0RDzMerGdc3KEtZrNZ8ePZeIAmZMQd2qXT6VxfXxc8+V78AxR34NOOjo4KHtjGQ0v8KSWIO+RiNBoV2fd4UNY+iju02tnZWWF9j4fjvr7iDhTVd2UXd6C0viu7uAOf6Htzl5fs1sYou7gDnzAajd69e9e49e+xwbHZzqCKO/Cvjo6O7u/vGxTK2NTYYKsexR34gt0Ux9XVVeZTNLF5sZGuVBJ34BtMJpMYEWd7f+DYsNg8940Rd+Cb7eayY2ic1Sx8bExsUhPPDYg7kJHRaLRer8/Pz/c++xEbEJsRG+PcaRP5DFXI1Ha7nU6nf/zxR/pPYY1B+s8//zyZTEyvN7dv4s7/3NzcbB7FF/Gfy+Uy+vLJv3l0dBS/9pGAly9fnpyc7P7TDqzJ/NHuSanbcDg8e2S3i7u4Nz7ot7e3N4++c6w3fBRv4YW+DvGiu1gsovLxolv5N4+X5wh6PHcm1sVd3Jtt8V//NjZXipwrf/Nf3zNj8/R6HDxT4i7uje9CDP2STeNG33eVt+drEq/NMZBfrVbv37+PP+P/xBf/fHJ3E2jxRb/fjy/iTzNp4i7u5WT94uIiyp7+R+8+Ido0LuKesm+WQrYi6+PxuNfr7aXsOWwAtJC4F/6e/c2bN5lUdZf4wWCQZtUHiDtlWiwWkfXpdJrVVi2Xy9PT06h8HSdyAXEvfMD+6lG2AY13EvHCYwgP4s43DI2jmzFsz/8VKIbwb9688ZSBuPMF0+l0MBg0aMajcRsM4k5q4/G4iQPheKtxfHxcx1WXIO40226SvbkLDTebzenpqb6DuPO3skcZ859k/5pHoe8g7vxpt7KwjCbqO4g7pZVd30Hc+dNisYgOlrfORN9B3NtrPp/nfI2SvoO4880uLy/H43HZj1HfQdzbJbJ+cXHRhkcafR8MBm4kCeJefuwavZj92S9m+g7P8KNd0JSyt3aaYjcH5bM+wMi9NOUteTR+ByN3ZV8WueTR+B2M3Nur1MXsxu8g7u1V9mJ2fQdxb6M2LGbXd6iPOXf9auT+eWH+HYzcG6Sdi9m9/oGRe+Fld8298TsYuRfFYnbjdzByL7PsFsYYv4O4l2OxWEShcit7t9sdPTo6Oup0Ok///+bmZrVaxZ/5fLCfvsM//fDw8FDhtzs8PKx1c6vd2hzM5/PcljxG0CeTyXA4/Pxfi1ej6XT69u3bTF6WZrOZvlOrZvVN3Pfp8vIyq/v3xmg9EvnFrH+U+HgIUXl9R9yz6psTqvucTMiq7DFgv7+//6ayh06nc3V1FVX969TNHnep86sg7nuT4WL2GPBeX18/O9Dxz9+9e6fvIO6tLvvp6Wk+ZyNfPM5mhO/8JkdHR/oO4t5SGS5mr3CeWt9B3JV9/6LCd3d31Z6B1HcQ93bJ7c7s0d+ocLS48u+s7yDubZHbndmjv+v1uo6y6zuIe1vkdmf2NOXVdxD3kuW2mP3s7Ozu7i5Nc/UdxL1AeS5m//4lj/oO4t7qshe5mF3fQdzbq+zF7PoO4q7s+1fHYnZ9B3Fvl/YsZtd3EPe2aNtidn0HcS9fOxez6zuIe8navJhd30HcC2Qxu76DuBdYdovZ9R3EvSgWs+s7iLuy1yuTxez6DuLeYBaz6zuIe2ksZtd3EPfSWMyu7yDupbGYXd9B3ItiMbu+g7gXWHaL2fUdxL0oFrPru77TUD88PDxU+O0ODw9r3dxqt/Zrym7J435fWXPY/214Qf3KZySejtvb2/j6/fv3m83mo7/Q7XZfvnwZX5ycnMThWt6x2qy+ifunLRaLGLUpu763ue+R75tHq9Xqee9f44jt9/vDR5F+cRf3Pcc93olb8qjvre177PP4FYgRerUTknEYx4g+9mFzxyji3uy4X15eZrXksc1l1/fE4/R4w/r27dt/zrdUK4bwr1+/jj3ZuKNa3Bsc99xOoJW65FHfc9u90+k0/ZEfe3IymTRoIC/ujYx7hCPKntWSR2XX97rd3NzEW9X4c4/bMBwOf//990YkXtybF/fdYnZLHvW9Pc/OZrO5uLjI531q7M/z8/PMT7o2q2/WuVvM3hjWv1clRuvHx8dZPYTYmNik2DDHuZF7aYPBnXYueTR+T7n3fvnll6yGMv98Cf/Pf/6T56+AkXtjuDO78Xurxu/T6XQwGORc9qcX79hUh7q4P/9tYG53Zr+/v1d2fa/D7uZ3b968acTzG1sbm5rVVYTi3hh53pm9gEv49D1Dm80mt5vffeXwKza77kX34l6UDO/M3vLLlPS9Psvl8vj4OPOpmCI3Xtz38OY0w8uUlF3fa4pjVmeVnvc7OxgM3JtT3L9wlOT25vTq6splSvqu7F+zb5tywkDc93Og57aYfTKZOAT1Xdm/xnQ6zWoFhLgr+yfsljy6TEnflf2b7NYuO8Uq7v/v5uYmw8Xsw+HQwafvyv6MR+cUq7j/abeaymJ2fW9J38su+87u5JlTrK2O+3Q6tZhd39vT9zaU/anvsXvdiKalcc/t9LrF7Pqu7NW6uLhwFWu74r57VbeYXd/b0/cWln0nt3lXca+37LnNx1nMru+1HpCtLfvTw+/1ek6xFh733T00LGanPX1vedmzHdKJe8VHeVZrpCxm1/e6+67sf+27U6xlxt1idtrWd2X/J6dYS4u7xey0re/K3pQaiPvzWcxO2/qu7F/cP06xNj7uFrPTtr4r+9dwirXBcbeYnRb2Xdm/NRFtPsV60NCnzWJ22tZ3ZX+GNp9ibV7cLWanhX1X9mdr7SnWHx4eHir8doeHh7Vu7t3dXW5LHq+vry15bKJ8chmDg89fD5Fb2eOwj2M+XiP7/f7uNTK2bbVaxXbe3NzkmdHd6uTvXMNWd9+qrXHD4h7PUG6L2S151Pda+55V2WMjR48+83cWi0UMlrP6PMunX9irq6vvua5Q3Nvy1j7G7JY86nutfc9n82KoHlv49Qd8bPmvv/4aA/ncnvHz8/PffvutDXE/8Ov9vLJbzF7SU5nn/Hs+ZY8B77ce8LsdG/8wt2e8PadYjdyf8840DllLHo3fax2/Z7JJ339WKQbvGX6w9fNe1E3LFF52Sx71ve6+9/v9TMpeyVml2Le//PJLbpeMPuPRiXuxYsBuyaO+p+lOMWXfiYcT4/fcpuC/9RSrOfcyWcxevHzm3wsr+4tc74Bd9lWs4t7U45Ky+15S2f86QspwVrPUU6ymZfZ2oJOtNl8OmuCAb+4pVtMyRY3j3Jnd+F3ZqzUcDjMcMJV3o2Bx/8JvuMXs+q7sNe3e3O7bUdiNgsX909yZnVb1Pf30o1Os4r6fsrszO+3p+x5PLDnFWh8nVD9mMTsfKfv8ag5LBppyitUJ1QazmJ1Wjd8zWQy2O8Wa2/mtpp9iFfe/HeUWs9Oevme1zDfPlWmNPsUq7v87yn3mBu3pe4YXcMQm3d3dOcUq7oUPGdD3VpX9yWw2y/ZGwc16ltt+QtXl5nyrpp9fbcRF14vFooUfbO2EamUsZqdtA4Km3E5jNBq5hFDcn192i9lpVd+bdaMk86Xi/hxXV1c+c4NW9b2Jt8DL8xSruOfLYnba1vdG39w0z1Os4p7jIW4gQKv6XsBtq2M0dn19bRJV3D93iFvMTqv6XswHEjjFKu7/+hvo5Axt63thHzXjt1jcP/275zWfVnWnyA8Rc4pV3P/HYnbSiNFDPjEt++MhnWIVd4vZSer9I2VPwCnWVsfdYnZSyuS2BO35SHenWFsad4vZUfbiOcXarrhbzI6yt4dTrG2Ju8XsKHsLOcVaeNy9R0PZW8sp1mLjbjE7yt5yTrEWGHeL2VF2vH0vLe4Ws6Ps/HW3OMVaQtwtZkfZ+SenWA+a/vxZzI6y80ktP8Xa1LhbzI6ye0a+qM2nWBsZd4vZUXbPyFdq7SnWA08VKHvZ2nmKtWFxt5gdZfeMPE/bTrH+8PDwUOG3Ozw8rHVzP3z4YMkjys6zLRaL8Xi89yf0k6qtccNG7sqOsvM92nOK9cCTDcreKi05byfuoOyt04ZTrOIOyt5SZZ9iFXdQ9vYq+CpWcQdlb7VST7GKOyh72xV5ilXcQdkp8BSruIOy8/9KOsUq7ii7svM/xZxiFXeUXdn5mzJOsYo7yq7sfKyAU6zijrIrO59+ahp9ilXcUXZl51819xSruKPsys7nNPQUq7ij7MrOF+xOsYo7KLuyl6Zxz5e4o+zKToHEHWVXdsQdlF3ZEXdQdmVH3EHZQdxB2UHcUXZlR9xB2ZUdcQdlV3bE/dn2/huLsit7OzUuPgeN+9V1kKHsiE/quNd9QBu5o+wUOXKv/Jg5qPzIrvXxr1YrBxnKTnp1x6fyeJqWQdmVnQLjU3Hch8NhrZt7c3PjIEPZSa/u+FQez+atljF4R9lJf6S1fbXMyclJ3Vt8e3vrUEPZSSlBdiqPZ8NOqIb5fO5QQ9lJKUF2Ko/nDw8PD9V+x8PDw7r3wt3dnV8nZVd2kh1vg8Gg7p9SeYqrn3Ov+5xqmE6nDjhlV3bSSBCcOrJZfdz7/X7dO2KxWLiaSdmVnQTiYIvg1P1T6shm9XFPcMTH7jZ4V3ZlJ82wPcEhV8fhVP2c+2az6fV6CX7B7u/vu92ug0/ZlZ2aRM2Oj48THHXr9brymlU/cu8+SjB4f/PmjYNP2ZWd+kRkEhx1NTWzlouYEpxTffE48+6CVWVXdmoSeUkw215fMGuJ+2g0SrP3X7165cyqsis7dcwNRF7S/Kyagln9nPtOgtXuT/vl+vrasajsyk61A8c0w/YXNaxwr3HknnLwHk+AyXdlV3YqFElJVvb6Utn4uL94XKvkngTKruxUImKScqV1famsa1om/PTTTyl/OWez2dnZmUNT2ZWd7yn7eDxOeYx9+PChYSP3xIP3EE+J8buyKztNKXvdkawx7pPJJPFzE0+M+XdlV3aeIdKRuOx1R7LGuMfvRpoF7381nU6tj1R2Zefr7VY9pr+jSeSx1sOs3k9iSj94f/G4fqbX67m+SdmVnS+KUEQukq2NSZnHGk+o7sSO22w2e3naRqPR1dWV+88ou7LzT9GllEsePxJdWq/Xtf6I2j9D9fz8fF9PXjxtx8fHl5eXZmmUXdl5EgdbZCHisK+ypwlj7SP3/Q7en35vYxQfb4L86iq7srf8eJtOp3v/QIgEw/ZEcY9dmewuDZ8Xv71nZ2cnJyd+jZVd2Vt1pN3e3s7n8/gih+25vr5OsFI8RdxD/A5ndYYzfp93p6r7/X58HV8k+GhvlJ0E4qCKoyv+XK1W8UWUJ6uJ2ShPHHIJflCiuKf5hFmAzN3d3aUZTBykeTzxYPayLBIgHynP/CUaue/eK/V6PQtXgHbqdDrr9TrZDPBBygc2m808wUA7RQBTnts7SPnYRqORGzcCLRTpS3wvxXTTMjvb7fb4+Hi/y94BUup2u/f394mX5B0kfpDx8HwqHtAqEb30i60P0j/Oo6Ojq6srzzfQBrPZbC8XUhzs5dFOJhOT70Dxzh7t5UennnP/q8FgkMnVwACViwH73d3dvn76wR4fucu+gYLLnuY2AzmO3F883lL5+PjYlU1ASTqdzv39/X4/TOJgv7sgHny8uLlpF1BS2SNre/+YoIO974jdmxd9B4opew4Tzgc57A59B5S9wLjv+n5/f+/8KtBQuUVszydUP7Ldbk9PT62PBBpX9tymHw6y2kGxa+7u7lzfBDRIJCvCldvEcl4j9yfz+Xw8HjtogMzNZrM8x6OZxv3F4yfzvXr1yv0jgTx1u93r6+tszxQeZLvjdmcnTNEAGYo0Zb4GJN+R+5PFYjEej13FCuRg96FyiT95o6iR+5PYiev12udrA3sXIYoc5V/2ZozcnyyXy19//fXm5sYRBiQ2HA5///33Bl2L06S47ywWizdv3jjRCqTR7Xavrq4aMVpvdtx35vP5xcWFxAO1Zv38/LyhyzqaGvenUfx0OjVRA1RrOBxOJpPGjdbLifvOcrmMxEforagBvken04mgR9YLuM9VCXF/Mp/PF48co8A3GT0q6cKaouL+ZJf4m5sbk/LAv+l2u8PhcJf18h5dmXF/EnGPxC+Xy9VqZWoeiJr3+/2jo6P4Yu8fliTulYnKb7fb29vb+HrX+vhPdxiGIiP+1y9OTk46nU6rPjGiXXEHaIkDuwBA3AEQdwDEHQBxB0DcAcQdAHEHQNwBEHcAxB1A3AEQdwDEHQBxB0DcARB3AHEHQNwBEHcAxB0AcQcQdwDEHQBxB0DcARB3AMQdQNwBEHcAxB0AcQdA3AHEHQBxB0DcARB3AMQdAHEHEHcAxB0AcQdA3AEQdwBxB0DcARB3AMQdAHEHQNwBxB0AcQdA3AEQdwDEHUDcARB3APL2fwIMAPYsllM0KtRTAAAAAElFTkSuQmCC); background-size: contain; background-position: center; background-repeat: no-repeat; background-color: #f3f3f3; } .mez.selected:has(>.com_onelittledesigner_stacks_Layouts_2_Content_stack>.layouts-2-image):after { content: ""; position: absolute; inset: 0; background-color: rgba(38, 128, 252, 0.1); } .layouts-2-row > div { flex: 1; align-items: stretch; } /* Layouts 2 */ div[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) { margin: 12px 0; } div.out[tag="slice"] .com_onelittledesigner_stacks_Layouts_2_stack, .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide) { overflow: visible; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide) { background-color: transparent; border: 2px solid rgba(0,0,0,0.0); padding-left: 0; padding-right: 0; } div.mez.bare.selected:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide) { background-color: rgba(38, 128, 252, 0.1); border: 2px solid rgba(0,0,0,0.0); } div.out[tag="slice"] .layouts-auto-hide > .layouts-2-section > div, div.out[tag="slice"] .layouts-auto-hide > .layouts-2-section > div > div { box-sizing: border-box; width: 100%; overflow: visible; } .layouts-2-section > div > div > .mez { margin: 7px auto 3px auto; } .layouts-auto-hide > .layouts-2-section > div > div > .mez { background-color: transparent; border: 2px solid rgba(0,0,0,0.15); } .dark .layouts-auto-hide > .layouts-2-section > div > div > .mez { border: 2px solid rgba(255,255,255,0.15) !important; } .layouts-auto-hide > .layouts-2-section > div > div > .mez.selected { background-color: rgba(38, 128, 252, 0.1) !important; } /* Layouts Row */ .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Row_stack) { background-color: transparent; border: 2px solid rgba(0,0,0,0.15) !important; } .dark .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Row_stack) { border: 2px solid rgba(255,255,255,0.15) !important; } .layouts-2-row > div > div[tag="node"], .layouts-2-row > div > div[tag="node"] > div { flex: 1; align-items: stretch; background: transparent; } .layouts-2-row > div > div[tag="node"] > div { display: flex; flex-direction: column; padding: 1px 0; } .layouts-2-row > div > div[tag="node"] > div > .mez { height: calc(100% - 10px); } /* Layouts Column */ .layouts-2-el > [tag="node"] { min-height: 0; padding: 0; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) { background-color: transparent; border: 2px dotted rgba(0,0,0,0.15); box-sizing: border-box; } .dark .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) { border: 2px dotted rgba(255,255,255,0.15); } div.mez.selected:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) { border: 2px dotted rgba(0,0,0,0.15); } .dark div.mez.selected:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) { border: 2px dotted rgba(255,255,255,0.15); } .layouts-2-column > div > .mez.empty:first-child { background-color: transparent; border: 0px solid transparent; padding: 0; margin: 0; } div.out[tag="slice"] .layouts-2-column { display: flex; flex-direction: column; } div.out[tag="slice"] .layouts-2-column > div:nth-child(1) { order: 2; width: 100%; box-sizing: border-box; } div.out[tag="slice"] .layouts-2-column > div:nth-child(2) { order: 1; width: 100%; box-sizing: border-box; } div.out[tag="slice"] .layouts-2-column > div:has(.out) + div:has(.empty) { display: none; } /* Layouts Content */ .layouts-2-el .com_onelittledesigner_stacks_Layouts_2_Content_stack .out .mez, .layouts-2-el .mez:has(>div>*.layouts-2-content) { background-color: transparent; border: 0px solid transparent; padding: 0; margin: 0; } .layouts-2-el .mez:has(>div>*.layouts-2-content) > *:not(.in) { visibility: hidden; } .com_onelittledesigner_stacks_Layouts_2_Content_stack .out div[tag="node"] { min-width: 5px !important; min-height: 5px !important; color: inherit; } div.mez.bare.selected:has(>.com_onelittledesigner_stacks_Layouts_2_Content_stack) { background-color: rgba(38, 128, 252, 0.1); } .layouts-2-svg-icon { font-size: 0 !important; line-height: 1 !important; } svg.layouts-2-svg-icon { height: 32px; width: 32px; display: inline-block; } .layouts-2-svg-icon > svg { height: 32px; width: 32px; display: inline-block; font-size: 0; line-height: 1; } .layouts-2-text.material-icons { font-size: 32px; } .ionicons-svg-outline { fill: none !important; stroke-width: 32px; } .layouts-2-button { line-height: 1.1; } .layouts-2-button > a { display: inline-flex; align-items: center; } .layouts-2-button > a > svg, .layouts-2-button > a > i { margin-right: 0.5em; } @supports (rotate:180deg) { .layouts-2-button > a { gap: .5em; } .layouts-2-button > a > svg, .layouts-2-button > a > i { margin-right: 0; } } .layouts-2-button a > i { font-size: 22px; } .layouts-2-button a > svg { height: 22px; width: 22px; } div.out[tag="slice"] .layouts-2-button > a > div { min-height: 0; } div.out[tag="slice"] .layouts-2-button a > svg + div.out { display: inline-block; } div.out[tag="slice"] .layouts-2-section > div > div .out:has(.layouts-2-edge-left), div.out[tag="slice"] .layouts-2-section > div > div .out:has(.layouts-2-edge-right), div.out[tag="slice"] .layouts-2-section > div > div .in:has(.layouts-2-edge-left), div.out[tag="slice"] .layouts-2-section > div > div .in:has(.layouts-2-edge-right), div.out[tag="slice"] .layouts-2-row .out:has(.layouts-2-edge-left), div.out[tag="slice"] .layouts-2-row .out:has(.layouts-2-edge-right), div.out[tag="slice"] .layouts-2-row .in:has(.layouts-2-edge-left), div.out[tag="slice"] .layouts-2-row .in:has(.layouts-2-edge-right) { overflow: visible; } .layouts-2-edge-left { z-index: -1; } /* Add Buttons */ .layouts-2-el > div[tag="node"] > div.add { width: 64px !important; height: 24px !important; margin: 4px auto 4px auto !important; border-radius: 99px !important; padding: 0 !important; border: 1px solid #fff !important; color: transparent !important; font-size: 11px !important; z-index: 9999; min-height: 0px; text-align: center; background-color: #2680fc !important; } .layouts-2-el > div[tag="node"] > div.add.down { opacity: .7 !important; } .layouts-2-el > div[tag="node"] > div.add:after { content: "+ Content" !important; font-size: 11px; line-height: 24px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; display: inline-block !important; border-radius: 3px; color: #fff; } .layouts-2-row > div > div[tag="node"] > div.add { position: absolute !important; right: 6px; top: 0; margin: 0 !important; } .layouts-2-column:has(>.out:last-child > .out) > div[tag="node"] > div.add { display: none !important; } .layouts-2-column:has(>.out:last-child > .out) > div[tag="node"] { min-height: 0px; } .layouts-2-row > div > div[tag="node"] { padding-top: 28px; } .layouts-2-section > div[tag="node"] > div.add:after { content: "+ Row" !important; } .layouts-2-row > div > div[tag="node"] > div.add:after { content: "+ Column" !important; } .layouts-2-row .layouts-2-row > div > div[tag="node"] { padding-top: 0px; } .layouts-2-row .layouts-2-row .layouts-2-el > div[tag="node"] { min-height: 0; } .mez>.com_onelittledesigner_stacks_Layouts_2_Content_stack { min-height: 0; } /* Edit Mode */ div:has(>.mez>.com_onelittledesigner_stacks_Layouts_2_Row_stack) { z-index: 0; position: relative; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-mobile):before , .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-tablet):before , .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-desktop):before { content: "Column hidden on desktop"; display: none; height: 18px; background-position: center 8px; background-size: 18px 18px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' style='fill:%23999;' viewBox='0 0 512 512'%3E%3Cpath d='M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM255.66 384c-41.49 0-81.5-12.28-118.92-36.5-34.07-22-64.74-53.51-88.7-91v-.08c19.94-28.57 41.78-52.73 65.24-72.21a2 2 0 00.14-2.94L93.5 161.38a2 2 0 00-2.71-.12c-24.92 21-48.05 46.76-69.08 76.92a31.92 31.92 0 00-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416a239.13 239.13 0 0075.8-12.58 2 2 0 00.77-3.31l-21.58-21.58a4 4 0 00-3.83-1 204.8 204.8 0 01-51.16 6.47zM490.84 238.6c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96a227.34 227.34 0 00-74.89 12.83 2 2 0 00-.75 3.31l21.55 21.55a4 4 0 003.88 1 192.82 192.82 0 0150.21-6.69c40.69 0 80.58 12.43 118.55 37 34.71 22.4 65.74 53.88 89.76 91a.13.13 0 010 .16 310.72 310.72 0 01-64.12 72.73 2 2 0 00-.15 2.95l19.9 19.89a2 2 0 002.7.13 343.49 343.49 0 0068.64-78.48 32.2 32.2 0 00-.1-34.78z'/%3E%3Cpath d='M256 160a95.88 95.88 0 00-21.37 2.4 2 2 0 00-1 3.38l112.59 112.56a2 2 0 003.38-1A96 96 0 00256 160zM165.78 233.66a2 2 0 00-3.38 1 96 96 0 00115 115 2 2 0 001-3.38z'/%3E%3C/svg%3E"); background-color: #d9e3fD; padding: 26px 16px 8px 16px; border: 1px solid #b9c3dD; border-radius: 3px; color: rgba(0,0,0,0.45); text-align: center; z-index: -1; position: relative; } .dark .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-mobile):before , .dark .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-tablet):before , .dark .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-desktop):before { color: #555; background-color: #111; border-color: #333; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Row_stack), .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) { transition: none !important; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Row_stack) { border-width: 0 !important; padding: 0 !important; margin: 0 auto !important; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.layouts-2-column:not(.layouts-2-styled)) { border-width: 0 !important; padding: 0 !important; margin: 0 !important; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .layouts-2-content-width > div { padding-top: 0px; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Row_stack) > div:not(.com_onelittledesigner_stacks_Layouts_2_Row_stack), .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) > div:not(.com_onelittledesigner_stacks_Layouts_2_Column_stack), .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .layouts-2-el > div > .add { display: none !important; } .layouts-2-row .layouts-2-row > div > div[tag="node"] > div.add, .layouts-2-row .layouts-2-row .layouts-2-column > div[tag="node"] > div.add { display: none !important; } a.block-link{display:block;text-decoration:none !important;padding:0;margin:0;color:inherit}a.block-link:link,a.block-link:visited,a.block-link:hover,a.block-link:active{color:inherit} #stacks_in_209 { background-color: rgba(107, 36, 55, 1.00); } #stacks_in_182.layouts-2-row > .layouts-2-content-width.layouts-2-el, #stacks_in_182.layouts-2-row > div > div[tag="node"] { display: flex; width: 100%; margin: 40px auto 0px auto; background: transparent; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: center; box-sizing: border-box; gap: 0px 0px; } #stacks_in_182.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 0px; } @supports (rotate:180deg) { #stacks_in_182.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 0; } } #stacks_in_183.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_183.out { flex: 1; max-width: 500px; flex-basis: 400px; margin: 0; align-self: center; } .layouts-2-row > div > div[tag="node"] > #stacks_out_183.out { overflow: visible; } #stacks_in_183.layouts-2-column, #slice_mez_183 { box-sizing: border-box; background-color : rgba(255, 255, 255, 0.00); border-radius: 0px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.30); padding: 0px 0px; } .layouts-2-content-width > #stacks_in_183.layouts-2-column:after, #stacks_out_183:after { width: 400px; } @media all and (min-width: 901px) { #stacks_in_183.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_183.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_183.layouts-2-column.hide-mobile { display: none; } } #stacks_in_191 { padding: 20px; } #stacks_in_704.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_704.out { flex: 1; max-width: 600px; flex-basis: 600px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_704.out { overflow: visible; } #stacks_in_704.layouts-2-column, #slice_mez_704 { box-sizing: border-box; background-color : rgba(255, 255, 255, 0.00); border-radius: 0px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.30); padding: 0px 0px; } .layouts-2-content-width > #stacks_in_704.layouts-2-column:after, #stacks_out_704:after { width: 600px; } @media all and (min-width: 901px) { #stacks_in_704.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_704.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_704.layouts-2-column.hide-mobile { display: none; } } .spacerStack { height: 120.00px; } #spacerStackstacks_in_726 { height: 120.00px; } @media print { #spacerStackstacks_in_726 { display: none !important; } } @charset "UTF-8";/*! Ionicons, v2.0.0 Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ https://twitter.com/benjsperry https://twitter.com/ionicframework MIT License: https://github.com/driftyco/ionicons Android-style icons originally built by Google’s Material Design Icons: https://github.com/google/material-design-icons used under CC BY http://creativecommons.org/licenses/by/4.0/ Modified icons to fit ionicon’s grid from original. */@font-face{font-family:"Ionicons";src:url("1ld-slider/ionicons.eot?v=2.0.0");src:url("1ld-slider/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"),url("1ld-slider/ionicons.ttf?v=2.0.0") format("truetype"),url("1ld-slider/ionicons.woff?v=2.0.0") format("woff"),url("1ld-slider/ionicons.svg?v=2.0.0#Ionicons") format("svg");font-weight:normal;font-style:normal}.ion,.ionicons,.ion-alert:before,.ion-alert-circled:before,.ion-android-add:before,.ion-android-add-circle:before,.ion-android-alarm-clock:before,.ion-android-alert:before,.ion-android-apps:before,.ion-android-archive:before,.ion-android-arrow-back:before,.ion-android-arrow-down:before,.ion-android-arrow-dropdown:before,.ion-android-arrow-dropdown-circle:before,.ion-android-arrow-dropleft:before,.ion-android-arrow-dropleft-circle:before,.ion-android-arrow-dropright:before,.ion-android-arrow-dropright-circle:before,.ion-android-arrow-dropup:before,.ion-android-arrow-dropup-circle:before,.ion-android-arrow-forward:before,.ion-android-arrow-up:before,.ion-android-attach:before,.ion-android-bar:before,.ion-android-bicycle:before,.ion-android-boat:before,.ion-android-bookmark:before,.ion-android-bulb:before,.ion-android-bus:before,.ion-android-calendar:before,.ion-android-call:before,.ion-android-camera:before,.ion-android-cancel:before,.ion-android-car:before,.ion-android-cart:before,.ion-android-chat:before,.ion-android-checkbox:before,.ion-android-checkbox-blank:before,.ion-android-checkbox-outline:before,.ion-android-checkbox-outline-blank:before,.ion-android-checkmark-circle:before,.ion-android-clipboard:before,.ion-android-close:before,.ion-android-cloud:before,.ion-android-cloud-circle:before,.ion-android-cloud-done:before,.ion-android-cloud-outline:before,.ion-android-color-palette:before,.ion-android-compass:before,.ion-android-contact:before,.ion-android-contacts:before,.ion-android-contract:before,.ion-android-create:before,.ion-android-delete:before,.ion-android-desktop:before,.ion-android-document:before,.ion-android-done:before,.ion-android-done-all:before,.ion-android-download:before,.ion-android-drafts:before,.ion-android-exit:before,.ion-android-expand:before,.ion-android-favorite:before,.ion-android-favorite-outline:before,.ion-android-film:before,.ion-android-folder:before,.ion-android-folder-open:before,.ion-android-funnel:before,.ion-android-globe:before,.ion-android-hand:before,.ion-android-hangout:before,.ion-android-happy:before,.ion-android-home:before,.ion-android-image:before,.ion-android-laptop:before,.ion-android-list:before,.ion-android-locate:before,.ion-android-lock:before,.ion-android-mail:before,.ion-android-map:before,.ion-android-menu:before,.ion-android-microphone:before,.ion-android-microphone-off:before,.ion-android-more-horizontal:before,.ion-android-more-vertical:before,.ion-android-navigate:before,.ion-android-notifications:before,.ion-android-notifications-none:before,.ion-android-notifications-off:before,.ion-android-open:before,.ion-android-options:before,.ion-android-people:before,.ion-android-person:before,.ion-android-person-add:before,.ion-android-phone-landscape:before,.ion-android-phone-portrait:before,.ion-android-pin:before,.ion-android-plane:before,.ion-android-playstore:before,.ion-android-print:before,.ion-android-radio-button-off:before,.ion-android-radio-button-on:before,.ion-android-refresh:before,.ion-android-remove:before,.ion-android-remove-circle:before,.ion-android-restaurant:before,.ion-android-sad:before,.ion-android-search:before,.ion-android-send:before,.ion-android-settings:before,.ion-android-share:before,.ion-android-share-alt:before,.ion-android-star:before,.ion-android-star-half:before,.ion-android-star-outline:before,.ion-android-stopwatch:before,.ion-android-subway:before,.ion-android-sunny:before,.ion-android-sync:before,.ion-android-textsms:before,.ion-android-time:before,.ion-android-train:before,.ion-android-unlock:before,.ion-android-upload:before,.ion-android-volume-down:before,.ion-android-volume-mute:before,.ion-android-volume-off:before,.ion-android-volume-up:before,.ion-android-walk:before,.ion-android-warning:before,.ion-android-watch:before,.ion-android-wifi:before,.ion-aperture:before,.ion-archive:before,.ion-arrow-down-a:before,.ion-arrow-down-b:before,.ion-arrow-down-c:before,.ion-arrow-expand:before,.ion-arrow-graph-down-left:before,.ion-arrow-graph-down-right:before,.ion-arrow-graph-up-left:before,.ion-arrow-graph-up-right:before,.ion-arrow-left-a:before,.ion-arrow-left-b:before,.ion-arrow-left-c:before,.ion-arrow-move:before,.ion-arrow-resize:before,.ion-arrow-return-left:before,.ion-arrow-return-right:before,.ion-arrow-right-a:before,.ion-arrow-right-b:before,.ion-arrow-right-c:before,.ion-arrow-shrink:before,.ion-arrow-swap:before,.ion-arrow-up-a:before,.ion-arrow-up-b:before,.ion-arrow-up-c:before,.ion-asterisk:before,.ion-at:before,.ion-backspace:before,.ion-backspace-outline:before,.ion-bag:before,.ion-battery-charging:before,.ion-battery-empty:before,.ion-battery-full:before,.ion-battery-half:before,.ion-battery-low:before,.ion-beaker:before,.ion-beer:before,.ion-bluetooth:before,.ion-bonfire:before,.ion-bookmark:before,.ion-bowtie:before,.ion-briefcase:before,.ion-bug:before,.ion-calculator:before,.ion-calendar:before,.ion-camera:before,.ion-card:before,.ion-cash:before,.ion-chatbox:before,.ion-chatbox-working:before,.ion-chatboxes:before,.ion-chatbubble:before,.ion-chatbubble-working:before,.ion-chatbubbles:before,.ion-checkmark:before,.ion-checkmark-circled:before,.ion-checkmark-round:before,.ion-chevron-down:before,.ion-chevron-left:before,.ion-chevron-right:before,.ion-chevron-up:before,.ion-clipboard:before,.ion-clock:before,.ion-close:before,.ion-close-circled:before,.ion-close-round:before,.ion-closed-captioning:before,.ion-cloud:before,.ion-code:before,.ion-code-download:before,.ion-code-working:before,.ion-coffee:before,.ion-compass:before,.ion-compose:before,.ion-connection-bars:before,.ion-contrast:before,.ion-crop:before,.ion-cube:before,.ion-disc:before,.ion-document:before,.ion-document-text:before,.ion-drag:before,.ion-earth:before,.ion-easel:before,.ion-edit:before,.ion-egg:before,.ion-eject:before,.ion-email:before,.ion-email-unread:before,.ion-erlenmeyer-flask:before,.ion-erlenmeyer-flask-bubbles:before,.ion-eye:before,.ion-eye-disabled:before,.ion-female:before,.ion-filing:before,.ion-film-marker:before,.ion-fireball:before,.ion-flag:before,.ion-flame:before,.ion-flash:before,.ion-flash-off:before,.ion-folder:before,.ion-fork:before,.ion-fork-repo:before,.ion-forward:before,.ion-funnel:before,.ion-gear-a:before,.ion-gear-b:before,.ion-grid:before,.ion-hammer:before,.ion-happy:before,.ion-happy-outline:before,.ion-headphone:before,.ion-heart:before,.ion-heart-broken:before,.ion-help:before,.ion-help-buoy:before,.ion-help-circled:before,.ion-home:before,.ion-icecream:before,.ion-image:before,.ion-images:before,.ion-information:before,.ion-information-circled:before,.ion-ionic:before,.ion-ios-alarm:before,.ion-ios-alarm-outline:before,.ion-ios-albums:before,.ion-ios-albums-outline:before,.ion-ios-americanfootball:before,.ion-ios-americanfootball-outline:before,.ion-ios-analytics:before,.ion-ios-analytics-outline:before,.ion-ios-arrow-back:before,.ion-ios-arrow-down:before,.ion-ios-arrow-forward:before,.ion-ios-arrow-left:before,.ion-ios-arrow-right:before,.ion-ios-arrow-thin-down:before,.ion-ios-arrow-thin-left:before,.ion-ios-arrow-thin-right:before,.ion-ios-arrow-thin-up:before,.ion-ios-arrow-up:before,.ion-ios-at:before,.ion-ios-at-outline:before,.ion-ios-barcode:before,.ion-ios-barcode-outline:before,.ion-ios-baseball:before,.ion-ios-baseball-outline:before,.ion-ios-basketball:before,.ion-ios-basketball-outline:before,.ion-ios-bell:before,.ion-ios-bell-outline:before,.ion-ios-body:before,.ion-ios-body-outline:before,.ion-ios-bolt:before,.ion-ios-bolt-outline:before,.ion-ios-book:before,.ion-ios-book-outline:before,.ion-ios-bookmarks:before,.ion-ios-bookmarks-outline:before,.ion-ios-box:before,.ion-ios-box-outline:before,.ion-ios-briefcase:before,.ion-ios-briefcase-outline:before,.ion-ios-browsers:before,.ion-ios-browsers-outline:before,.ion-ios-calculator:before,.ion-ios-calculator-outline:before,.ion-ios-calendar:before,.ion-ios-calendar-outline:before,.ion-ios-camera:before,.ion-ios-camera-outline:before,.ion-ios-cart:before,.ion-ios-cart-outline:before,.ion-ios-chatboxes:before,.ion-ios-chatboxes-outline:before,.ion-ios-chatbubble:before,.ion-ios-chatbubble-outline:before,.ion-ios-checkmark:before,.ion-ios-checkmark-empty:before,.ion-ios-checkmark-outline:before,.ion-ios-circle-filled:before,.ion-ios-circle-outline:before,.ion-ios-clock:before,.ion-ios-clock-outline:before,.ion-ios-close:before,.ion-ios-close-empty:before,.ion-ios-close-outline:before,.ion-ios-cloud:before,.ion-ios-cloud-download:before,.ion-ios-cloud-download-outline:before,.ion-ios-cloud-outline:before,.ion-ios-cloud-upload:before,.ion-ios-cloud-upload-outline:before,.ion-ios-cloudy:before,.ion-ios-cloudy-night:before,.ion-ios-cloudy-night-outline:before,.ion-ios-cloudy-outline:before,.ion-ios-cog:before,.ion-ios-cog-outline:before,.ion-ios-color-filter:before,.ion-ios-color-filter-outline:before,.ion-ios-color-wand:before,.ion-ios-color-wand-outline:before,.ion-ios-compose:before,.ion-ios-compose-outline:before,.ion-ios-contact:before,.ion-ios-contact-outline:before,.ion-ios-copy:before,.ion-ios-copy-outline:before,.ion-ios-crop:before,.ion-ios-crop-strong:before,.ion-ios-download:before,.ion-ios-download-outline:before,.ion-ios-drag:before,.ion-ios-email:before,.ion-ios-email-outline:before,.ion-ios-eye:before,.ion-ios-eye-outline:before,.ion-ios-fastforward:before,.ion-ios-fastforward-outline:before,.ion-ios-filing:before,.ion-ios-filing-outline:before,.ion-ios-film:before,.ion-ios-film-outline:before,.ion-ios-flag:before,.ion-ios-flag-outline:before,.ion-ios-flame:before,.ion-ios-flame-outline:before,.ion-ios-flask:before,.ion-ios-flask-outline:before,.ion-ios-flower:before,.ion-ios-flower-outline:before,.ion-ios-folder:before,.ion-ios-folder-outline:before,.ion-ios-football:before,.ion-ios-football-outline:before,.ion-ios-game-controller-a:before,.ion-ios-game-controller-a-outline:before,.ion-ios-game-controller-b:before,.ion-ios-game-controller-b-outline:before,.ion-ios-gear:before,.ion-ios-gear-outline:before,.ion-ios-glasses:before,.ion-ios-glasses-outline:before,.ion-ios-grid-view:before,.ion-ios-grid-view-outline:before,.ion-ios-heart:before,.ion-ios-heart-outline:before,.ion-ios-help:before,.ion-ios-help-empty:before,.ion-ios-help-outline:before,.ion-ios-home:before,.ion-ios-home-outline:before,.ion-ios-infinite:before,.ion-ios-infinite-outline:before,.ion-ios-information:before,.ion-ios-information-empty:before,.ion-ios-information-outline:before,.ion-ios-ionic-outline:before,.ion-ios-keypad:before,.ion-ios-keypad-outline:before,.ion-ios-lightbulb:before,.ion-ios-lightbulb-outline:before,.ion-ios-list:before,.ion-ios-list-outline:before,.ion-ios-location:before,.ion-ios-location-outline:before,.ion-ios-locked:before,.ion-ios-locked-outline:before,.ion-ios-loop:before,.ion-ios-loop-strong:before,.ion-ios-medical:before,.ion-ios-medical-outline:before,.ion-ios-medkit:before,.ion-ios-medkit-outline:before,.ion-ios-mic:before,.ion-ios-mic-off:before,.ion-ios-mic-outline:before,.ion-ios-minus:before,.ion-ios-minus-empty:before,.ion-ios-minus-outline:before,.ion-ios-monitor:before,.ion-ios-monitor-outline:before,.ion-ios-moon:before,.ion-ios-moon-outline:before,.ion-ios-more:before,.ion-ios-more-outline:before,.ion-ios-musical-note:before,.ion-ios-musical-notes:before,.ion-ios-navigate:before,.ion-ios-navigate-outline:before,.ion-ios-nutrition:before,.ion-ios-nutrition-outline:before,.ion-ios-paper:before,.ion-ios-paper-outline:before,.ion-ios-paperplane:before,.ion-ios-paperplane-outline:before,.ion-ios-partlysunny:before,.ion-ios-partlysunny-outline:before,.ion-ios-pause:before,.ion-ios-pause-outline:before,.ion-ios-paw:before,.ion-ios-paw-outline:before,.ion-ios-people:before,.ion-ios-people-outline:before,.ion-ios-person:before,.ion-ios-person-outline:before,.ion-ios-personadd:before,.ion-ios-personadd-outline:before,.ion-ios-photos:before,.ion-ios-photos-outline:before,.ion-ios-pie:before,.ion-ios-pie-outline:before,.ion-ios-pint:before,.ion-ios-pint-outline:before,.ion-ios-play:before,.ion-ios-play-outline:before,.ion-ios-plus:before,.ion-ios-plus-empty:before,.ion-ios-plus-outline:before,.ion-ios-pricetag:before,.ion-ios-pricetag-outline:before,.ion-ios-pricetags:before,.ion-ios-pricetags-outline:before,.ion-ios-printer:before,.ion-ios-printer-outline:before,.ion-ios-pulse:before,.ion-ios-pulse-strong:before,.ion-ios-rainy:before,.ion-ios-rainy-outline:before,.ion-ios-recording:before,.ion-ios-recording-outline:before,.ion-ios-redo:before,.ion-ios-redo-outline:before,.ion-ios-refresh:before,.ion-ios-refresh-empty:before,.ion-ios-refresh-outline:before,.ion-ios-reload:before,.ion-ios-reverse-camera:before,.ion-ios-reverse-camera-outline:before,.ion-ios-rewind:before,.ion-ios-rewind-outline:before,.ion-ios-rose:before,.ion-ios-rose-outline:before,.ion-ios-search:before,.ion-ios-search-strong:before,.ion-ios-settings:before,.ion-ios-settings-strong:before,.ion-ios-shuffle:before,.ion-ios-shuffle-strong:before,.ion-ios-skipbackward:before,.ion-ios-skipbackward-outline:before,.ion-ios-skipforward:before,.ion-ios-skipforward-outline:before,.ion-ios-snowy:before,.ion-ios-speedometer:before,.ion-ios-speedometer-outline:before,.ion-ios-star:before,.ion-ios-star-half:before,.ion-ios-star-outline:before,.ion-ios-stopwatch:before,.ion-ios-stopwatch-outline:before,.ion-ios-sunny:before,.ion-ios-sunny-outline:before,.ion-ios-telephone:before,.ion-ios-telephone-outline:before,.ion-ios-tennisball:before,.ion-ios-tennisball-outline:before,.ion-ios-thunderstorm:before,.ion-ios-thunderstorm-outline:before,.ion-ios-time:before,.ion-ios-time-outline:before,.ion-ios-timer:before,.ion-ios-timer-outline:before,.ion-ios-toggle:before,.ion-ios-toggle-outline:before,.ion-ios-trash:before,.ion-ios-trash-outline:before,.ion-ios-undo:before,.ion-ios-undo-outline:before,.ion-ios-unlocked:before,.ion-ios-unlocked-outline:before,.ion-ios-upload:before,.ion-ios-upload-outline:before,.ion-ios-videocam:before,.ion-ios-videocam-outline:before,.ion-ios-volume-high:before,.ion-ios-volume-low:before,.ion-ios-wineglass:before,.ion-ios-wineglass-outline:before,.ion-ios-world:before,.ion-ios-world-outline:before,.ion-ipad:before,.ion-iphone:before,.ion-ipod:before,.ion-jet:before,.ion-key:before,.ion-knife:before,.ion-laptop:before,.ion-leaf:before,.ion-levels:before,.ion-lightbulb:before,.ion-link:before,.ion-load-a:before,.ion-load-b:before,.ion-load-c:before,.ion-load-d:before,.ion-location:before,.ion-lock-combination:before,.ion-locked:before,.ion-log-in:before,.ion-log-out:before,.ion-loop:before,.ion-magnet:before,.ion-male:before,.ion-man:before,.ion-map:before,.ion-medkit:before,.ion-merge:before,.ion-mic-a:before,.ion-mic-b:before,.ion-mic-c:before,.ion-minus:before,.ion-minus-circled:before,.ion-minus-round:before,.ion-model-s:before,.ion-monitor:before,.ion-more:before,.ion-mouse:before,.ion-music-note:before,.ion-navicon:before,.ion-navicon-round:before,.ion-navigate:before,.ion-network:before,.ion-no-smoking:before,.ion-nuclear:before,.ion-outlet:before,.ion-paintbrush:before,.ion-paintbucket:before,.ion-paper-airplane:before,.ion-paperclip:before,.ion-pause:before,.ion-person:before,.ion-person-add:before,.ion-person-stalker:before,.ion-pie-graph:before,.ion-pin:before,.ion-pinpoint:before,.ion-pizza:before,.ion-plane:before,.ion-planet:before,.ion-play:before,.ion-playstation:before,.ion-plus:before,.ion-plus-circled:before,.ion-plus-round:before,.ion-podium:before,.ion-pound:before,.ion-power:before,.ion-pricetag:before,.ion-pricetags:before,.ion-printer:before,.ion-pull-request:before,.ion-qr-scanner:before,.ion-quote:before,.ion-radio-waves:before,.ion-record:before,.ion-refresh:before,.ion-reply:before,.ion-reply-all:before,.ion-ribbon-a:before,.ion-ribbon-b:before,.ion-sad:before,.ion-sad-outline:before,.ion-scissors:before,.ion-search:before,.ion-settings:before,.ion-share:before,.ion-shuffle:before,.ion-skip-backward:before,.ion-skip-forward:before,.ion-social-android:before,.ion-social-android-outline:before,.ion-social-angular:before,.ion-social-angular-outline:before,.ion-social-apple:before,.ion-social-apple-outline:before,.ion-social-bitcoin:before,.ion-social-bitcoin-outline:before,.ion-social-buffer:before,.ion-social-buffer-outline:before,.ion-social-chrome:before,.ion-social-chrome-outline:before,.ion-social-codepen:before,.ion-social-codepen-outline:before,.ion-social-css3:before,.ion-social-css3-outline:before,.ion-social-designernews:before,.ion-social-designernews-outline:before,.ion-social-dribbble:before,.ion-social-dribbble-outline:before,.ion-social-dropbox:before,.ion-social-dropbox-outline:before,.ion-social-euro:before,.ion-social-euro-outline:before,.ion-social-facebook:before,.ion-social-facebook-outline:before,.ion-social-foursquare:before,.ion-social-foursquare-outline:before,.ion-social-freebsd-devil:before,.ion-social-github:before,.ion-social-github-outline:before,.ion-social-google:before,.ion-social-google-outline:before,.ion-social-googleplus:before,.ion-social-googleplus-outline:before,.ion-social-hackernews:before,.ion-social-hackernews-outline:before,.ion-social-html5:before,.ion-social-html5-outline:before,.ion-social-instagram:before,.ion-social-instagram-outline:before,.ion-social-javascript:before,.ion-social-javascript-outline:before,.ion-social-linkedin:before,.ion-social-linkedin-outline:before,.ion-social-markdown:before,.ion-social-nodejs:before,.ion-social-octocat:before,.ion-social-pinterest:before,.ion-social-pinterest-outline:before,.ion-social-python:before,.ion-social-reddit:before,.ion-social-reddit-outline:before,.ion-social-rss:before,.ion-social-rss-outline:before,.ion-social-sass:before,.ion-social-skype:before,.ion-social-skype-outline:before,.ion-social-snapchat:before,.ion-social-snapchat-outline:before,.ion-social-tumblr:before,.ion-social-tumblr-outline:before,.ion-social-tux:before,.ion-social-twitch:before,.ion-social-twitch-outline:before,.ion-social-twitter:before,.ion-social-twitter-outline:before,.ion-social-usd:before,.ion-social-usd-outline:before,.ion-social-vimeo:before,.ion-social-vimeo-outline:before,.ion-social-whatsapp:before,.ion-social-whatsapp-outline:before,.ion-social-windows:before,.ion-social-windows-outline:before,.ion-social-wordpress:before,.ion-social-wordpress-outline:before,.ion-social-yahoo:before,.ion-social-yahoo-outline:before,.ion-social-yen:before,.ion-social-yen-outline:before,.ion-social-youtube:before,.ion-social-youtube-outline:before,.ion-soup-can:before,.ion-soup-can-outline:before,.ion-speakerphone:before,.ion-speedometer:before,.ion-spoon:before,.ion-star:before,.ion-stats-bars:before,.ion-steam:before,.ion-stop:before,.ion-thermometer:before,.ion-thumbsdown:before,.ion-thumbsup:before,.ion-toggle:before,.ion-toggle-filled:before,.ion-transgender:before,.ion-trash-a:before,.ion-trash-b:before,.ion-trophy:before,.ion-tshirt:before,.ion-tshirt-outline:before,.ion-umbrella:before,.ion-university:before,.ion-unlocked:before,.ion-upload:before,.ion-usb:before,.ion-videocamera:before,.ion-volume-high:before,.ion-volume-low:before,.ion-volume-medium:before,.ion-volume-mute:before,.ion-wand:before,.ion-waterdrop:before,.ion-wifi:before,.ion-wineglass:before,.ion-woman:before,.ion-wrench:before,.ion-xbox:before{display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ion-alert:before{content:"\f101"}.ion-alert-circled:before{content:"\f100"}.ion-android-add:before{content:"\f2c7"}.ion-android-add-circle:before{content:"\f359"}.ion-android-alarm-clock:before{content:"\f35a"}.ion-android-alert:before{content:"\f35b"}.ion-android-apps:before{content:"\f35c"}.ion-android-archive:before{content:"\f2c9"}.ion-android-arrow-back:before{content:"\f2ca"}.ion-android-arrow-down:before{content:"\f35d"}.ion-android-arrow-dropdown:before{content:"\f35f"}.ion-android-arrow-dropdown-circle:before{content:"\f35e"}.ion-android-arrow-dropleft:before{content:"\f361"}.ion-android-arrow-dropleft-circle:before{content:"\f360"}.ion-android-arrow-dropright:before{content:"\f363"}.ion-android-arrow-dropright-circle:before{content:"\f362"}.ion-android-arrow-dropup:before{content:"\f365"}.ion-android-arrow-dropup-circle:before{content:"\f364"}.ion-android-arrow-forward:before{content:"\f30f"}.ion-android-arrow-up:before{content:"\f366"}.ion-android-attach:before{content:"\f367"}.ion-android-bar:before{content:"\f368"}.ion-android-bicycle:before{content:"\f369"}.ion-android-boat:before{content:"\f36a"}.ion-android-bookmark:before{content:"\f36b"}.ion-android-bulb:before{content:"\f36c"}.ion-android-bus:before{content:"\f36d"}.ion-android-calendar:before{content:"\f2d1"}.ion-android-call:before{content:"\f2d2"}.ion-android-camera:before{content:"\f2d3"}.ion-android-cancel:before{content:"\f36e"}.ion-android-car:before{content:"\f36f"}.ion-android-cart:before{content:"\f370"}.ion-android-chat:before{content:"\f2d4"}.ion-android-checkbox:before{content:"\f374"}.ion-android-checkbox-blank:before{content:"\f371"}.ion-android-checkbox-outline:before{content:"\f373"}.ion-android-checkbox-outline-blank:before{content:"\f372"}.ion-android-checkmark-circle:before{content:"\f375"}.ion-android-clipboard:before{content:"\f376"}.ion-android-close:before{content:"\f2d7"}.ion-android-cloud:before{content:"\f37a"}.ion-android-cloud-circle:before{content:"\f377"}.ion-android-cloud-done:before{content:"\f378"}.ion-android-cloud-outline:before{content:"\f379"}.ion-android-color-palette:before{content:"\f37b"}.ion-android-compass:before{content:"\f37c"}.ion-android-contact:before{content:"\f2d8"}.ion-android-contacts:before{content:"\f2d9"}.ion-android-contract:before{content:"\f37d"}.ion-android-create:before{content:"\f37e"}.ion-android-delete:before{content:"\f37f"}.ion-android-desktop:before{content:"\f380"}.ion-android-document:before{content:"\f381"}.ion-android-done:before{content:"\f383"}.ion-android-done-all:before{content:"\f382"}.ion-android-download:before{content:"\f2dd"}.ion-android-drafts:before{content:"\f384"}.ion-android-exit:before{content:"\f385"}.ion-android-expand:before{content:"\f386"}.ion-android-favorite:before{content:"\f388"}.ion-android-favorite-outline:before{content:"\f387"}.ion-android-film:before{content:"\f389"}.ion-android-folder:before{content:"\f2e0"}.ion-android-folder-open:before{content:"\f38a"}.ion-android-funnel:before{content:"\f38b"}.ion-android-globe:before{content:"\f38c"}.ion-android-hand:before{content:"\f2e3"}.ion-android-hangout:before{content:"\f38d"}.ion-android-happy:before{content:"\f38e"}.ion-android-home:before{content:"\f38f"}.ion-android-image:before{content:"\f2e4"}.ion-android-laptop:before{content:"\f390"}.ion-android-list:before{content:"\f391"}.ion-android-locate:before{content:"\f2e9"}.ion-android-lock:before{content:"\f392"}.ion-android-mail:before{content:"\f2eb"}.ion-android-map:before{content:"\f393"}.ion-android-menu:before{content:"\f394"}.ion-android-microphone:before{content:"\f2ec"}.ion-android-microphone-off:before{content:"\f395"}.ion-android-more-horizontal:before{content:"\f396"}.ion-android-more-vertical:before{content:"\f397"}.ion-android-navigate:before{content:"\f398"}.ion-android-notifications:before{content:"\f39b"}.ion-android-notifications-none:before{content:"\f399"}.ion-android-notifications-off:before{content:"\f39a"}.ion-android-open:before{content:"\f39c"}.ion-android-options:before{content:"\f39d"}.ion-android-people:before{content:"\f39e"}.ion-android-person:before{content:"\f3a0"}.ion-android-person-add:before{content:"\f39f"}.ion-android-phone-landscape:before{content:"\f3a1"}.ion-android-phone-portrait:before{content:"\f3a2"}.ion-android-pin:before{content:"\f3a3"}.ion-android-plane:before{content:"\f3a4"}.ion-android-playstore:before{content:"\f2f0"}.ion-android-print:before{content:"\f3a5"}.ion-android-radio-button-off:before{content:"\f3a6"}.ion-android-radio-button-on:before{content:"\f3a7"}.ion-android-refresh:before{content:"\f3a8"}.ion-android-remove:before{content:"\f2f4"}.ion-android-remove-circle:before{content:"\f3a9"}.ion-android-restaurant:before{content:"\f3aa"}.ion-android-sad:before{content:"\f3ab"}.ion-android-search:before{content:"\f2f5"}.ion-android-send:before{content:"\f2f6"}.ion-android-settings:before{content:"\f2f7"}.ion-android-share:before{content:"\f2f8"}.ion-android-share-alt:before{content:"\f3ac"}.ion-android-star:before{content:"\f2fc"}.ion-android-star-half:before{content:"\f3ad"}.ion-android-star-outline:before{content:"\f3ae"}.ion-android-stopwatch:before{content:"\f2fd"}.ion-android-subway:before{content:"\f3af"}.ion-android-sunny:before{content:"\f3b0"}.ion-android-sync:before{content:"\f3b1"}.ion-android-textsms:before{content:"\f3b2"}.ion-android-time:before{content:"\f3b3"}.ion-android-train:before{content:"\f3b4"}.ion-android-unlock:before{content:"\f3b5"}.ion-android-upload:before{content:"\f3b6"}.ion-android-volume-down:before{content:"\f3b7"}.ion-android-volume-mute:before{content:"\f3b8"}.ion-android-volume-off:before{content:"\f3b9"}.ion-android-volume-up:before{content:"\f3ba"}.ion-android-walk:before{content:"\f3bb"}.ion-android-warning:before{content:"\f3bc"}.ion-android-watch:before{content:"\f3bd"}.ion-android-wifi:before{content:"\f305"}.ion-aperture:before{content:"\f313"}.ion-archive:before{content:"\f102"}.ion-arrow-down-a:before{content:"\f103"}.ion-arrow-down-b:before{content:"\f104"}.ion-arrow-down-c:before{content:"\f105"}.ion-arrow-expand:before{content:"\f25e"}.ion-arrow-graph-down-left:before{content:"\f25f"}.ion-arrow-graph-down-right:before{content:"\f260"}.ion-arrow-graph-up-left:before{content:"\f261"}.ion-arrow-graph-up-right:before{content:"\f262"}.ion-arrow-left-a:before{content:"\f106"}.ion-arrow-left-b:before{content:"\f107"}.ion-arrow-left-c:before{content:"\f108"}.ion-arrow-move:before{content:"\f263"}.ion-arrow-resize:before{content:"\f264"}.ion-arrow-return-left:before{content:"\f265"}.ion-arrow-return-right:before{content:"\f266"}.ion-arrow-right-a:before{content:"\f109"}.ion-arrow-right-b:before{content:"\f10a"}.ion-arrow-right-c:before{content:"\f10b"}.ion-arrow-shrink:before{content:"\f267"}.ion-arrow-swap:before{content:"\f268"}.ion-arrow-up-a:before{content:"\f10c"}.ion-arrow-up-b:before{content:"\f10d"}.ion-arrow-up-c:before{content:"\f10e"}.ion-asterisk:before{content:"\f314"}.ion-at:before{content:"\f10f"}.ion-backspace:before{content:"\f3bf"}.ion-backspace-outline:before{content:"\f3be"}.ion-bag:before{content:"\f110"}.ion-battery-charging:before{content:"\f111"}.ion-battery-empty:before{content:"\f112"}.ion-battery-full:before{content:"\f113"}.ion-battery-half:before{content:"\f114"}.ion-battery-low:before{content:"\f115"}.ion-beaker:before{content:"\f269"}.ion-beer:before{content:"\f26a"}.ion-bluetooth:before{content:"\f116"}.ion-bonfire:before{content:"\f315"}.ion-bookmark:before{content:"\f26b"}.ion-bowtie:before{content:"\f3c0"}.ion-briefcase:before{content:"\f26c"}.ion-bug:before{content:"\f2be"}.ion-calculator:before{content:"\f26d"}.ion-calendar:before{content:"\f117"}.ion-camera:before{content:"\f118"}.ion-card:before{content:"\f119"}.ion-cash:before{content:"\f316"}.ion-chatbox:before{content:"\f11b"}.ion-chatbox-working:before{content:"\f11a"}.ion-chatboxes:before{content:"\f11c"}.ion-chatbubble:before{content:"\f11e"}.ion-chatbubble-working:before{content:"\f11d"}.ion-chatbubbles:before{content:"\f11f"}.ion-checkmark:before{content:"\f122"}.ion-checkmark-circled:before{content:"\f120"}.ion-checkmark-round:before{content:"\f121"}.ion-chevron-down:before{content:"\f123"}.ion-chevron-left:before{content:"\f124"}.ion-chevron-right:before{content:"\f125"}.ion-chevron-up:before{content:"\f126"}.ion-clipboard:before{content:"\f127"}.ion-clock:before{content:"\f26e"}.ion-close:before{content:"\f12a"}.ion-close-circled:before{content:"\f128"}.ion-close-round:before{content:"\f129"}.ion-closed-captioning:before{content:"\f317"}.ion-cloud:before{content:"\f12b"}.ion-code:before{content:"\f271"}.ion-code-download:before{content:"\f26f"}.ion-code-working:before{content:"\f270"}.ion-coffee:before{content:"\f272"}.ion-compass:before{content:"\f273"}.ion-compose:before{content:"\f12c"}.ion-connection-bars:before{content:"\f274"}.ion-contrast:before{content:"\f275"}.ion-crop:before{content:"\f3c1"}.ion-cube:before{content:"\f318"}.ion-disc:before{content:"\f12d"}.ion-document:before{content:"\f12f"}.ion-document-text:before{content:"\f12e"}.ion-drag:before{content:"\f130"}.ion-earth:before{content:"\f276"}.ion-easel:before{content:"\f3c2"}.ion-edit:before{content:"\f2bf"}.ion-egg:before{content:"\f277"}.ion-eject:before{content:"\f131"}.ion-email:before{content:"\f132"}.ion-email-unread:before{content:"\f3c3"}.ion-erlenmeyer-flask:before{content:"\f3c5"}.ion-erlenmeyer-flask-bubbles:before{content:"\f3c4"}.ion-eye:before{content:"\f133"}.ion-eye-disabled:before{content:"\f306"}.ion-female:before{content:"\f278"}.ion-filing:before{content:"\f134"}.ion-film-marker:before{content:"\f135"}.ion-fireball:before{content:"\f319"}.ion-flag:before{content:"\f279"}.ion-flame:before{content:"\f31a"}.ion-flash:before{content:"\f137"}.ion-flash-off:before{content:"\f136"}.ion-folder:before{content:"\f139"}.ion-fork:before{content:"\f27a"}.ion-fork-repo:before{content:"\f2c0"}.ion-forward:before{content:"\f13a"}.ion-funnel:before{content:"\f31b"}.ion-gear-a:before{content:"\f13d"}.ion-gear-b:before{content:"\f13e"}.ion-grid:before{content:"\f13f"}.ion-hammer:before{content:"\f27b"}.ion-happy:before{content:"\f31c"}.ion-happy-outline:before{content:"\f3c6"}.ion-headphone:before{content:"\f140"}.ion-heart:before{content:"\f141"}.ion-heart-broken:before{content:"\f31d"}.ion-help:before{content:"\f143"}.ion-help-buoy:before{content:"\f27c"}.ion-help-circled:before{content:"\f142"}.ion-home:before{content:"\f144"}.ion-icecream:before{content:"\f27d"}.ion-image:before{content:"\f147"}.ion-images:before{content:"\f148"}.ion-information:before{content:"\f14a"}.ion-information-circled:before{content:"\f149"}.ion-ionic:before{content:"\f14b"}.ion-ios-alarm:before{content:"\f3c8"}.ion-ios-alarm-outline:before{content:"\f3c7"}.ion-ios-albums:before{content:"\f3ca"}.ion-ios-albums-outline:before{content:"\f3c9"}.ion-ios-americanfootball:before{content:"\f3cc"}.ion-ios-americanfootball-outline:before{content:"\f3cb"}.ion-ios-analytics:before{content:"\f3ce"}.ion-ios-analytics-outline:before{content:"\f3cd"}.ion-ios-arrow-back:before{content:"\f3cf"}.ion-ios-arrow-down:before{content:"\f3d0"}.ion-ios-arrow-forward:before{content:"\f3d1"}.ion-ios-arrow-left:before{content:"\f3d2"}.ion-ios-arrow-right:before{content:"\f3d3"}.ion-ios-arrow-thin-down:before{content:"\f3d4"}.ion-ios-arrow-thin-left:before{content:"\f3d5"}.ion-ios-arrow-thin-right:before{content:"\f3d6"}.ion-ios-arrow-thin-up:before{content:"\f3d7"}.ion-ios-arrow-up:before{content:"\f3d8"}.ion-ios-at:before{content:"\f3da"}.ion-ios-at-outline:before{content:"\f3d9"}.ion-ios-barcode:before{content:"\f3dc"}.ion-ios-barcode-outline:before{content:"\f3db"}.ion-ios-baseball:before{content:"\f3de"}.ion-ios-baseball-outline:before{content:"\f3dd"}.ion-ios-basketball:before{content:"\f3e0"}.ion-ios-basketball-outline:before{content:"\f3df"}.ion-ios-bell:before{content:"\f3e2"}.ion-ios-bell-outline:before{content:"\f3e1"}.ion-ios-body:before{content:"\f3e4"}.ion-ios-body-outline:before{content:"\f3e3"}.ion-ios-bolt:before{content:"\f3e6"}.ion-ios-bolt-outline:before{content:"\f3e5"}.ion-ios-book:before{content:"\f3e8"}.ion-ios-book-outline:before{content:"\f3e7"}.ion-ios-bookmarks:before{content:"\f3ea"}.ion-ios-bookmarks-outline:before{content:"\f3e9"}.ion-ios-box:before{content:"\f3ec"}.ion-ios-box-outline:before{content:"\f3eb"}.ion-ios-briefcase:before{content:"\f3ee"}.ion-ios-briefcase-outline:before{content:"\f3ed"}.ion-ios-browsers:before{content:"\f3f0"}.ion-ios-browsers-outline:before{content:"\f3ef"}.ion-ios-calculator:before{content:"\f3f2"}.ion-ios-calculator-outline:before{content:"\f3f1"}.ion-ios-calendar:before{content:"\f3f4"}.ion-ios-calendar-outline:before{content:"\f3f3"}.ion-ios-camera:before{content:"\f3f6"}.ion-ios-camera-outline:before{content:"\f3f5"}.ion-ios-cart:before{content:"\f3f8"}.ion-ios-cart-outline:before{content:"\f3f7"}.ion-ios-chatboxes:before{content:"\f3fa"}.ion-ios-chatboxes-outline:before{content:"\f3f9"}.ion-ios-chatbubble:before{content:"\f3fc"}.ion-ios-chatbubble-outline:before{content:"\f3fb"}.ion-ios-checkmark:before{content:"\f3ff"}.ion-ios-checkmark-empty:before{content:"\f3fd"}.ion-ios-checkmark-outline:before{content:"\f3fe"}.ion-ios-circle-filled:before{content:"\f400"}.ion-ios-circle-outline:before{content:"\f401"}.ion-ios-clock:before{content:"\f403"}.ion-ios-clock-outline:before{content:"\f402"}.ion-ios-close:before{content:"\f406"}.ion-ios-close-empty:before{content:"\f404"}.ion-ios-close-outline:before{content:"\f405"}.ion-ios-cloud:before{content:"\f40c"}.ion-ios-cloud-download:before{content:"\f408"}.ion-ios-cloud-download-outline:before{content:"\f407"}.ion-ios-cloud-outline:before{content:"\f409"}.ion-ios-cloud-upload:before{content:"\f40b"}.ion-ios-cloud-upload-outline:before{content:"\f40a"}.ion-ios-cloudy:before{content:"\f410"}.ion-ios-cloudy-night:before{content:"\f40e"}.ion-ios-cloudy-night-outline:before{content:"\f40d"}.ion-ios-cloudy-outline:before{content:"\f40f"}.ion-ios-cog:before{content:"\f412"}.ion-ios-cog-outline:before{content:"\f411"}.ion-ios-color-filter:before{content:"\f414"}.ion-ios-color-filter-outline:before{content:"\f413"}.ion-ios-color-wand:before{content:"\f416"}.ion-ios-color-wand-outline:before{content:"\f415"}.ion-ios-compose:before{content:"\f418"}.ion-ios-compose-outline:before{content:"\f417"}.ion-ios-contact:before{content:"\f41a"}.ion-ios-contact-outline:before{content:"\f419"}.ion-ios-copy:before{content:"\f41c"}.ion-ios-copy-outline:before{content:"\f41b"}.ion-ios-crop:before{content:"\f41e"}.ion-ios-crop-strong:before{content:"\f41d"}.ion-ios-download:before{content:"\f420"}.ion-ios-download-outline:before{content:"\f41f"}.ion-ios-drag:before{content:"\f421"}.ion-ios-email:before{content:"\f423"}.ion-ios-email-outline:before{content:"\f422"}.ion-ios-eye:before{content:"\f425"}.ion-ios-eye-outline:before{content:"\f424"}.ion-ios-fastforward:before{content:"\f427"}.ion-ios-fastforward-outline:before{content:"\f426"}.ion-ios-filing:before{content:"\f429"}.ion-ios-filing-outline:before{content:"\f428"}.ion-ios-film:before{content:"\f42b"}.ion-ios-film-outline:before{content:"\f42a"}.ion-ios-flag:before{content:"\f42d"}.ion-ios-flag-outline:before{content:"\f42c"}.ion-ios-flame:before{content:"\f42f"}.ion-ios-flame-outline:before{content:"\f42e"}.ion-ios-flask:before{content:"\f431"}.ion-ios-flask-outline:before{content:"\f430"}.ion-ios-flower:before{content:"\f433"}.ion-ios-flower-outline:before{content:"\f432"}.ion-ios-folder:before{content:"\f435"}.ion-ios-folder-outline:before{content:"\f434"}.ion-ios-football:before{content:"\f437"}.ion-ios-football-outline:before{content:"\f436"}.ion-ios-game-controller-a:before{content:"\f439"}.ion-ios-game-controller-a-outline:before{content:"\f438"}.ion-ios-game-controller-b:before{content:"\f43b"}.ion-ios-game-controller-b-outline:before{content:"\f43a"}.ion-ios-gear:before{content:"\f43d"}.ion-ios-gear-outline:before{content:"\f43c"}.ion-ios-glasses:before{content:"\f43f"}.ion-ios-glasses-outline:before{content:"\f43e"}.ion-ios-grid-view:before{content:"\f441"}.ion-ios-grid-view-outline:before{content:"\f440"}.ion-ios-heart:before{content:"\f443"}.ion-ios-heart-outline:before{content:"\f442"}.ion-ios-help:before{content:"\f446"}.ion-ios-help-empty:before{content:"\f444"}.ion-ios-help-outline:before{content:"\f445"}.ion-ios-home:before{content:"\f448"}.ion-ios-home-outline:before{content:"\f447"}.ion-ios-infinite:before{content:"\f44a"}.ion-ios-infinite-outline:before{content:"\f449"}.ion-ios-information:before{content:"\f44d"}.ion-ios-information-empty:before{content:"\f44b"}.ion-ios-information-outline:before{content:"\f44c"}.ion-ios-ionic-outline:before{content:"\f44e"}.ion-ios-keypad:before{content:"\f450"}.ion-ios-keypad-outline:before{content:"\f44f"}.ion-ios-lightbulb:before{content:"\f452"}.ion-ios-lightbulb-outline:before{content:"\f451"}.ion-ios-list:before{content:"\f454"}.ion-ios-list-outline:before{content:"\f453"}.ion-ios-location:before{content:"\f456"}.ion-ios-location-outline:before{content:"\f455"}.ion-ios-locked:before{content:"\f458"}.ion-ios-locked-outline:before{content:"\f457"}.ion-ios-loop:before{content:"\f45a"}.ion-ios-loop-strong:before{content:"\f459"}.ion-ios-medical:before{content:"\f45c"}.ion-ios-medical-outline:before{content:"\f45b"}.ion-ios-medkit:before{content:"\f45e"}.ion-ios-medkit-outline:before{content:"\f45d"}.ion-ios-mic:before{content:"\f461"}.ion-ios-mic-off:before{content:"\f45f"}.ion-ios-mic-outline:before{content:"\f460"}.ion-ios-minus:before{content:"\f464"}.ion-ios-minus-empty:before{content:"\f462"}.ion-ios-minus-outline:before{content:"\f463"}.ion-ios-monitor:before{content:"\f466"}.ion-ios-monitor-outline:before{content:"\f465"}.ion-ios-moon:before{content:"\f468"}.ion-ios-moon-outline:before{content:"\f467"}.ion-ios-more:before{content:"\f46a"}.ion-ios-more-outline:before{content:"\f469"}.ion-ios-musical-note:before{content:"\f46b"}.ion-ios-musical-notes:before{content:"\f46c"}.ion-ios-navigate:before{content:"\f46e"}.ion-ios-navigate-outline:before{content:"\f46d"}.ion-ios-nutrition:before{content:"\f470"}.ion-ios-nutrition-outline:before{content:"\f46f"}.ion-ios-paper:before{content:"\f472"}.ion-ios-paper-outline:before{content:"\f471"}.ion-ios-paperplane:before{content:"\f474"}.ion-ios-paperplane-outline:before{content:"\f473"}.ion-ios-partlysunny:before{content:"\f476"}.ion-ios-partlysunny-outline:before{content:"\f475"}.ion-ios-pause:before{content:"\f478"}.ion-ios-pause-outline:before{content:"\f477"}.ion-ios-paw:before{content:"\f47a"}.ion-ios-paw-outline:before{content:"\f479"}.ion-ios-people:before{content:"\f47c"}.ion-ios-people-outline:before{content:"\f47b"}.ion-ios-person:before{content:"\f47e"}.ion-ios-person-outline:before{content:"\f47d"}.ion-ios-personadd:before{content:"\f480"}.ion-ios-personadd-outline:before{content:"\f47f"}.ion-ios-photos:before{content:"\f482"}.ion-ios-photos-outline:before{content:"\f481"}.ion-ios-pie:before{content:"\f484"}.ion-ios-pie-outline:before{content:"\f483"}.ion-ios-pint:before{content:"\f486"}.ion-ios-pint-outline:before{content:"\f485"}.ion-ios-play:before{content:"\f488"}.ion-ios-play-outline:before{content:"\f487"}.ion-ios-plus:before{content:"\f48b"}.ion-ios-plus-empty:before{content:"\f489"}.ion-ios-plus-outline:before{content:"\f48a"}.ion-ios-pricetag:before{content:"\f48d"}.ion-ios-pricetag-outline:before{content:"\f48c"}.ion-ios-pricetags:before{content:"\f48f"}.ion-ios-pricetags-outline:before{content:"\f48e"}.ion-ios-printer:before{content:"\f491"}.ion-ios-printer-outline:before{content:"\f490"}.ion-ios-pulse:before{content:"\f493"}.ion-ios-pulse-strong:before{content:"\f492"}.ion-ios-rainy:before{content:"\f495"}.ion-ios-rainy-outline:before{content:"\f494"}.ion-ios-recording:before{content:"\f497"}.ion-ios-recording-outline:before{content:"\f496"}.ion-ios-redo:before{content:"\f499"}.ion-ios-redo-outline:before{content:"\f498"}.ion-ios-refresh:before{content:"\f49c"}.ion-ios-refresh-empty:before{content:"\f49a"}.ion-ios-refresh-outline:before{content:"\f49b"}.ion-ios-reload:before{content:"\f49d"}.ion-ios-reverse-camera:before{content:"\f49f"}.ion-ios-reverse-camera-outline:before{content:"\f49e"}.ion-ios-rewind:before{content:"\f4a1"}.ion-ios-rewind-outline:before{content:"\f4a0"}.ion-ios-rose:before{content:"\f4a3"}.ion-ios-rose-outline:before{content:"\f4a2"}.ion-ios-search:before{content:"\f4a5"}.ion-ios-search-strong:before{content:"\f4a4"}.ion-ios-settings:before{content:"\f4a7"}.ion-ios-settings-strong:before{content:"\f4a6"}.ion-ios-shuffle:before{content:"\f4a9"}.ion-ios-shuffle-strong:before{content:"\f4a8"}.ion-ios-skipbackward:before{content:"\f4ab"}.ion-ios-skipbackward-outline:before{content:"\f4aa"}.ion-ios-skipforward:before{content:"\f4ad"}.ion-ios-skipforward-outline:before{content:"\f4ac"}.ion-ios-snowy:before{content:"\f4ae"}.ion-ios-speedometer:before{content:"\f4b0"}.ion-ios-speedometer-outline:before{content:"\f4af"}.ion-ios-star:before{content:"\f4b3"}.ion-ios-star-half:before{content:"\f4b1"}.ion-ios-star-outline:before{content:"\f4b2"}.ion-ios-stopwatch:before{content:"\f4b5"}.ion-ios-stopwatch-outline:before{content:"\f4b4"}.ion-ios-sunny:before{content:"\f4b7"}.ion-ios-sunny-outline:before{content:"\f4b6"}.ion-ios-telephone:before{content:"\f4b9"}.ion-ios-telephone-outline:before{content:"\f4b8"}.ion-ios-tennisball:before{content:"\f4bb"}.ion-ios-tennisball-outline:before{content:"\f4ba"}.ion-ios-thunderstorm:before{content:"\f4bd"}.ion-ios-thunderstorm-outline:before{content:"\f4bc"}.ion-ios-time:before{content:"\f4bf"}.ion-ios-time-outline:before{content:"\f4be"}.ion-ios-timer:before{content:"\f4c1"}.ion-ios-timer-outline:before{content:"\f4c0"}.ion-ios-toggle:before{content:"\f4c3"}.ion-ios-toggle-outline:before{content:"\f4c2"}.ion-ios-trash:before{content:"\f4c5"}.ion-ios-trash-outline:before{content:"\f4c4"}.ion-ios-undo:before{content:"\f4c7"}.ion-ios-undo-outline:before{content:"\f4c6"}.ion-ios-unlocked:before{content:"\f4c9"}.ion-ios-unlocked-outline:before{content:"\f4c8"}.ion-ios-upload:before{content:"\f4cb"}.ion-ios-upload-outline:before{content:"\f4ca"}.ion-ios-videocam:before{content:"\f4cd"}.ion-ios-videocam-outline:before{content:"\f4cc"}.ion-ios-volume-high:before{content:"\f4ce"}.ion-ios-volume-low:before{content:"\f4cf"}.ion-ios-wineglass:before{content:"\f4d1"}.ion-ios-wineglass-outline:before{content:"\f4d0"}.ion-ios-world:before{content:"\f4d3"}.ion-ios-world-outline:before{content:"\f4d2"}.ion-ipad:before{content:"\f1f9"}.ion-iphone:before{content:"\f1fa"}.ion-ipod:before{content:"\f1fb"}.ion-jet:before{content:"\f295"}.ion-key:before{content:"\f296"}.ion-knife:before{content:"\f297"}.ion-laptop:before{content:"\f1fc"}.ion-leaf:before{content:"\f1fd"}.ion-levels:before{content:"\f298"}.ion-lightbulb:before{content:"\f299"}.ion-link:before{content:"\f1fe"}.ion-load-a:before{content:"\f29a"}.ion-load-b:before{content:"\f29b"}.ion-load-c:before{content:"\f29c"}.ion-load-d:before{content:"\f29d"}.ion-location:before{content:"\f1ff"}.ion-lock-combination:before{content:"\f4d4"}.ion-locked:before{content:"\f200"}.ion-log-in:before{content:"\f29e"}.ion-log-out:before{content:"\f29f"}.ion-loop:before{content:"\f201"}.ion-magnet:before{content:"\f2a0"}.ion-male:before{content:"\f2a1"}.ion-man:before{content:"\f202"}.ion-map:before{content:"\f203"}.ion-medkit:before{content:"\f2a2"}.ion-merge:before{content:"\f33f"}.ion-mic-a:before{content:"\f204"}.ion-mic-b:before{content:"\f205"}.ion-mic-c:before{content:"\f206"}.ion-minus:before{content:"\f209"}.ion-minus-circled:before{content:"\f207"}.ion-minus-round:before{content:"\f208"}.ion-model-s:before{content:"\f2c1"}.ion-monitor:before{content:"\f20a"}.ion-more:before{content:"\f20b"}.ion-mouse:before{content:"\f340"}.ion-music-note:before{content:"\f20c"}.ion-navicon:before{content:"\f20e"}.ion-navicon-round:before{content:"\f20d"}.ion-navigate:before{content:"\f2a3"}.ion-network:before{content:"\f341"}.ion-no-smoking:before{content:"\f2c2"}.ion-nuclear:before{content:"\f2a4"}.ion-outlet:before{content:"\f342"}.ion-paintbrush:before{content:"\f4d5"}.ion-paintbucket:before{content:"\f4d6"}.ion-paper-airplane:before{content:"\f2c3"}.ion-paperclip:before{content:"\f20f"}.ion-pause:before{content:"\f210"}.ion-person:before{content:"\f213"}.ion-person-add:before{content:"\f211"}.ion-person-stalker:before{content:"\f212"}.ion-pie-graph:before{content:"\f2a5"}.ion-pin:before{content:"\f2a6"}.ion-pinpoint:before{content:"\f2a7"}.ion-pizza:before{content:"\f2a8"}.ion-plane:before{content:"\f214"}.ion-planet:before{content:"\f343"}.ion-play:before{content:"\f215"}.ion-playstation:before{content:"\f30a"}.ion-plus:before{content:"\f218"}.ion-plus-circled:before{content:"\f216"}.ion-plus-round:before{content:"\f217"}.ion-podium:before{content:"\f344"}.ion-pound:before{content:"\f219"}.ion-power:before{content:"\f2a9"}.ion-pricetag:before{content:"\f2aa"}.ion-pricetags:before{content:"\f2ab"}.ion-printer:before{content:"\f21a"}.ion-pull-request:before{content:"\f345"}.ion-qr-scanner:before{content:"\f346"}.ion-quote:before{content:"\f347"}.ion-radio-waves:before{content:"\f2ac"}.ion-record:before{content:"\f21b"}.ion-refresh:before{content:"\f21c"}.ion-reply:before{content:"\f21e"}.ion-reply-all:before{content:"\f21d"}.ion-ribbon-a:before{content:"\f348"}.ion-ribbon-b:before{content:"\f349"}.ion-sad:before{content:"\f34a"}.ion-sad-outline:before{content:"\f4d7"}.ion-scissors:before{content:"\f34b"}.ion-search:before{content:"\f21f"}.ion-settings:before{content:"\f2ad"}.ion-share:before{content:"\f220"}.ion-shuffle:before{content:"\f221"}.ion-skip-backward:before{content:"\f222"}.ion-skip-forward:before{content:"\f223"}.ion-social-android:before{content:"\f225"}.ion-social-android-outline:before{content:"\f224"}.ion-social-angular:before{content:"\f4d9"}.ion-social-angular-outline:before{content:"\f4d8"}.ion-social-apple:before{content:"\f227"}.ion-social-apple-outline:before{content:"\f226"}.ion-social-bitcoin:before{content:"\f2af"}.ion-social-bitcoin-outline:before{content:"\f2ae"}.ion-social-buffer:before{content:"\f229"}.ion-social-buffer-outline:before{content:"\f228"}.ion-social-chrome:before{content:"\f4db"}.ion-social-chrome-outline:before{content:"\f4da"}.ion-social-codepen:before{content:"\f4dd"}.ion-social-codepen-outline:before{content:"\f4dc"}.ion-social-css3:before{content:"\f4df"}.ion-social-css3-outline:before{content:"\f4de"}.ion-social-designernews:before{content:"\f22b"}.ion-social-designernews-outline:before{content:"\f22a"}.ion-social-dribbble:before{content:"\f22d"}.ion-social-dribbble-outline:before{content:"\f22c"}.ion-social-dropbox:before{content:"\f22f"}.ion-social-dropbox-outline:before{content:"\f22e"}.ion-social-euro:before{content:"\f4e1"}.ion-social-euro-outline:before{content:"\f4e0"}.ion-social-facebook:before{content:"\f231"}.ion-social-facebook-outline:before{content:"\f230"}.ion-social-foursquare:before{content:"\f34d"}.ion-social-foursquare-outline:before{content:"\f34c"}.ion-social-freebsd-devil:before{content:"\f2c4"}.ion-social-github:before{content:"\f233"}.ion-social-github-outline:before{content:"\f232"}.ion-social-google:before{content:"\f34f"}.ion-social-google-outline:before{content:"\f34e"}.ion-social-googleplus:before{content:"\f235"}.ion-social-googleplus-outline:before{content:"\f234"}.ion-social-hackernews:before{content:"\f237"}.ion-social-hackernews-outline:before{content:"\f236"}.ion-social-html5:before{content:"\f4e3"}.ion-social-html5-outline:before{content:"\f4e2"}.ion-social-instagram:before{content:"\f351"}.ion-social-instagram-outline:before{content:"\f350"}.ion-social-javascript:before{content:"\f4e5"}.ion-social-javascript-outline:before{content:"\f4e4"}.ion-social-linkedin:before{content:"\f239"}.ion-social-linkedin-outline:before{content:"\f238"}.ion-social-markdown:before{content:"\f4e6"}.ion-social-nodejs:before{content:"\f4e7"}.ion-social-octocat:before{content:"\f4e8"}.ion-social-pinterest:before{content:"\f2b1"}.ion-social-pinterest-outline:before{content:"\f2b0"}.ion-social-python:before{content:"\f4e9"}.ion-social-reddit:before{content:"\f23b"}.ion-social-reddit-outline:before{content:"\f23a"}.ion-social-rss:before{content:"\f23d"}.ion-social-rss-outline:before{content:"\f23c"}.ion-social-sass:before{content:"\f4ea"}.ion-social-skype:before{content:"\f23f"}.ion-social-skype-outline:before{content:"\f23e"}.ion-social-snapchat:before{content:"\f4ec"}.ion-social-snapchat-outline:before{content:"\f4eb"}.ion-social-tumblr:before{content:"\f241"}.ion-social-tumblr-outline:before{content:"\f240"}.ion-social-tux:before{content:"\f2c5"}.ion-social-twitch:before{content:"\f4ee"}.ion-social-twitch-outline:before{content:"\f4ed"}.ion-social-twitter:before{content:"\f243"}.ion-social-twitter-outline:before{content:"\f242"}.ion-social-usd:before{content:"\f353"}.ion-social-usd-outline:before{content:"\f352"}.ion-social-vimeo:before{content:"\f245"}.ion-social-vimeo-outline:before{content:"\f244"}.ion-social-whatsapp:before{content:"\f4f0"}.ion-social-whatsapp-outline:before{content:"\f4ef"}.ion-social-windows:before{content:"\f247"}.ion-social-windows-outline:before{content:"\f246"}.ion-social-wordpress:before{content:"\f249"}.ion-social-wordpress-outline:before{content:"\f248"}.ion-social-yahoo:before{content:"\f24b"}.ion-social-yahoo-outline:before{content:"\f24a"}.ion-social-yen:before{content:"\f4f2"}.ion-social-yen-outline:before{content:"\f4f1"}.ion-social-youtube:before{content:"\f24d"}.ion-social-youtube-outline:before{content:"\f24c"}.ion-soup-can:before{content:"\f4f4"}.ion-soup-can-outline:before{content:"\f4f3"}.ion-speakerphone:before{content:"\f2b2"}.ion-speedometer:before{content:"\f2b3"}.ion-spoon:before{content:"\f2b4"}.ion-star:before{content:"\f24e"}.ion-stats-bars:before{content:"\f2b5"}.ion-steam:before{content:"\f30b"}.ion-stop:before{content:"\f24f"}.ion-thermometer:before{content:"\f2b6"}.ion-thumbsdown:before{content:"\f250"}.ion-thumbsup:before{content:"\f251"}.ion-toggle:before{content:"\f355"}.ion-toggle-filled:before{content:"\f354"}.ion-transgender:before{content:"\f4f5"}.ion-trash-a:before{content:"\f252"}.ion-trash-b:before{content:"\f253"}.ion-trophy:before{content:"\f356"}.ion-tshirt:before{content:"\f4f7"}.ion-tshirt-outline:before{content:"\f4f6"}.ion-umbrella:before{content:"\f2b7"}.ion-university:before{content:"\f357"}.ion-unlocked:before{content:"\f254"}.ion-upload:before{content:"\f255"}.ion-usb:before{content:"\f2b8"}.ion-videocamera:before{content:"\f256"}.ion-volume-high:before{content:"\f257"}.ion-volume-low:before{content:"\f258"}.ion-volume-medium:before{content:"\f259"}.ion-volume-mute:before{content:"\f25a"}.ion-wand:before{content:"\f358"}.ion-waterdrop:before{content:"\f25b"}.ion-wifi:before{content:"\f25c"}.ion-wineglass:before{content:"\f2b9"}.ion-woman:before{content:"\f25d"}.ion-wrench:before{content:"\f2ba"}.ion-xbox:before{content:"\f30c"} .camera_wrap a, .camera_wrap img, .camera_wrap ol, .camera_wrap ul, .camera_wrap li, .camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td .camera_thumbs_wrap a, .camera_thumbs_wrap img, .camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li, .camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td { background: none; border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; list-style: none } .camera_wrap { display: none; float: left; position: relative; z-index: 0; } .camera_wrap img { max-width: none!important; } .camera_fakehover { height: 100%; min-height: 60px; position: relative; width: 100%; z-index: 1; } .camera_wrap { width: 100%; } .camera_src { display: none; } .cameraCont, .cameraContents { height: 100%; position: relative; width: 100%; z-index: 1; } .cameraSlide { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .cameraContent { bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .camera_target { bottom: 0; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; text-align: left; top: 0; width: 100%; z-index: 0; } .camera_overlayer { bottom: 0; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%; z-index: 0; } .camera_target_content { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 2; } .camera_target_content .camera_link { background: url(../images/blank.gif); display: block; height: 100%; text-decoration: none; } .camera_loader { border: 1px solid #ffffff; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; height: 36px; left: 50%; overflow: hidden; position: absolute; margin: -18px 0 0 -18px; top: 50%; width: 36px; z-index: 3; } .camera_loader { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .camera_loader:before { content: "\f3f5"; font-family: "Ionicons"; font-size: 30px; display: block; position: absolute; top: -1px; left: 0px; line-height: 36px; z-index: 1000; text-align: center; color: #FFF; width: 100%; } .camera_bar { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 3; } .camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar { height: 100%; position: absolute; width: auto; } .camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar { height: auto; position: absolute; width: 100%; } .camera_nav_cont { height: 65px; overflow: hidden; position: absolute; right: 9px; top: 15px; width: 120px; z-index: 4; } .camera_caption { bottom: 0; display: block; position: absolute; width: 100%; } .camera_caption > div { padding: 10px 20px; } .camerarelative { overflow: hidden; position: relative; } .imgFake { cursor: pointer; } .camera_prevThumbs { bottom: 4px; cursor: pointer; left: 0; position: absolute; top: 4px; visibility: hidden; width: 30px; z-index: 10; } .camera_prevThumbs div { background: url(../images/camera_skins.png) no-repeat -160px 0; display: block; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 30px; } .camera_nextThumbs { bottom: 4px; cursor: pointer; position: absolute; right: 0; top: 4px; visibility: hidden; width: 30px; z-index: 10; } .camera_nextThumbs div { background: url(../images/camera_skins.png) no-repeat -190px 0; display: block; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 30px; } .camera_command_wrap .hideNav { display: none; } .camera_command_wrap { left: 0; position: relative; right:0; z-index: 4; } .camera_wrap .camera_pag { position: absolute; bottom: 0; right: 10px; } .camera_wrap .camera_pag .camera_pag_ul { list-style: none; margin: 0; padding: 0; text-align: right; } .camera_wrap .camera_pag .camera_pag_ul li { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer; display: inline-block; height: 16px; margin: 20px 5px; position: relative; text-align: left; text-indent: -9999px; width: 16px; } .camera_commands_emboss .camera_pag .camera_pag_ul li { -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); } .camera_wrap .camera_pag .camera_pag_ul li > span { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 8px; left: 4px; overflow: hidden; position: absolute; top: 4px; width: 8px; } .camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span { -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); } .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { -moz-box-shadow: 0; -webkit-box-shadow: 0; box-shadow: 0; } .camera_pag_ul li img { display: none; position: absolute; } .camera_pag_ul .thumb_arrow { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid; top: 0; left: 50%; margin-left: -4px; position: absolute; } .camera_prev, .camera_next, .camera_commands { cursor: pointer; height: 40px !important; margin-top: -20px; position: absolute; top: 50%; width: 40px; z-index: 2; box-shadow: 0px -1px 3px rgba(0,0,0, .2), inset 0 1px 0px rgba(255,255,255,0.15), inset 0 0 0px rgba(255,255,255,0.2), inset 0 -1px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px -1px 3px rgba(0,0,0, .2, inset 0 1px 0px rgba(255,255,255,0.15), inset 0 0 0px rgba(255,255,255,0.2), inset 0 -1px 0px rgba(0,0,0,0.1)); -moz-box-shadow: 0px -1px 3px rgba(0,0,0, .2, inset 0 1px 0px rgba(255,255,255,0.15), inset 0 -1px 0px rgba(0,0,0,0.1)); background-image: -moz-linear-gradient(top, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.05) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.0)), color-stop(100%,rgba(0,0,0,0.05))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.05) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.05) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.05) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.05) 100%); } .camera_prev { left: 0; } .camera_prev > span { background: url(../images/camera_skins.png) no-repeat 0 0; display: block; height: 40px; width: 40px; } .camera_next { right: 0; } .camera_next > span { background: url(../images/camera_skins.png) no-repeat -40px 0; display: block; height: 40px; width: 40px; } .camera_commands { right: 41px; } .camera_commands > .camera_play { background: url(../images/camera_skins.png) no-repeat -80px 0; height: 40px; width: 40px; } .camera_commands > .camera_stop { background: url(../images/camera_skins.png) no-repeat -120px 0; display: block; height: 40px; width: 40px; } .camera_wrap .camera_pag .camera_pag_ul li { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer; display: inline-block; height: 16px; margin: 10px 5px; position: relative; text-indent: -9999px; width: 16px; } .camera_thumbs_cont { -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; overflow: hidden; position: relative; width: 100%; } .camera_commands_emboss .camera_thumbs_cont { -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); } .camera_thumbs_cont > div { float: left; width: 100%; } .camera_thumbs_cont ul { overflow: hidden; padding: 3px 4px 8px; position: relative; text-align: center; } .camera_thumbs_cont ul li { display: inline; padding: 0 4px; } .camera_thumbs_cont ul li > img { border: 1px solid; cursor: pointer; margin-top: 5px; vertical-align:bottom; } .camera_clear { display: block; clear: both; } .showIt { display: none; } .camera_clear { clear: both; display: block; height: 1px; margin: -1px 0 25px; position: relative; } /************************** * * COLORS & SKINS * **************************/ .pattern_1 .camera_overlayer { background: url(../images/patterns/overlay1.png) repeat; } .pattern_2 .camera_overlayer { background: url(../images/patterns/overlay2.png) repeat; } .pattern_3 .camera_overlayer { background: url(../images/patterns/overlay3.png) repeat; } .pattern_4 .camera_overlayer { background: url(../images/patterns/overlay4.png) repeat; } .pattern_5 .camera_overlayer { background: url(../images/patterns/overlay5.png) repeat; } .pattern_6 .camera_overlayer { background: url(../images/patterns/overlay6.png) repeat; } .pattern_7 .camera_overlayer { background: url(../images/patterns/overlay7.png) repeat; } .pattern_8 .camera_overlayer { background: url(../images/patterns/overlay8.png) repeat; } .pattern_9 .camera_overlayer { background: url(../images/patterns/overlay9.png) repeat; } .pattern_10 .camera_overlayer { background: url(../images/patterns/overlay10.png) repeat; } .camera_caption { /*color: #fff;*/ } .camera_caption > div { background: #000; background: rgba(0, 0, 0, 0.8); } .camera_wrap .camera_pag .camera_pag_ul li { background: #b7b7b7; } .camera_wrap .camera_pag .camera_pag_ul li:hover > span { background: #b7b7b7; } .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { background: #434648; } .camera_pag_ul li img { border: 4px solid #e6e6e6; -moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5); -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5); box-shadow: 0px 3px 6px rgba(0,0,0,.5); } .camera_pag_ul .thumb_arrow { border-top-color: #e6e6e6; } .camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont { background: #d8d8d8; background: rgba(216, 216, 216, 0.85); } .camera_wrap .camera_pag .camera_pag_ul li { background: #b7b7b7; } .camera_thumbs_cont ul li > img { border-color: 1px solid #000; } /*AMBER SKIN*/ .camera_amber_skin .camera_prevThumbs div { background-position: -160px -160px; } .camera_amber_skin .camera_nextThumbs div { background-position: -190px -160px; } .camera_amber_skin .camera_prev > span { background-position: 0 -160px; } .camera_amber_skin .camera_next > span { background-position: -40px -160px; } .camera_amber_skin .camera_commands > .camera_play { background-position: -80px -160px; } .camera_amber_skin .camera_commands > .camera_stop { background-position: -120px -160px; } /*ASH SKIN*/ .camera_ash_skin .camera_prevThumbs div { background-position: -160px -200px; } .camera_ash_skin .camera_nextThumbs div { background-position: -190px -200px; } .camera_ash_skin .camera_prev > span { background-position: 0 -200px; } .camera_ash_skin .camera_next > span { background-position: -40px -200px; } .camera_ash_skin .camera_commands > .camera_play { background-position: -80px -200px; } .camera_ash_skin .camera_commands > .camera_stop { background-position: -120px -200px; } /*AZURE SKIN*/ .camera_azure_skin .camera_prevThumbs div { background-position: -160px -240px; } .camera_azure_skin .camera_nextThumbs div { background-position: -190px -240px; } .camera_azure_skin .camera_prev > span { background-position: 0 -240px; } .camera_azure_skin .camera_next > span { background-position: -40px -240px; } .camera_azure_skin .camera_commands > .camera_play { background-position: -80px -240px; } .camera_azure_skin .camera_commands > .camera_stop { background-position: -120px -240px; } /*BEIGE SKIN*/ .camera_beige_skin .camera_prevThumbs div { background-position: -160px -120px; } .camera_beige_skin .camera_nextThumbs div { background-position: -190px -120px; } .camera_beige_skin .camera_prev > span { background-position: 0 -120px; } .camera_beige_skin .camera_next > span { background-position: -40px -120px; } .camera_beige_skin .camera_commands > .camera_play { background-position: -80px -120px; } .camera_beige_skin .camera_commands > .camera_stop { background-position: -120px -120px; } /*BLACK SKIN*/ .camera_black_skin .camera_prevThumbs div { background-position: -160px -40px; } .camera_black_skin .camera_nextThumbs div { background-position: -190px -40px; } .camera_black_skin .camera_prev > span { background-position: 0 -40px; } .camera_black_skin .camera_next > span { background-position: -40px -40px; } .camera_black_skin .camera_commands > .camera_play { background-position: -80px -40px; } .camera_black_skin .camera_commands > .camera_stop { background-position: -120px -40px; } /*BLUE SKIN*/ .camera_blue_skin .camera_prevThumbs div { background-position: -160px -280px; } .camera_blue_skin .camera_nextThumbs div { background-position: -190px -280px; } .camera_blue_skin .camera_prev > span { background-position: 0 -280px; } .camera_blue_skin .camera_next > span { background-position: -40px -280px; } .camera_blue_skin .camera_commands > .camera_play { background-position: -80px -280px; } .camera_blue_skin .camera_commands > .camera_stop { background-position: -120px -280px; } /*BROWN SKIN*/ .camera_brown_skin .camera_prevThumbs div { background-position: -160px -320px; } .camera_brown_skin .camera_nextThumbs div { background-position: -190px -320px; } .camera_brown_skin .camera_prev > span { background-position: 0 -320px; } .camera_brown_skin .camera_next > span { background-position: -40px -320px; } .camera_brown_skin .camera_commands > .camera_play { background-position: -80px -320px; } .camera_brown_skin .camera_commands > .camera_stop { background-position: -120px -320px; } /*BURGUNDY SKIN*/ .camera_burgundy_skin .camera_prevThumbs div { background-position: -160px -360px; } .camera_burgundy_skin .camera_nextThumbs div { background-position: -190px -360px; } .camera_burgundy_skin .camera_prev > span { background-position: 0 -360px; } .camera_burgundy_skin .camera_next > span { background-position: -40px -360px; } .camera_burgundy_skin .camera_commands > .camera_play { background-position: -80px -360px; } .camera_burgundy_skin .camera_commands > .camera_stop { background-position: -120px -360px; } /*CHARCOAL SKIN*/ .camera_charcoal_skin .camera_prevThumbs div { background-position: -160px -400px; } .camera_charcoal_skin .camera_nextThumbs div { background-position: -190px -400px; } .camera_charcoal_skin .camera_prev > span { background-position: 0 -400px; } .camera_charcoal_skin .camera_next > span { background-position: -40px -400px; } .camera_charcoal_skin .camera_commands > .camera_play { background-position: -80px -400px; } .camera_charcoal_skin .camera_commands > .camera_stop { background-position: -120px -400px; } /*CHOCOLATE SKIN*/ .camera_chocolate_skin .camera_prevThumbs div { background-position: -160px -440px; } .camera_chocolate_skin .camera_nextThumbs div { background-position: -190px -440px; } .camera_chocolate_skin .camera_prev > span { background-position: 0 -440px; } .camera_chocolate_skin .camera_next > span { background-position: -40px -440px; } .camera_chocolate_skin .camera_commands > .camera_play { background-position: -80px -440px; } .camera_chocolate_skin .camera_commands > .camera_stop { background-position: -120px -440px ; } /*COFFEE SKIN*/ .camera_coffee_skin .camera_prevThumbs div { background-position: -160px -480px; } .camera_coffee_skin .camera_nextThumbs div { background-position: -190px -480px; } .camera_coffee_skin .camera_prev > span { background-position: 0 -480px; } .camera_coffee_skin .camera_next > span { background-position: -40px -480px; } .camera_coffee_skin .camera_commands > .camera_play { background-position: -80px -480px; } .camera_coffee_skin .camera_commands > .camera_stop { background-position: -120px -480px ; } /*CYAN SKIN*/ .camera_cyan_skin .camera_prevThumbs div { background-position: -160px -520px; } .camera_cyan_skin .camera_nextThumbs div { background-position: -190px -520px; } .camera_cyan_skin .camera_prev > span { background-position: 0 -520px; } .camera_cyan_skin .camera_next > span { background-position: -40px -520px; } .camera_cyan_skin .camera_commands > .camera_play { background-position: -80px -520px; } .camera_cyan_skin .camera_commands > .camera_stop { background-position: -120px -520px ; } /*FUCHSIA SKIN*/ .camera_fuchsia_skin .camera_prevThumbs div { background-position: -160px -560px; } .camera_fuchsia_skin .camera_nextThumbs div { background-position: -190px -560px; } .camera_fuchsia_skin .camera_prev > span { background-position: 0 -560px; } .camera_fuchsia_skin .camera_next > span { background-position: -40px -560px; } .camera_fuchsia_skin .camera_commands > .camera_play { background-position: -80px -560px; } .camera_fuchsia_skin .camera_commands > .camera_stop { background-position: -120px -560px ; } /*GOLD SKIN*/ .camera_gold_skin .camera_prevThumbs div { background-position: -160px -600px; } .camera_gold_skin .camera_nextThumbs div { background-position: -190px -600px; } .camera_gold_skin .camera_prev > span { background-position: 0 -600px; } .camera_gold_skin .camera_next > span { background-position: -40px -600px; } .camera_gold_skin .camera_commands > .camera_play { background-position: -80px -600px; } .camera_gold_skin .camera_commands > .camera_stop { background-position: -120px -600px ; } /*GREEN SKIN*/ .camera_green_skin .camera_prevThumbs div { background-position: -160px -640px; } .camera_green_skin .camera_nextThumbs div { background-position: -190px -640px; } .camera_green_skin .camera_prev > span { background-position: 0 -640px; } .camera_green_skin .camera_next > span { background-position: -40px -640px; } .camera_green_skin .camera_commands > .camera_play { background-position: -80px -640px; } .camera_green_skin .camera_commands > .camera_stop { background-position: -120px -640px ; } /*GREY SKIN*/ .camera_grey_skin .camera_prevThumbs div { background-position: -160px -680px; } .camera_grey_skin .camera_nextThumbs div { background-position: -190px -680px; } .camera_grey_skin .camera_prev > span { background-position: 0 -680px; } .camera_grey_skin .camera_next > span { background-position: -40px -680px; } .camera_grey_skin .camera_commands > .camera_play { background-position: -80px -680px; } .camera_grey_skin .camera_commands > .camera_stop { background-position: -120px -680px ; } /*INDIGO SKIN*/ .camera_indigo_skin .camera_prevThumbs div { background-position: -160px -720px; } .camera_indigo_skin .camera_nextThumbs div { background-position: -190px -720px; } .camera_indigo_skin .camera_prev > span { background-position: 0 -720px; } .camera_indigo_skin .camera_next > span { background-position: -40px -720px; } .camera_indigo_skin .camera_commands > .camera_play { background-position: -80px -720px; } .camera_indigo_skin .camera_commands > .camera_stop { background-position: -120px -720px ; } /*KHAKI SKIN*/ .camera_khaki_skin .camera_prevThumbs div { background-position: -160px -760px; } .camera_khaki_skin .camera_nextThumbs div { background-position: -190px -760px; } .camera_khaki_skin .camera_prev > span { background-position: 0 -760px; } .camera_khaki_skin .camera_next > span { background-position: -40px -760px; } .camera_khaki_skin .camera_commands > .camera_play { background-position: -80px -760px; } .camera_khaki_skin .camera_commands > .camera_stop { background-position: -120px -760px ; } /*LIME SKIN*/ .camera_lime_skin .camera_prevThumbs div { background-position: -160px -800px; } .camera_lime_skin .camera_nextThumbs div { background-position: -190px -800px; } .camera_lime_skin .camera_prev > span { background-position: 0 -800px; } .camera_lime_skin .camera_next > span { background-position: -40px -800px; } .camera_lime_skin .camera_commands > .camera_play { background-position: -80px -800px; } .camera_lime_skin .camera_commands > .camera_stop { background-position: -120px -800px ; } /*MAGENTA SKIN*/ .camera_magenta_skin .camera_prevThumbs div { background-position: -160px -840px; } .camera_magenta_skin .camera_nextThumbs div { background-position: -190px -840px; } .camera_magenta_skin .camera_prev > span { background-position: 0 -840px; } .camera_magenta_skin .camera_next > span { background-position: -40px -840px; } .camera_magenta_skin .camera_commands > .camera_play { background-position: -80px -840px; } .camera_magenta_skin .camera_commands > .camera_stop { background-position: -120px -840px ; } /*MAROON SKIN*/ .camera_maroon_skin .camera_prevThumbs div { background-position: -160px -880px; } .camera_maroon_skin .camera_nextThumbs div { background-position: -190px -880px; } .camera_maroon_skin .camera_prev > span { background-position: 0 -880px; } .camera_maroon_skin .camera_next > span { background-position: -40px -880px; } .camera_maroon_skin .camera_commands > .camera_play { background-position: -80px -880px; } .camera_maroon_skin .camera_commands > .camera_stop { background-position: -120px -880px ; } /*ORANGE SKIN*/ .camera_orange_skin .camera_prevThumbs div { background-position: -160px -920px; } .camera_orange_skin .camera_nextThumbs div { background-position: -190px -920px; } .camera_orange_skin .camera_prev > span { background-position: 0 -920px; } .camera_orange_skin .camera_next > span { background-position: -40px -920px; } .camera_orange_skin .camera_commands > .camera_play { background-position: -80px -920px; } .camera_orange_skin .camera_commands > .camera_stop { background-position: -120px -920px ; } /*OLIVE SKIN*/ .camera_olive_skin .camera_prevThumbs div { background-position: -160px -1080px; } .camera_olive_skin .camera_nextThumbs div { background-position: -190px -1080px; } .camera_olive_skin .camera_prev > span { background-position: 0 -1080px; } .camera_olive_skin .camera_next > span { background-position: -40px -1080px; } .camera_olive_skin .camera_commands > .camera_play { background-position: -80px -1080px; } .camera_olive_skin .camera_commands > .camera_stop { background-position: -120px -1080px ; } /*PINK SKIN*/ .camera_pink_skin .camera_prevThumbs div { background-position: -160px -960px; } .camera_pink_skin .camera_nextThumbs div { background-position: -190px -960px; } .camera_pink_skin .camera_prev > span { background-position: 0 -960px; } .camera_pink_skin .camera_next > span { background-position: -40px -960px; } .camera_pink_skin .camera_commands > .camera_play { background-position: -80px -960px; } .camera_pink_skin .camera_commands > .camera_stop { background-position: -120px -960px ; } /*PISTACHIO SKIN*/ .camera_pistachio_skin .camera_prevThumbs div { background-position: -160px -1040px; } .camera_pistachio_skin .camera_nextThumbs div { background-position: -190px -1040px; } .camera_pistachio_skin .camera_prev > span { background-position: 0 -1040px; } .camera_pistachio_skin .camera_next > span { background-position: -40px -1040px; } .camera_pistachio_skin .camera_commands > .camera_play { background-position: -80px -1040px; } .camera_pistachio_skin .camera_commands > .camera_stop { background-position: -120px -1040px ; } /*PINK SKIN*/ .camera_pink_skin .camera_prevThumbs div { background-position: -160px -80px; } .camera_pink_skin .camera_nextThumbs div { background-position: -190px -80px; } .camera_pink_skin .camera_prev > span { background-position: 0 -80px; } .camera_pink_skin .camera_next > span { background-position: -40px -80px; } .camera_pink_skin .camera_commands > .camera_play { background-position: -80px -80px; } .camera_pink_skin .camera_commands > .camera_stop { background-position: -120px -80px; } /*RED SKIN*/ .camera_red_skin .camera_prevThumbs div { background-position: -160px -1000px; } .camera_red_skin .camera_nextThumbs div { background-position: -190px -1000px; } .camera_red_skin .camera_prev > span { background-position: 0 -1000px; } .camera_red_skin .camera_next > span { background-position: -40px -1000px; } .camera_red_skin .camera_commands > .camera_play { background-position: -80px -1000px; } .camera_red_skin .camera_commands > .camera_stop { background-position: -120px -1000px ; } /*TANGERINE SKIN*/ .camera_tangerine_skin .camera_prevThumbs div { background-position: -160px -1120px; } .camera_tangerine_skin .camera_nextThumbs div { background-position: -190px -1120px; } .camera_tangerine_skin .camera_prev > span { background-position: 0 -1120px; } .camera_tangerine_skin .camera_next > span { background-position: -40px -1120px; } .camera_tangerine_skin .camera_commands > .camera_play { background-position: -80px -1120px; } .camera_tangerine_skin .camera_commands > .camera_stop { background-position: -120px -1120px ; } /*TURQUOISE SKIN*/ .camera_turquoise_skin .camera_prevThumbs div { background-position: -160px -1160px; } .camera_turquoise_skin .camera_nextThumbs div { background-position: -190px -1160px; } .camera_turquoise_skin .camera_prev > span { background-position: 0 -1160px; } .camera_turquoise_skin .camera_next > span { background-position: -40px -1160px; } .camera_turquoise_skin .camera_commands > .camera_play { background-position: -80px -1160px; } .camera_turquoise_skin .camera_commands > .camera_stop { background-position: -120px -1160px ; } /*VIOLET SKIN*/ .camera_violet_skin .camera_prevThumbs div { background-position: -160px -1200px; } .camera_violet_skin .camera_nextThumbs div { background-position: -190px -1200px; } .camera_violet_skin .camera_prev > span { background-position: 0 -1200px; } .camera_violet_skin .camera_next > span { background-position: -40px -1200px; } .camera_violet_skin .camera_commands > .camera_play { background-position: -80px -1200px; } .camera_violet_skin .camera_commands > .camera_stop { background-position: -120px -1200px ; } /*WHITE SKIN*/ .camera_white_skin .camera_prevThumbs div { background-position: -160px -80px; } .camera_white_skin .camera_nextThumbs div { background-position: -190px -80px; } .camera_white_skin .camera_prev > span { background-position: 0 -80px; } .camera_white_skin .camera_next > span { background-position: -40px -80px; } .camera_white_skin .camera_commands > .camera_play { background-position: -80px -80px; } .camera_white_skin .camera_commands > .camera_stop { background-position: -120px -80px; } /*YELLOW SKIN*/ .camera_yellow_skin .camera_prevThumbs div { background-position: -160px -1240px; } .camera_yellow_skin .camera_nextThumbs div { background-position: -190px -1240px; } .camera_yellow_skin .camera_prev > span { background-position: 0 -1240px; } .camera_yellow_skin .camera_next > span { background-position: -40px -1240px; } .camera_yellow_skin .camera_commands > .camera_play { background-position: -80px -1240px; } .camera_yellow_skin .camera_commands > .camera_stop { background-position: -120px -1240px ; } /* CUSTOM */ .camera_wrap { -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; -ms-transition:all 1s; transition:all 1s; -webkit-backface-visibility: hidden; } /*DARK SKIN*/ .camera_prevThumbs div { background-position: -160px -80px; } .camera_nextThumbs div { background-position: -190px -80px; } .camera_prev > span { background-position: 0 -80px; } .camera_next > span { background-position: -40px -80px; } .camera_commands > .camera_play { background-position: -80px -80px; } .camera_commands > .camera_stop { background-position: -120px -80px; } #stacks_in_710 { overflow: visible; } #stacks_in_710 .camera_next > span, #stacks_in_710 .camera_prev > span, #stacks_in_710 .camera_commands > .camera_play, #stacks_in_710 .camera_commands > .camera_stop { background: transparent; } #stacks_in_710 .camera_next > span:before, #stacks_in_710 .camera_prev > span:before, #stacks_in_710 .camera_commands > .camera_play:before, #stacks_in_710 .camera_commands > .camera_stop:before { display: block; width: 40px; height: 40px; font-family: 'Ionicons'; font-size: 36px; line-height: 40px; text-align: center; } #stacks_in_710 .camera_next > span:before { content: "\f3d1"; } #stacks_in_710 .camera_prev > span:before { content: "\f3cf"; } #stacks_in_710 .camera_commands > .camera_play:before { content: "\f488"; font-size: 26px; } #stacks_in_710 .camera_commands > .camera_stop:before { content: "\f478"; font-size: 26px; } #stacks_in_710 .camera_commands { background-color: #571829; color: #FFFFFF; } #stacks_in_710 .camera_next, #stacks_in_710 .camera_prev { background-color: #FFFFFF; color: #571829; } .cameraContents .caption_stacks_in_711.camera_caption > div { color: #FFFFFF; background-color: rgba(0,0,0,0.30); background-image: none; } .cameraContents .caption_stacks_in_714.camera_caption > div { color: #FFFFFF; background-color: rgba(0,0,0,0.30); background-image: none; } .cameraContents .caption_stacks_in_740.camera_caption > div { color: #FFFFFF; background-color: rgba(0,0,0,0.30); background-image: none; } .cameraContents .caption_stacks_in_741.camera_caption > div { color: #FFFFFF; background-color: rgba(0,0,0,0.30); background-image: none; } #stacks_in_752 { padding: 0px 0px 0px 10px; } #stacks_in_238.layouts-2-row > .layouts-2-content-width.layouts-2-el, #stacks_in_238.layouts-2-row > div > div[tag="node"] { display: flex; width: 100%; margin: 40px auto 40px auto; background: transparent; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; box-sizing: border-box; gap: 0px 0px; } #stacks_in_238.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 0px; } @supports (rotate:180deg) { #stacks_in_238.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 0; } } #stacks_in_239.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_239.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_239.out { overflow: visible; } .layouts-2-content-width > #stacks_in_239.layouts-2-column:after, #stacks_out_239:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_239.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_239.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_239.layouts-2-column.hide-mobile { display: none; } } #stacks_in_258 { margin: 0px 0px 0px 5px; padding: 20px; } #stacks_in_245.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_245.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_245.out { overflow: visible; } .layouts-2-content-width > #stacks_in_245.layouts-2-column:after, #stacks_out_245:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_245.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_245.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_245.layouts-2-column.hide-mobile { display: none; } } #stacks_in_260 { padding: 20px; } #stacks_in_250.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_250.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_250.out { overflow: visible; } .layouts-2-content-width > #stacks_in_250.layouts-2-column:after, #stacks_out_250:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_250.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_250.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_250.layouts-2-column.hide-mobile { display: none; } } #stacks_in_262 { padding: 20px; } #stacks_in_255.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_255.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_255.out { overflow: visible; } .layouts-2-content-width > #stacks_in_255.layouts-2-column:after, #stacks_out_255:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_255.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_255.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_255.layouts-2-column.hide-mobile { display: none; } } #stacks_in_264 { padding: 20px; } #stacks_in_303 { background-color: rgba(0, 0, 0, 1.00); padding: 20px; } #stacks_in_338 .jwresp_wrapper{width:100%;overflow:auto}#stacks_in_338 .jwresp_col{overflow:hidden;margin:0;width:38%; float:left;}#stacks_in_338 #jwresp_col2_stacks_in_338{ float:right; width:58%}@media screen and (max-width:500px){#stacks_in_338 #jwresp_col1_stacks_in_338,#stacks_in_338 #jwresp_col2_stacks_in_338{width:100%;float:none;display:block}#stacks_in_338 #jwresp_col1_stacks_in_338{margin-bottom:15px}} #stacks_in_338 { padding: 0px 0px 40px 0px; } #stacks_in_812 { padding: 20px; } #stacks_in_921 { padding: 10px 0px 10px 0px; } #stacks_in_923 { padding: 10px 0px 0px 0px; } #stacks_in_326 { padding: 20px 0px 40px 0px; } :root { --multi_columns_stacks_in_814:1fr 1fr 1fr; } #multi_columns_stacks_in_814 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_814); grid-gap: 16px; align-items: center; } #multi_columns_stacks_in_814 > div { min-width: 0; } #multi_columns_stacks_in_814 + .deluxe-columns { margin-top: 16px; } #multi_columns_stacks_in_814 > div img { max-width: 100%; } #multi_columns_stacks_in_814 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 901px) { #multi_columns_stacks_in_814 .hide-mobile { display: inherit; } #multi_columns_stacks_in_814 .hide-tablet { display: inherit; } #multi_columns_stacks_in_814 .hide-mobile { display: inherit; } #multi_columns_stacks_in_814 .hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 501px) { #multi_columns_stacks_in_814 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_814 .hide-desktop { display: inherit; } #multi_columns_stacks_in_814 .hide-mobile { display: inherit; } #multi_columns_stacks_in_814 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_814 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_814 .hide-tablet { display: inherit; } #multi_columns_stacks_in_814 .hide-desktop { display: inherit; } #multi_columns_stacks_in_814 .hide-mobile { display: none; } } @media all and (max-width: 900px) { #multi_columns_stacks_in_814 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_814 + .deluxe-columns { } #multi_columns_stacks_in_814 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_814 > div > * {position: relative;} #multi_columns_stacks_in_814 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_814 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_814 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_814 > div > * {position: relative;} #multi_columns_stacks_in_814 > div > * > * {transform: translate(0,0);} } #stacks_in_332 { border: solid rgba(226, 165, 26, 1.00); border-width: 1px; padding: 10px; } #stacks_in_334 { border: solid rgba(226, 165, 26, 1.00); border-width: 1px; padding: 10px; } #stacks_in_336 { border: solid rgba(226, 165, 26, 1.00); border-width: 1px; padding: 10px; } :root { --multi_columns_stacks_in_925:1fr 1fr 1fr; } #multi_columns_stacks_in_925 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_925); grid-gap: 16px; align-items: center; } #multi_columns_stacks_in_925 > div { min-width: 0; } #multi_columns_stacks_in_925 + .deluxe-columns { margin-top: 16px; } #multi_columns_stacks_in_925 > div img { max-width: 100%; } #multi_columns_stacks_in_925 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 901px) { #multi_columns_stacks_in_925 .hide-mobile { display: inherit; } #multi_columns_stacks_in_925 .hide-tablet { display: inherit; } #multi_columns_stacks_in_925 .hide-mobile { display: inherit; } #multi_columns_stacks_in_925 .hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 501px) { #multi_columns_stacks_in_925 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_925 .hide-desktop { display: inherit; } #multi_columns_stacks_in_925 .hide-mobile { display: inherit; } #multi_columns_stacks_in_925 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_925 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_925 .hide-tablet { display: inherit; } #multi_columns_stacks_in_925 .hide-desktop { display: inherit; } #multi_columns_stacks_in_925 .hide-mobile { display: none; } } @media all and (max-width: 900px) { #multi_columns_stacks_in_925 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_925 + .deluxe-columns { } #multi_columns_stacks_in_925 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_925 > div > * {position: relative;} #multi_columns_stacks_in_925 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_925 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_925 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_925 > div > * {position: relative;} #multi_columns_stacks_in_925 > div > * > * {transform: translate(0,0);} } #stacks_in_932 { border: solid rgba(226, 165, 26, 1.00); border-width: 1px; padding: 10px; } #stacks_in_929 { border: solid rgba(226, 165, 26, 1.00); border-width: 1px; padding: 10px; } #stacks_in_997 { border: solid rgba(226, 165, 26, 1.00); border-width: 1px; padding: 10px; } /* FancyLine Stack v1.2.2 */ #stacks_in_996 hr { height: 0; border: 0; margin: 0; padding: 0; border-top-width: 1px; border-top-style: double; border-top-color: #5078AF; background: #31506A; } *:first-child+html #stacks_in_996 hr, * html #stacks_in_996 hr {height: 1px /*IE7*/;} * html #stacks_in_996 hr {line-height: 1px /*IE6*/;} /* End of FancyLine stack */ #stacks_in_996 { padding: 20px; } #stacks_in_955 { padding: 20px 20px 0px 20px; } :root { --multi_columns_stacks_in_938:1fr 1fr 1fr 1fr; } #multi_columns_stacks_in_938 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_938); grid-gap: 40px; align-items: center; justify-content: center; } #multi_columns_stacks_in_938 > div { min-width: 0; } #multi_columns_stacks_in_938 + .deluxe-columns { margin-top: 40px; } #multi_columns_stacks_in_938 > div img { max-width: 100%; } #multi_columns_stacks_in_938 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 901px) { #multi_columns_stacks_in_938 .hide-mobile { display: inherit; } #multi_columns_stacks_in_938 .hide-tablet { display: inherit; } #multi_columns_stacks_in_938 .hide-mobile { display: inherit; } #multi_columns_stacks_in_938 .hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 501px) { #multi_columns_stacks_in_938 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_938 .hide-desktop { display: inherit; } #multi_columns_stacks_in_938 .hide-mobile { display: inherit; } #multi_columns_stacks_in_938 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_938 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_938 .hide-tablet { display: inherit; } #multi_columns_stacks_in_938 .hide-desktop { display: inherit; } #multi_columns_stacks_in_938 .hide-mobile { display: none; } } @media all and (max-width: 900px) { #multi_columns_stacks_in_938 { grid-template-columns: repeat(1, 1fr); grid-gap: 24px; } #multi_columns_stacks_in_938 + .deluxe-columns { margin-top: 24px; } #multi_columns_stacks_in_938 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_938 > div > * {position: relative;} #multi_columns_stacks_in_938 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_938 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_938 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_938 > div > * {position: relative;} #multi_columns_stacks_in_938 > div > * > * {transform: translate(0,0);} } /* SocialDock – each.css */ /* ===== Basis & Variablen ===== */ .socialdock { --sd-gutter: 8px; --sd-radius: 8px; --sd-pad-y: 8px; --sd-pad-x: 10px; --sd-font: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif; position: relative; display: block; font-family: var(--sd-font); line-height: 1; } /* ===== Layout Container ===== */ .socialdock .socialdock-inner { display: flex; width: 100%; flex-wrap: wrap; gap: var(--sd-gutter); justify-content: flex-start; /* default */ } .socialdock[data-align="center"] .socialdock-inner { justify-content: center; } .socialdock[data-align="right"] .socialdock-inner { justify-content: flex-end; } .socialdock[data-align="between"] .socialdock-inner { justify-content: space-between; } .socialdock[data-align="around"] .socialdock-inner { justify-content: space-around; } .socialdock[data-align="evenly"] .socialdock-inner { justify-content: space-evenly; } /* ===== Stacked-Mode ===== */ .socialdock[data-stacked="true"] .socialdock-inner { flex-direction: column; } .socialdock[data-stacked="true"][data-fullwidth="true"] .socialdock-inner { align-items: stretch; } .socialdock[data-stacked="true"][data-fullwidth="true"] .sd-btn { width: 100%; max-width: 100%; box-sizing: border-box; } /* Stacked + nicht Fullwidth: horizontal per align-items */ .socialdock[data-stacked="true"]:not([data-fullwidth="true"]) .socialdock-inner { align-items: flex-start; } .socialdock[data-stacked="true"]:not([data-fullwidth="true"])[data-align="center"] .socialdock-inner { align-items: center; } .socialdock[data-stacked="true"]:not([data-fullwidth="true"])[data-align="right"] .socialdock-inner { align-items: flex-end; } .socialdock[data-stacked="true"] .sd-btn { align-self: auto !important; } /* ===== Buttons ===== */ .socialdock .sd-btn { width: var(--sd-btn-w, auto); /* equalWidth via JS */ display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; border-width: var(--sd-border-w, 1px); border-style: var(--sd-border-style, solid); border-color: var(--sd-border-color, currentColor); border-radius: var(--sd-radius, var(--sr-radius, var(--sd-radius-default, 8px))); padding: var(--sd-pad-y, var(--sr-pad-y, var(--sd-pad-y-default, 8px))) var(--sd-pad-x, var(--sr-pad-x, var(--sd-pad-x-default, 10px))); transition: transform .08s ease, opacity .2s ease; font-weight: 600; white-space: nowrap; } .socialdock .sd-btn:focus { outline: 2px solid; outline-offset: 2px; } .socialdock .sd-btn:hover { transform: translateY(-1px); } .socialdock .sd-btn:active { transform: translateY(0); } /* ===== Icons immer perfekt zentriert ===== */ .socialdock .sd-ic { font-size: var(--sd-icon-size, 19px); /* global steuerbar (px) */ width: 1em; height: 1em; display: inline-flex; align-items: center; justify-content: center; /* zentriert SVG im Icon-Container */ } .socialdock .sd-ic svg { width: 1em; height: 1em; display: block; overflow: visible; } .socialdock .sd-lb { font-size: var(--sd-label-size, inherit); } /* ===== Labels & Hover-Animation ===== */ /* 1) Labels AUS (robust), wenn KEIN Hoverlabel aktiv ist */ .socialdock:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-lb { display: none !important; } .socialdock:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-btn { gap: 0; /* kein Phantomabstand */ justify-content: center; /* Icon mittig */ } /* 2) Hoverlabel aktiv + Labels nicht explizit an */ .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-lb { display: inline-flex !important; /* sichtbar als Flex-Item */ align-items: center; min-width: 0; /* echtes Schrumpfen */ max-width: 0; /* eingefahren */ overflow: hidden; opacity: 0; transform: translateX(-4px) scale(0.98); margin-left: 0; pointer-events: none; transition: max-width .25s ease, opacity .22s ease, transform .25s ease, margin-left .25s ease; } .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-btn { gap: 0; /* Platz entsteht durch margin-left beim Ausfahren */ justify-content: center; } .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-btn:hover .sd-lb, .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-btn:focus-visible .sd-lb { max-width: var(--sd-hoverlabel-max, 12ch); opacity: 1; transform: none; margin-left: .5em; /* wirkt wie gap */ } /* ===== Größen ===== */ .socialdock[data-size="s"] .sd-btn { font-size: 12px; --sd-pad-y-default: 6px; --sd-pad-x-default: 8px; --sd-radius-default: 8px; } .socialdock[data-size="m"] .sd-btn { font-size: 14px; --sd-pad-y-default: 8px; --sd-pad-x-default: 10px; --sd-radius-default: 8px; } .socialdock[data-size="l"] .sd-btn { font-size: 16px; --sd-pad-y-default: 10px; --sd-pad-x-default: 12px; --sd-radius-default: 12px; } /* ===== Formen ===== */ .socialdock[data-shape="square"] .sd-btn { border-radius: 0px; } .socialdock[data-shape="pill"] .sd-btn { border-radius: 999px; } /* optional, nur zur Klarheit – identisch zur Basis: */ .socialdock[data-shape="rounded"] .sd-btn { border-radius: var(--sd-radius, var(--sr-radius, var(--sd-radius-default, 8px))); } /* ===== Theme-Variablen (Light/Dark/Auto) – nur wenn Brand AUS ===== */ .socialdock[data-theme="light"]:not([data-brand]) .sd-btn, .socialdock[data-theme="light"][data-brand="off"] .sd-btn { color: var(--sd-light-fg, #111); background: var(--sd-light-bg, #fff); } .socialdock[data-theme="dark"]:not([data-brand]) .sd-btn, .socialdock[data-theme="dark"][data-brand="off"] .sd-btn { color: var(--sd-dark-fg, #eee); background: var(--sd-dark-bg, #111); } @media (prefers-color-scheme: light) { .socialdock[data-theme="auto"]:not([data-brand]) .sd-btn, .socialdock[data-theme="auto"][data-brand="off"] .sd-btn { color: var(--sd-light-fg, #111); background: var(--sd-light-bg, #fff); } } @media (prefers-color-scheme: dark) { .socialdock[data-theme="auto"]:not([data-brand]) .sd-btn, .socialdock[data-theme="auto"][data-brand="off"] .sd-btn { color: var(--sd-dark-fg, #eee); background: var(--sd-dark-bg, #111); } } /* ===== Brandfarben (pro Service) ===== */ .sd-btn.sd-x { --sd-brand: #000000; } .sd-btn.sd-facebook { --sd-brand: #1877f2; } .sd-btn.sd-linkedin { --sd-brand: #0a66c2; } .sd-btn.sd-whatsapp { --sd-brand: #25d366; } .sd-btn.sd-telegram { --sd-brand: #24a1de; } .sd-btn.sd-pinterest { --sd-brand: #e60023; } .sd-btn.sd-mail { --sd-brand: #6c757d; } .sd-btn.sd-copy { --sd-brand: #6c757d; } .sd-btn.sd-print { --sd-brand: #6c757d; } .sd-btn.sd-webshare { --sd-brand: #6c757d; } .sd-btn.sd-threads { --sd-brand: #000000; } .sd-btn.sd-bluesky { --sd-brand: #1185fe; } .sd-btn.sd-reddit { --sd-brand: #ff4500; } .sd-btn.sd-hn { --sd-brand: #ff6600; } .sd-btn.sd-pocket { --sd-brand: #ef4056; } .sd-btn.sd-flipboard { --sd-brand: #e12828; } .sd-btn.sd-vk { --sd-brand: #4c75a3; } .sd-btn.sd-line { --sd-brand: #00c300; } .sd-btn.sd-weibo { --sd-brand: #e6162d; } .sd-btn.sd-xing { --sd-brand: #026466; } .sd-btn.sd-mastodon { --sd-brand: #6364ff; } .sd-btn.sd-youtube { --sd-brand: #ff0000; } .sd-btn.sd-instagram { --sd-brand: #E1306C; } .sd-btn.sd-tiktok { --sd-brand: #000000; } .sd-btn.sd-github { --sd-brand: #24292e; } .sd-btn.sd-website { --sd-brand: #6c757d; } /* generisch */ .socialdock[data-brand="fg"] .sd-btn { color: var(--sd-brand, currentColor); border-color: var(--sd-brand, currentColor); background: transparent; } .socialdock[data-brand="bg"] .sd-btn { background: var(--sd-brand, #555); border-color: var(--sd-brand, #555); color: #fff; } /* ⬇️ NEU: Per-Button Brand-Style (überschreibt Theme) */ /* Nach deinen Theme-Regeln einfügen */ .socialdock[data-theme] .sd-btn[data-brand="bg"] { background: var(--sd-brand, #555); border-color: var(--sd-brand, #555); color: #fff; } .socialdock[data-theme] .sd-btn[data-brand="fg"] { color: var(--sd-brand, currentColor); border-color: var(--sd-brand, currentColor); background: transparent; } .socialdock[data-brand="fg"] .sd-btn:hover { opacity: .95; } .socialdock[data-brand="fg"] .sd-btn:active { opacity: .9; } .socialdock[data-brand="bg"] .sd-btn:hover { filter: brightness(.97); } .socialdock[data-brand="bg"] .sd-btn:active { filter: brightness(.92); } /* ===== Toast ===== */ .socialdock .socialdock-toast { position: absolute; margin-top: 8px; background: rgba(0, 0, 0, .9); color: #fff; padding: 8px 10px; border-radius: 8px; font-size: 12px; opacity: 0; transform: translateY(-4px); transition: all .18s ease; } .socialdock .socialdock-toast.show { opacity: 1; transform: translateY(0); } /* Basis: Icon-Größe unabhängig vom Label steuern */ .socialdock .sd-ic { /* skaliert NUR das Icon (SVG bleibt 1em innerhalb) */ font-size: var(--sd-icon-size, 19px); width: 1em; height: 1em; } /* ===== Icon-only: kein Hintergrund, kein Rand – Labels bleiben ===== */ .socialdock[data-appearance="true"] .sd-btn { background: transparent !important; --sd-border-w: 0; box-shadow: none !important; padding: var(--sd-icon-pad, 0); /* unsichtbare Klickfläche (0–8px) */ gap: 8px; /* Abstand Icon ↔ Label */ transform: none; } /* Icon im icon-only Modus größer machen */ .socialdock[data-appearance="true"] { --sd-icon-size: 26px; } /* Optional pro Buttongröße feinabstimmen */ .socialdock[data-appearance="true"][data-size="s"] { --sd-icon-size: 17px; } .socialdock[data-appearance="true"][data-size="m"] { --sd-icon-size: 22px; } .socialdock[data-appearance="true"][data-size="l"] { --sd-icon-size: 29px; } /* Fokus sichtbar (A11y) */ .socialdock[data-appearance="true"] .sd-btn:focus { outline: 2px solid currentColor; outline-offset: 2px; } /* Falls im icon-only Modus Brand-Farbe erzwungen werden soll */ .socialdock[data-appearance="true"][data-brand="fg"] .sd-btn { color: var(--sd-brand) !important; } .socialdock[data-appearance="true"][data-brand="bg"] .sd-btn { background: transparent !important; border: 0 !important; /* wahlweise: color: var(--sd-brand) !important; */ } /* 1) SVG darf über den ViewBox-Rand schauen (kein Clipping der Strokes) */ .socialdock .sd-ic svg { overflow: visible; /* verhindert "angeschnittene" Kanten */ display: block; } /* 2) Icon-Flexitem nicht schrumpfen lassen, immer genug Platz geben */ .socialdock .sd-ic { flex: 0 0 auto; /* nicht zusammenquetschen */ min-width: 1em; /* nie kleiner als die Icon-Größe */ min-height: 1em; padding: .08em; /* optischer "Bleed" */ } /* 3) Sicherheitshalber: Buttons haben wirklich kompakte Line-Box */ .socialdock .sd-btn { line-height: 1; } /* 4) Im Icon-only Modus darf das Icon größer sein, ohne Clipping */ .socialdock[data-appearance="true"] { --sd-icon-size: 26px; } .socialdock .sd-ic { font-size: var(--sd-icon-size, 19px); width: 1em; height: 1em; } /* Icon-only Modus: Sicherheits-Inset */ .socialdock[data-appearance="true"]{ --sd-edge-safety: 2px; /* ggf. 1px–3px testen */ padding-inline: var(--sd-edge-safety); overflow-x: clip; } @supports not (overflow-x: clip){ .socialdock[data-appearance="true"]{ overflow-x: hidden; } } /* Monochrome Icons – sicher */ .socialdock .sd-ic svg, .socialdock .sd-ic svg * { fill: currentColor !important; stroke: none !important; } /* Perfekte Kreise, wenn Option aktiv UND Labels komplett aus (kein Hoverlabel) */ .socialdock[data-round-icononly="true"]:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-btn { /* Kreisgröße: Icon + vertikales Padding */ --sd-circle: calc(var(--sd-icon-size, 19px) + (var(--sd-pad-y) * 2)); /* Equal-Width übersteuern: Breite = Höhe = --sd-circle */ --sd-btn-w: var(--sd-circle); height: var(--sd-circle); /* gleiches Padding auf allen Seiten -> optisch zentriert */ padding: var(--sd-pad-y); border-radius: 50%; gap: 0; /* kein „Phantom“-Abstand */ justify-content: center; } /* Optional: auch im icon-only Erscheinungsbild kreisrund */ .socialdock[data-appearance="true"][data-round-icononly="true"]:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-btn { border-radius: 50%; } /* Mini-Zeile: edel, freundlich, sehr kompakt */ .sd-item-mini{ --sd-brand:#6c757d; /* Fallback Brand */ --sd-bg:#f6f8fc; /* freundliches Hell */ --sd-bd:#e6ecf5; /* sanfte Linie */ --sd-fg:#243449; /* statt Schwarz: edles Slate */ --sd-badge-bg-share:#eef3ff; --sd-badge-fg-share:#2a5bd7; --sd-badge-bd-share:#e2e9ff; --sd-badge-bg-link:#e8f7f1; --sd-badge-fg-link:#0b7b54; --sd-badge-bd-link:#d6f2e7; display:flex; align-items:center; gap:8px; padding:4px 8px; margin:2px 0; border:0px solid var(--sd-bd); border-radius:4px; background:var(--sd-bg); color:var(--sd-fg); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; font-size:12px; line-height:1.2; max-width:100%; } .sd-item-mini .sd-dot{ width:8px; height:8px; border-radius:50%; background:var(--sd-brand); flex:0 0 auto; } .sd-item-mini .sd-badge{ font-size:10px; font-weight:700; padding:2px 6px; border-radius:999px; border:1px solid var(--sd-bd); } .sd-item-mini.is-share .sd-badge{ background:var(--sd-badge-bg-share); color:var(--sd-badge-fg-share); border-color:var(--sd-badge-bd-share); } .sd-item-mini.is-link .sd-badge{ background:var(--sd-badge-bg-link); color:var(--sd-badge-fg-link); border-color:var(--sd-badge-bd-link); } .sd-item-mini .sd-text{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; min-width:0; } /* Service-Namen hübsch anzeigen: - wenn kein Label gesetzt ist, erzeugen wir Text via ::after - Standard: capitalize - Ausnahmen (YouTube, Hacker News, LINE, VK, Web Share, etc.) */ .sd-item-mini .sd-svc::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing:.2px; } /* Ausnahmen/Mappings auf echte Markennamen */ .sd-item-mini.sd--youtube .sd-svc::after{ content:"YouTube"; } .sd-item-mini.sd--hn .sd-svc::after{ content:"Hacker News"; } .sd-item-mini.sd--line .sd-svc::after{ content:"LINE"; } .sd-item-mini.sd--vk .sd-svc::after{ content:"VK"; } .sd-item-mini.sd--xing .sd-svc::after{ content:"XING"; } .sd-item-mini.sd--webshare .sd-svc::after{ content:"Web Share"; } .sd-item-mini.sd--x .sd-svc::after{ content:"X"; } /* Dark-Mode (freundlich, nicht pechschwarz) */ @media (prefers-color-scheme: dark){ .sd-item-mini{ --sd-bg:#818c9f; --sd-bd:#243449; --sd-fg:#e7ecf3; --sd-badge-bg-share:#11203f; --sd-badge-fg-share:#9fb6ff; --sd-badge-bd-share:#1a2a4a; --sd-badge-bg-link:#0f221b; --sd-badge-fg-link:#86d6b7; --sd-badge-bd-link:#153428; } } /* Brandfarbe nach Dienst (nur Variable setzen, dezente Dot-Farbe) */ .sd-item-mini.sd--x{--sd-brand:#111} .sd-item-mini.sd--facebook{--sd-brand:#1877f2} .sd-item-mini.sd--linkedin{--sd-brand:#0a66c2} .sd-item-mini.sd--whatsapp{--sd-brand:#25d366} .sd-item-mini.sd--telegram{--sd-brand:#24a1de} .sd-item-mini.sd--pinterest{--sd-brand:#e60023} .sd-item-mini.sd--mail,.sd-item-mini.sd--copy,.sd-item-mini.sd--print,.sd-item-mini.sd--webshare{--sd-brand:#6c757d} .sd-item-mini.sd--threads{--sd-brand:#000} .sd-item-mini.sd--bluesky{--sd-brand:#1185fe} .sd-item-mini.sd--reddit{--sd-brand:#ff4500} .sd-item-mini.sd--hn{--sd-brand:#ff6600} .sd-item-mini.sd--pocket{--sd-brand:#ef4056} .sd-item-mini.sd--flipboard{--sd-brand:#e12828} .sd-item-mini.sd--vk{--sd-brand:#4c75a3} .sd-item-mini.sd--line{--sd-brand:#00c300} .sd-item-mini.sd--weibo{--sd-brand:#e6162d} .sd-item-mini.sd--xing{--sd-brand:#026466} .sd-item-mini.sd--mastodon{--sd-brand:#6364ff} /* Link-Only & generisch */ .sd-item-mini.sd--instagram{--sd-brand:#E1306C} .sd-item-mini.sd--youtube{--sd-brand:#f00} .sd-item-mini.sd--tiktok{--sd-brand:#000} .sd-item-mini.sd--github{--sd-brand:#24292e} .sd-item-mini.sd--website,.sd-item-mini.sd--external{--sd-brand:#6c757d} /* Auto-Label: Service-Namen hübsch darstellen, wenn kein eigenes Label gesetzt ist */ .sd-preview .sd-auto-label::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing: .2px; } /* Ausnahmen für Markennamen */ .sd-preview .sd-btn.sd-youtube .sd-auto-label::after{ content: "YouTube"; } .sd-preview .sd-btn.sd-hn .sd-auto-label::after{ content: "Hacker News"; } .sd-preview .sd-btn.sd-line .sd-auto-label::after{ content: "LINE"; } .sd-preview .sd-btn.sd-vk .sd-auto-label::after{ content: "VK"; } .sd-preview .sd-btn.sd-xing .sd-auto-label::after{ content: "XING"; } .sd-preview .sd-btn.sd-webshare .sd-auto-label::after{ content: "Web Share"; } .sd-preview .sd-btn.sd-x .sd-auto-label::after{ content: "X"; } /* Kompakter machen, damit die Zeile wenig Platz braucht (ohne die Parent-Optik zu brechen) */ .sd-preview .sd-btn{ padding: 6px 10px; /* etwas schlanker */ gap: 6px; /* engerer Abstand Icon/Label */ font-size: 13px; /* kompakt, aber lesbar */ } .sd-preview .sd-ic { font-size: var(--sd-icon-size, 19px); } /* Legenden-Container kompakt lassen */ .sd-edit-inline{ display:flex; align-items:center; gap:8px; max-width:100%; } /* Button im Editor kompakt */ .sd-preview .sd-btn{ padding:4px 8px; gap:6px; font-size:12px; } .sd-preview .sd-ic { font-size:var(--sd-icon-size, 19px); } .sd-preview .sd-lb { font-size: var(--sd-label-size, 14px); } /* Kleine Legende: „Share/Link · Service“ */ .sd-edit-legend{ --fg:#2a394d; --bd:#e6ecf5; --bg:#f6f8fc; --fgShare:#2a394d; /* vorher fast weiß → schlechte Lesbarkeit */ --fgLink:#0b7b54; display:inline-flex; align-items:center; gap:4px; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; font-size:11px; line-height:1.1; color:var(--fg); padding:2px 6px; border:1px solid var(--bd); border-radius:8px; background:var(--bg); white-space:nowrap; max-width:100%; } .sd-edit-legend .sd-legend-mode{ font-weight:700; /* Modus-Farbe */ } .sd-edit-legend.is-share .sd-legend-mode{ color:var(--fgShare); } .sd-edit-legend.is-link .sd-legend-mode{ color:var(--fgLink); } .sd-edit-legend .sd-legend-sep{ opacity:.5; } /* 👉 Dienst-Name: etwas größer & fett, damit er sofort erkennbar ist */ .sd-edit-legend .sd-legend-svc{ font-size:11px; font-weight:700; overflow:hidden; text-overflow:ellipsis; max-width:32ch; text-transform:capitalize; /* hübscher als alles klein */ } /* 👉 Falls KEIN Label im HTML steht, nimm data-svc als Fallback-Text */ .sd-edit-legend .sd-legend-svc:empty::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing:.2px; } /* Markennamen-Sonderfälle für den Fallback-Text */ .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="youtube"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="youtube"]::after{ content:"YouTube"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="hn"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="hn"]::after{ content:"Hacker News"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="line"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="line"]::after{ content:"LINE"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="vk"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="vk"]::after{ content:"VK"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="xing"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="xing"]::after{ content:"XING"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="webshare"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="webshare"]::after{ content:"Web Share"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="x"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="x"]::after{ content:"X"; } /* SocialDock – each.css */ /* ===== Basis & Variablen ===== */ .socialdock { --sd-gutter: 8px; --sd-radius: 8px; --sd-pad-y: 8px; --sd-pad-x: 10px; --sd-font: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif; position: relative; display: block; font-family: var(--sd-font); line-height: 1; } /* ===== Layout Container ===== */ .socialdock .socialdock-inner { display: flex; width: 100%; flex-wrap: wrap; gap: var(--sd-gutter); justify-content: flex-start; /* default */ } .socialdock[data-align="center"] .socialdock-inner { justify-content: center; } .socialdock[data-align="right"] .socialdock-inner { justify-content: flex-end; } .socialdock[data-align="between"] .socialdock-inner { justify-content: space-between; } .socialdock[data-align="around"] .socialdock-inner { justify-content: space-around; } .socialdock[data-align="evenly"] .socialdock-inner { justify-content: space-evenly; } /* ===== Stacked-Mode ===== */ .socialdock[data-stacked="true"] .socialdock-inner { flex-direction: column; } .socialdock[data-stacked="true"][data-fullwidth="true"] .socialdock-inner { align-items: stretch; } .socialdock[data-stacked="true"][data-fullwidth="true"] .sd-btn { width: 100%; max-width: 100%; box-sizing: border-box; } /* Stacked + nicht Fullwidth: horizontal per align-items */ .socialdock[data-stacked="true"]:not([data-fullwidth="true"]) .socialdock-inner { align-items: flex-start; } .socialdock[data-stacked="true"]:not([data-fullwidth="true"])[data-align="center"] .socialdock-inner { align-items: center; } .socialdock[data-stacked="true"]:not([data-fullwidth="true"])[data-align="right"] .socialdock-inner { align-items: flex-end; } .socialdock[data-stacked="true"] .sd-btn { align-self: auto !important; } /* ===== Buttons ===== */ .socialdock .sd-btn { width: var(--sd-btn-w, auto); /* equalWidth via JS */ display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; border-width: var(--sd-border-w, 1px); border-style: var(--sd-border-style, solid); border-color: var(--sd-border-color, currentColor); border-radius: var(--sd-radius, var(--sr-radius, var(--sd-radius-default, 8px))); padding: var(--sd-pad-y, var(--sr-pad-y, var(--sd-pad-y-default, 8px))) var(--sd-pad-x, var(--sr-pad-x, var(--sd-pad-x-default, 10px))); transition: transform .08s ease, opacity .2s ease; font-weight: 600; white-space: nowrap; } .socialdock .sd-btn:focus { outline: 2px solid; outline-offset: 2px; } .socialdock .sd-btn:hover { transform: translateY(-1px); } .socialdock .sd-btn:active { transform: translateY(0); } /* ===== Icons immer perfekt zentriert ===== */ .socialdock .sd-ic { font-size: var(--sd-icon-size, 19px); /* global steuerbar (px) */ width: 1em; height: 1em; display: inline-flex; align-items: center; justify-content: center; /* zentriert SVG im Icon-Container */ } .socialdock .sd-ic svg { width: 1em; height: 1em; display: block; overflow: visible; } .socialdock .sd-lb { font-size: var(--sd-label-size, inherit); } /* ===== Labels & Hover-Animation ===== */ /* 1) Labels AUS (robust), wenn KEIN Hoverlabel aktiv ist */ .socialdock:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-lb { display: none !important; } .socialdock:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-btn { gap: 0; /* kein Phantomabstand */ justify-content: center; /* Icon mittig */ } /* 2) Hoverlabel aktiv + Labels nicht explizit an */ .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-lb { display: inline-flex !important; /* sichtbar als Flex-Item */ align-items: center; min-width: 0; /* echtes Schrumpfen */ max-width: 0; /* eingefahren */ overflow: hidden; opacity: 0; transform: translateX(-4px) scale(0.98); margin-left: 0; pointer-events: none; transition: max-width .25s ease, opacity .22s ease, transform .25s ease, margin-left .25s ease; } .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-btn { gap: 0; /* Platz entsteht durch margin-left beim Ausfahren */ justify-content: center; } .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-btn:hover .sd-lb, .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-btn:focus-visible .sd-lb { max-width: var(--sd-hoverlabel-max, 12ch); opacity: 1; transform: none; margin-left: .5em; /* wirkt wie gap */ } /* ===== Größen ===== */ .socialdock[data-size="s"] .sd-btn { font-size: 12px; --sd-pad-y-default: 6px; --sd-pad-x-default: 8px; --sd-radius-default: 8px; } .socialdock[data-size="m"] .sd-btn { font-size: 14px; --sd-pad-y-default: 8px; --sd-pad-x-default: 10px; --sd-radius-default: 8px; } .socialdock[data-size="l"] .sd-btn { font-size: 16px; --sd-pad-y-default: 10px; --sd-pad-x-default: 12px; --sd-radius-default: 12px; } /* ===== Formen ===== */ .socialdock[data-shape="square"] .sd-btn { border-radius: 0px; } .socialdock[data-shape="pill"] .sd-btn { border-radius: 999px; } /* optional, nur zur Klarheit – identisch zur Basis: */ .socialdock[data-shape="rounded"] .sd-btn { border-radius: var(--sd-radius, var(--sr-radius, var(--sd-radius-default, 8px))); } /* ===== Theme-Variablen (Light/Dark/Auto) – nur wenn Brand AUS ===== */ .socialdock[data-theme="light"]:not([data-brand]) .sd-btn, .socialdock[data-theme="light"][data-brand="off"] .sd-btn { color: var(--sd-light-fg, #111); background: var(--sd-light-bg, #fff); } .socialdock[data-theme="dark"]:not([data-brand]) .sd-btn, .socialdock[data-theme="dark"][data-brand="off"] .sd-btn { color: var(--sd-dark-fg, #eee); background: var(--sd-dark-bg, #111); } @media (prefers-color-scheme: light) { .socialdock[data-theme="auto"]:not([data-brand]) .sd-btn, .socialdock[data-theme="auto"][data-brand="off"] .sd-btn { color: var(--sd-light-fg, #111); background: var(--sd-light-bg, #fff); } } @media (prefers-color-scheme: dark) { .socialdock[data-theme="auto"]:not([data-brand]) .sd-btn, .socialdock[data-theme="auto"][data-brand="off"] .sd-btn { color: var(--sd-dark-fg, #eee); background: var(--sd-dark-bg, #111); } } /* ===== Brandfarben (pro Service) ===== */ .sd-btn.sd-x { --sd-brand: #000000; } .sd-btn.sd-facebook { --sd-brand: #1877f2; } .sd-btn.sd-linkedin { --sd-brand: #0a66c2; } .sd-btn.sd-whatsapp { --sd-brand: #25d366; } .sd-btn.sd-telegram { --sd-brand: #24a1de; } .sd-btn.sd-pinterest { --sd-brand: #e60023; } .sd-btn.sd-mail { --sd-brand: #6c757d; } .sd-btn.sd-copy { --sd-brand: #6c757d; } .sd-btn.sd-print { --sd-brand: #6c757d; } .sd-btn.sd-webshare { --sd-brand: #6c757d; } .sd-btn.sd-threads { --sd-brand: #000000; } .sd-btn.sd-bluesky { --sd-brand: #1185fe; } .sd-btn.sd-reddit { --sd-brand: #ff4500; } .sd-btn.sd-hn { --sd-brand: #ff6600; } .sd-btn.sd-pocket { --sd-brand: #ef4056; } .sd-btn.sd-flipboard { --sd-brand: #e12828; } .sd-btn.sd-vk { --sd-brand: #4c75a3; } .sd-btn.sd-line { --sd-brand: #00c300; } .sd-btn.sd-weibo { --sd-brand: #e6162d; } .sd-btn.sd-xing { --sd-brand: #026466; } .sd-btn.sd-mastodon { --sd-brand: #6364ff; } .sd-btn.sd-youtube { --sd-brand: #ff0000; } .sd-btn.sd-instagram { --sd-brand: #E1306C; } .sd-btn.sd-tiktok { --sd-brand: #000000; } .sd-btn.sd-github { --sd-brand: #24292e; } .sd-btn.sd-website { --sd-brand: #6c757d; } /* generisch */ .socialdock[data-brand="fg"] .sd-btn { color: var(--sd-brand, currentColor); border-color: var(--sd-brand, currentColor); background: transparent; } .socialdock[data-brand="bg"] .sd-btn { background: var(--sd-brand, #555); border-color: var(--sd-brand, #555); color: #fff; } /* ⬇️ NEU: Per-Button Brand-Style (überschreibt Theme) */ /* Nach deinen Theme-Regeln einfügen */ .socialdock[data-theme] .sd-btn[data-brand="bg"] { background: var(--sd-brand, #555); border-color: var(--sd-brand, #555); color: #fff; } .socialdock[data-theme] .sd-btn[data-brand="fg"] { color: var(--sd-brand, currentColor); border-color: var(--sd-brand, currentColor); background: transparent; } .socialdock[data-brand="fg"] .sd-btn:hover { opacity: .95; } .socialdock[data-brand="fg"] .sd-btn:active { opacity: .9; } .socialdock[data-brand="bg"] .sd-btn:hover { filter: brightness(.97); } .socialdock[data-brand="bg"] .sd-btn:active { filter: brightness(.92); } /* ===== Toast ===== */ .socialdock .socialdock-toast { position: absolute; margin-top: 8px; background: rgba(0, 0, 0, .9); color: #fff; padding: 8px 10px; border-radius: 8px; font-size: 12px; opacity: 0; transform: translateY(-4px); transition: all .18s ease; } .socialdock .socialdock-toast.show { opacity: 1; transform: translateY(0); } /* Basis: Icon-Größe unabhängig vom Label steuern */ .socialdock .sd-ic { /* skaliert NUR das Icon (SVG bleibt 1em innerhalb) */ font-size: var(--sd-icon-size, 19px); width: 1em; height: 1em; } /* ===== Icon-only: kein Hintergrund, kein Rand – Labels bleiben ===== */ .socialdock[data-appearance="true"] .sd-btn { background: transparent !important; --sd-border-w: 0; box-shadow: none !important; padding: var(--sd-icon-pad, 0); /* unsichtbare Klickfläche (0–8px) */ gap: 8px; /* Abstand Icon ↔ Label */ transform: none; } /* Icon im icon-only Modus größer machen */ .socialdock[data-appearance="true"] { --sd-icon-size: 26px; } /* Optional pro Buttongröße feinabstimmen */ .socialdock[data-appearance="true"][data-size="s"] { --sd-icon-size: 17px; } .socialdock[data-appearance="true"][data-size="m"] { --sd-icon-size: 22px; } .socialdock[data-appearance="true"][data-size="l"] { --sd-icon-size: 29px; } /* Fokus sichtbar (A11y) */ .socialdock[data-appearance="true"] .sd-btn:focus { outline: 2px solid currentColor; outline-offset: 2px; } /* Falls im icon-only Modus Brand-Farbe erzwungen werden soll */ .socialdock[data-appearance="true"][data-brand="fg"] .sd-btn { color: var(--sd-brand) !important; } .socialdock[data-appearance="true"][data-brand="bg"] .sd-btn { background: transparent !important; border: 0 !important; /* wahlweise: color: var(--sd-brand) !important; */ } /* 1) SVG darf über den ViewBox-Rand schauen (kein Clipping der Strokes) */ .socialdock .sd-ic svg { overflow: visible; /* verhindert "angeschnittene" Kanten */ display: block; } /* 2) Icon-Flexitem nicht schrumpfen lassen, immer genug Platz geben */ .socialdock .sd-ic { flex: 0 0 auto; /* nicht zusammenquetschen */ min-width: 1em; /* nie kleiner als die Icon-Größe */ min-height: 1em; padding: .08em; /* optischer "Bleed" */ } /* 3) Sicherheitshalber: Buttons haben wirklich kompakte Line-Box */ .socialdock .sd-btn { line-height: 1; } /* 4) Im Icon-only Modus darf das Icon größer sein, ohne Clipping */ .socialdock[data-appearance="true"] { --sd-icon-size: 26px; } .socialdock .sd-ic { font-size: var(--sd-icon-size, 19px); width: 1em; height: 1em; } /* Icon-only Modus: Sicherheits-Inset */ .socialdock[data-appearance="true"]{ --sd-edge-safety: 2px; /* ggf. 1px–3px testen */ padding-inline: var(--sd-edge-safety); overflow-x: clip; } @supports not (overflow-x: clip){ .socialdock[data-appearance="true"]{ overflow-x: hidden; } } /* Monochrome Icons – sicher */ .socialdock .sd-ic svg, .socialdock .sd-ic svg * { fill: currentColor !important; stroke: none !important; } /* Perfekte Kreise, wenn Option aktiv UND Labels komplett aus (kein Hoverlabel) */ .socialdock[data-round-icononly="true"]:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-btn { /* Kreisgröße: Icon + vertikales Padding */ --sd-circle: calc(var(--sd-icon-size, 19px) + (var(--sd-pad-y) * 2)); /* Equal-Width übersteuern: Breite = Höhe = --sd-circle */ --sd-btn-w: var(--sd-circle); height: var(--sd-circle); /* gleiches Padding auf allen Seiten -> optisch zentriert */ padding: var(--sd-pad-y); border-radius: 50%; gap: 0; /* kein „Phantom“-Abstand */ justify-content: center; } /* Optional: auch im icon-only Erscheinungsbild kreisrund */ .socialdock[data-appearance="true"][data-round-icononly="true"]:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-btn { border-radius: 50%; } /* Mini-Zeile: edel, freundlich, sehr kompakt */ .sd-item-mini{ --sd-brand:#6c757d; /* Fallback Brand */ --sd-bg:#f6f8fc; /* freundliches Hell */ --sd-bd:#e6ecf5; /* sanfte Linie */ --sd-fg:#243449; /* statt Schwarz: edles Slate */ --sd-badge-bg-share:#eef3ff; --sd-badge-fg-share:#2a5bd7; --sd-badge-bd-share:#e2e9ff; --sd-badge-bg-link:#e8f7f1; --sd-badge-fg-link:#0b7b54; --sd-badge-bd-link:#d6f2e7; display:flex; align-items:center; gap:8px; padding:4px 8px; margin:2px 0; border:0px solid var(--sd-bd); border-radius:4px; background:var(--sd-bg); color:var(--sd-fg); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; font-size:12px; line-height:1.2; max-width:100%; } .sd-item-mini .sd-dot{ width:8px; height:8px; border-radius:50%; background:var(--sd-brand); flex:0 0 auto; } .sd-item-mini .sd-badge{ font-size:10px; font-weight:700; padding:2px 6px; border-radius:999px; border:1px solid var(--sd-bd); } .sd-item-mini.is-share .sd-badge{ background:var(--sd-badge-bg-share); color:var(--sd-badge-fg-share); border-color:var(--sd-badge-bd-share); } .sd-item-mini.is-link .sd-badge{ background:var(--sd-badge-bg-link); color:var(--sd-badge-fg-link); border-color:var(--sd-badge-bd-link); } .sd-item-mini .sd-text{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; min-width:0; } /* Service-Namen hübsch anzeigen: - wenn kein Label gesetzt ist, erzeugen wir Text via ::after - Standard: capitalize - Ausnahmen (YouTube, Hacker News, LINE, VK, Web Share, etc.) */ .sd-item-mini .sd-svc::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing:.2px; } /* Ausnahmen/Mappings auf echte Markennamen */ .sd-item-mini.sd--youtube .sd-svc::after{ content:"YouTube"; } .sd-item-mini.sd--hn .sd-svc::after{ content:"Hacker News"; } .sd-item-mini.sd--line .sd-svc::after{ content:"LINE"; } .sd-item-mini.sd--vk .sd-svc::after{ content:"VK"; } .sd-item-mini.sd--xing .sd-svc::after{ content:"XING"; } .sd-item-mini.sd--webshare .sd-svc::after{ content:"Web Share"; } .sd-item-mini.sd--x .sd-svc::after{ content:"X"; } /* Dark-Mode (freundlich, nicht pechschwarz) */ @media (prefers-color-scheme: dark){ .sd-item-mini{ --sd-bg:#818c9f; --sd-bd:#243449; --sd-fg:#e7ecf3; --sd-badge-bg-share:#11203f; --sd-badge-fg-share:#9fb6ff; --sd-badge-bd-share:#1a2a4a; --sd-badge-bg-link:#0f221b; --sd-badge-fg-link:#86d6b7; --sd-badge-bd-link:#153428; } } /* Brandfarbe nach Dienst (nur Variable setzen, dezente Dot-Farbe) */ .sd-item-mini.sd--x{--sd-brand:#111} .sd-item-mini.sd--facebook{--sd-brand:#1877f2} .sd-item-mini.sd--linkedin{--sd-brand:#0a66c2} .sd-item-mini.sd--whatsapp{--sd-brand:#25d366} .sd-item-mini.sd--telegram{--sd-brand:#24a1de} .sd-item-mini.sd--pinterest{--sd-brand:#e60023} .sd-item-mini.sd--mail,.sd-item-mini.sd--copy,.sd-item-mini.sd--print,.sd-item-mini.sd--webshare{--sd-brand:#6c757d} .sd-item-mini.sd--threads{--sd-brand:#000} .sd-item-mini.sd--bluesky{--sd-brand:#1185fe} .sd-item-mini.sd--reddit{--sd-brand:#ff4500} .sd-item-mini.sd--hn{--sd-brand:#ff6600} .sd-item-mini.sd--pocket{--sd-brand:#ef4056} .sd-item-mini.sd--flipboard{--sd-brand:#e12828} .sd-item-mini.sd--vk{--sd-brand:#4c75a3} .sd-item-mini.sd--line{--sd-brand:#00c300} .sd-item-mini.sd--weibo{--sd-brand:#e6162d} .sd-item-mini.sd--xing{--sd-brand:#026466} .sd-item-mini.sd--mastodon{--sd-brand:#6364ff} /* Link-Only & generisch */ .sd-item-mini.sd--instagram{--sd-brand:#E1306C} .sd-item-mini.sd--youtube{--sd-brand:#f00} .sd-item-mini.sd--tiktok{--sd-brand:#000} .sd-item-mini.sd--github{--sd-brand:#24292e} .sd-item-mini.sd--website,.sd-item-mini.sd--external{--sd-brand:#6c757d} /* Auto-Label: Service-Namen hübsch darstellen, wenn kein eigenes Label gesetzt ist */ .sd-preview .sd-auto-label::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing: .2px; } /* Ausnahmen für Markennamen */ .sd-preview .sd-btn.sd-youtube .sd-auto-label::after{ content: "YouTube"; } .sd-preview .sd-btn.sd-hn .sd-auto-label::after{ content: "Hacker News"; } .sd-preview .sd-btn.sd-line .sd-auto-label::after{ content: "LINE"; } .sd-preview .sd-btn.sd-vk .sd-auto-label::after{ content: "VK"; } .sd-preview .sd-btn.sd-xing .sd-auto-label::after{ content: "XING"; } .sd-preview .sd-btn.sd-webshare .sd-auto-label::after{ content: "Web Share"; } .sd-preview .sd-btn.sd-x .sd-auto-label::after{ content: "X"; } /* Kompakter machen, damit die Zeile wenig Platz braucht (ohne die Parent-Optik zu brechen) */ .sd-preview .sd-btn{ padding: 6px 10px; /* etwas schlanker */ gap: 6px; /* engerer Abstand Icon/Label */ font-size: 13px; /* kompakt, aber lesbar */ } .sd-preview .sd-ic { font-size: var(--sd-icon-size, 19px); } /* Legenden-Container kompakt lassen */ .sd-edit-inline{ display:flex; align-items:center; gap:8px; max-width:100%; } /* Button im Editor kompakt */ .sd-preview .sd-btn{ padding:4px 8px; gap:6px; font-size:12px; } .sd-preview .sd-ic { font-size:var(--sd-icon-size, 19px); } .sd-preview .sd-lb { font-size: var(--sd-label-size, 14px); } /* Kleine Legende: „Share/Link · Service“ */ .sd-edit-legend{ --fg:#2a394d; --bd:#e6ecf5; --bg:#f6f8fc; --fgShare:#2a394d; /* vorher fast weiß → schlechte Lesbarkeit */ --fgLink:#0b7b54; display:inline-flex; align-items:center; gap:4px; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; font-size:11px; line-height:1.1; color:var(--fg); padding:2px 6px; border:1px solid var(--bd); border-radius:8px; background:var(--bg); white-space:nowrap; max-width:100%; } .sd-edit-legend .sd-legend-mode{ font-weight:700; /* Modus-Farbe */ } .sd-edit-legend.is-share .sd-legend-mode{ color:var(--fgShare); } .sd-edit-legend.is-link .sd-legend-mode{ color:var(--fgLink); } .sd-edit-legend .sd-legend-sep{ opacity:.5; } /* 👉 Dienst-Name: etwas größer & fett, damit er sofort erkennbar ist */ .sd-edit-legend .sd-legend-svc{ font-size:11px; font-weight:700; overflow:hidden; text-overflow:ellipsis; max-width:32ch; text-transform:capitalize; /* hübscher als alles klein */ } /* 👉 Falls KEIN Label im HTML steht, nimm data-svc als Fallback-Text */ .sd-edit-legend .sd-legend-svc:empty::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing:.2px; } /* Markennamen-Sonderfälle für den Fallback-Text */ .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="youtube"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="youtube"]::after{ content:"YouTube"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="hn"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="hn"]::after{ content:"Hacker News"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="line"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="line"]::after{ content:"LINE"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="vk"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="vk"]::after{ content:"VK"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="xing"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="xing"]::after{ content:"XING"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="webshare"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="webshare"]::after{ content:"Web Share"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="x"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="x"]::after{ content:"X"; } /* SocialDock – each.css */ /* ===== Basis & Variablen ===== */ .socialdock { --sd-gutter: 8px; --sd-radius: 8px; --sd-pad-y: 8px; --sd-pad-x: 10px; --sd-font: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif; position: relative; display: block; font-family: var(--sd-font); line-height: 1; } /* ===== Layout Container ===== */ .socialdock .socialdock-inner { display: flex; width: 100%; flex-wrap: wrap; gap: var(--sd-gutter); justify-content: flex-start; /* default */ } .socialdock[data-align="center"] .socialdock-inner { justify-content: center; } .socialdock[data-align="right"] .socialdock-inner { justify-content: flex-end; } .socialdock[data-align="between"] .socialdock-inner { justify-content: space-between; } .socialdock[data-align="around"] .socialdock-inner { justify-content: space-around; } .socialdock[data-align="evenly"] .socialdock-inner { justify-content: space-evenly; } /* ===== Stacked-Mode ===== */ .socialdock[data-stacked="true"] .socialdock-inner { flex-direction: column; } .socialdock[data-stacked="true"][data-fullwidth="true"] .socialdock-inner { align-items: stretch; } .socialdock[data-stacked="true"][data-fullwidth="true"] .sd-btn { width: 100%; max-width: 100%; box-sizing: border-box; } /* Stacked + nicht Fullwidth: horizontal per align-items */ .socialdock[data-stacked="true"]:not([data-fullwidth="true"]) .socialdock-inner { align-items: flex-start; } .socialdock[data-stacked="true"]:not([data-fullwidth="true"])[data-align="center"] .socialdock-inner { align-items: center; } .socialdock[data-stacked="true"]:not([data-fullwidth="true"])[data-align="right"] .socialdock-inner { align-items: flex-end; } .socialdock[data-stacked="true"] .sd-btn { align-self: auto !important; } /* ===== Buttons ===== */ .socialdock .sd-btn { width: var(--sd-btn-w, auto); /* equalWidth via JS */ display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; border-width: var(--sd-border-w, 1px); border-style: var(--sd-border-style, solid); border-color: var(--sd-border-color, currentColor); border-radius: var(--sd-radius, var(--sr-radius, var(--sd-radius-default, 8px))); padding: var(--sd-pad-y, var(--sr-pad-y, var(--sd-pad-y-default, 8px))) var(--sd-pad-x, var(--sr-pad-x, var(--sd-pad-x-default, 10px))); transition: transform .08s ease, opacity .2s ease; font-weight: 600; white-space: nowrap; } .socialdock .sd-btn:focus { outline: 2px solid; outline-offset: 2px; } .socialdock .sd-btn:hover { transform: translateY(-1px); } .socialdock .sd-btn:active { transform: translateY(0); } /* ===== Icons immer perfekt zentriert ===== */ .socialdock .sd-ic { font-size: var(--sd-icon-size, 19px); /* global steuerbar (px) */ width: 1em; height: 1em; display: inline-flex; align-items: center; justify-content: center; /* zentriert SVG im Icon-Container */ } .socialdock .sd-ic svg { width: 1em; height: 1em; display: block; overflow: visible; } .socialdock .sd-lb { font-size: var(--sd-label-size, inherit); } /* ===== Labels & Hover-Animation ===== */ /* 1) Labels AUS (robust), wenn KEIN Hoverlabel aktiv ist */ .socialdock:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-lb { display: none !important; } .socialdock:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-btn { gap: 0; /* kein Phantomabstand */ justify-content: center; /* Icon mittig */ } /* 2) Hoverlabel aktiv + Labels nicht explizit an */ .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-lb { display: inline-flex !important; /* sichtbar als Flex-Item */ align-items: center; min-width: 0; /* echtes Schrumpfen */ max-width: 0; /* eingefahren */ overflow: hidden; opacity: 0; transform: translateX(-4px) scale(0.98); margin-left: 0; pointer-events: none; transition: max-width .25s ease, opacity .22s ease, transform .25s ease, margin-left .25s ease; } .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-btn { gap: 0; /* Platz entsteht durch margin-left beim Ausfahren */ justify-content: center; } .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-btn:hover .sd-lb, .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-btn:focus-visible .sd-lb { max-width: var(--sd-hoverlabel-max, 12ch); opacity: 1; transform: none; margin-left: .5em; /* wirkt wie gap */ } /* ===== Größen ===== */ .socialdock[data-size="s"] .sd-btn { font-size: 12px; --sd-pad-y-default: 6px; --sd-pad-x-default: 8px; --sd-radius-default: 8px; } .socialdock[data-size="m"] .sd-btn { font-size: 14px; --sd-pad-y-default: 8px; --sd-pad-x-default: 10px; --sd-radius-default: 8px; } .socialdock[data-size="l"] .sd-btn { font-size: 16px; --sd-pad-y-default: 10px; --sd-pad-x-default: 12px; --sd-radius-default: 12px; } /* ===== Formen ===== */ .socialdock[data-shape="square"] .sd-btn { border-radius: 0px; } .socialdock[data-shape="pill"] .sd-btn { border-radius: 999px; } /* optional, nur zur Klarheit – identisch zur Basis: */ .socialdock[data-shape="rounded"] .sd-btn { border-radius: var(--sd-radius, var(--sr-radius, var(--sd-radius-default, 8px))); } /* ===== Theme-Variablen (Light/Dark/Auto) – nur wenn Brand AUS ===== */ .socialdock[data-theme="light"]:not([data-brand]) .sd-btn, .socialdock[data-theme="light"][data-brand="off"] .sd-btn { color: var(--sd-light-fg, #111); background: var(--sd-light-bg, #fff); } .socialdock[data-theme="dark"]:not([data-brand]) .sd-btn, .socialdock[data-theme="dark"][data-brand="off"] .sd-btn { color: var(--sd-dark-fg, #eee); background: var(--sd-dark-bg, #111); } @media (prefers-color-scheme: light) { .socialdock[data-theme="auto"]:not([data-brand]) .sd-btn, .socialdock[data-theme="auto"][data-brand="off"] .sd-btn { color: var(--sd-light-fg, #111); background: var(--sd-light-bg, #fff); } } @media (prefers-color-scheme: dark) { .socialdock[data-theme="auto"]:not([data-brand]) .sd-btn, .socialdock[data-theme="auto"][data-brand="off"] .sd-btn { color: var(--sd-dark-fg, #eee); background: var(--sd-dark-bg, #111); } } /* ===== Brandfarben (pro Service) ===== */ .sd-btn.sd-x { --sd-brand: #000000; } .sd-btn.sd-facebook { --sd-brand: #1877f2; } .sd-btn.sd-linkedin { --sd-brand: #0a66c2; } .sd-btn.sd-whatsapp { --sd-brand: #25d366; } .sd-btn.sd-telegram { --sd-brand: #24a1de; } .sd-btn.sd-pinterest { --sd-brand: #e60023; } .sd-btn.sd-mail { --sd-brand: #6c757d; } .sd-btn.sd-copy { --sd-brand: #6c757d; } .sd-btn.sd-print { --sd-brand: #6c757d; } .sd-btn.sd-webshare { --sd-brand: #6c757d; } .sd-btn.sd-threads { --sd-brand: #000000; } .sd-btn.sd-bluesky { --sd-brand: #1185fe; } .sd-btn.sd-reddit { --sd-brand: #ff4500; } .sd-btn.sd-hn { --sd-brand: #ff6600; } .sd-btn.sd-pocket { --sd-brand: #ef4056; } .sd-btn.sd-flipboard { --sd-brand: #e12828; } .sd-btn.sd-vk { --sd-brand: #4c75a3; } .sd-btn.sd-line { --sd-brand: #00c300; } .sd-btn.sd-weibo { --sd-brand: #e6162d; } .sd-btn.sd-xing { --sd-brand: #026466; } .sd-btn.sd-mastodon { --sd-brand: #6364ff; } .sd-btn.sd-youtube { --sd-brand: #ff0000; } .sd-btn.sd-instagram { --sd-brand: #E1306C; } .sd-btn.sd-tiktok { --sd-brand: #000000; } .sd-btn.sd-github { --sd-brand: #24292e; } .sd-btn.sd-website { --sd-brand: #6c757d; } /* generisch */ .socialdock[data-brand="fg"] .sd-btn { color: var(--sd-brand, currentColor); border-color: var(--sd-brand, currentColor); background: transparent; } .socialdock[data-brand="bg"] .sd-btn { background: var(--sd-brand, #555); border-color: var(--sd-brand, #555); color: #fff; } /* ⬇️ NEU: Per-Button Brand-Style (überschreibt Theme) */ /* Nach deinen Theme-Regeln einfügen */ .socialdock[data-theme] .sd-btn[data-brand="bg"] { background: var(--sd-brand, #555); border-color: var(--sd-brand, #555); color: #fff; } .socialdock[data-theme] .sd-btn[data-brand="fg"] { color: var(--sd-brand, currentColor); border-color: var(--sd-brand, currentColor); background: transparent; } .socialdock[data-brand="fg"] .sd-btn:hover { opacity: .95; } .socialdock[data-brand="fg"] .sd-btn:active { opacity: .9; } .socialdock[data-brand="bg"] .sd-btn:hover { filter: brightness(.97); } .socialdock[data-brand="bg"] .sd-btn:active { filter: brightness(.92); } /* ===== Toast ===== */ .socialdock .socialdock-toast { position: absolute; margin-top: 8px; background: rgba(0, 0, 0, .9); color: #fff; padding: 8px 10px; border-radius: 8px; font-size: 12px; opacity: 0; transform: translateY(-4px); transition: all .18s ease; } .socialdock .socialdock-toast.show { opacity: 1; transform: translateY(0); } /* Basis: Icon-Größe unabhängig vom Label steuern */ .socialdock .sd-ic { /* skaliert NUR das Icon (SVG bleibt 1em innerhalb) */ font-size: var(--sd-icon-size, 19px); width: 1em; height: 1em; } /* ===== Icon-only: kein Hintergrund, kein Rand – Labels bleiben ===== */ .socialdock[data-appearance="true"] .sd-btn { background: transparent !important; --sd-border-w: 0; box-shadow: none !important; padding: var(--sd-icon-pad, 0); /* unsichtbare Klickfläche (0–8px) */ gap: 8px; /* Abstand Icon ↔ Label */ transform: none; } /* Icon im icon-only Modus größer machen */ .socialdock[data-appearance="true"] { --sd-icon-size: 26px; } /* Optional pro Buttongröße feinabstimmen */ .socialdock[data-appearance="true"][data-size="s"] { --sd-icon-size: 17px; } .socialdock[data-appearance="true"][data-size="m"] { --sd-icon-size: 22px; } .socialdock[data-appearance="true"][data-size="l"] { --sd-icon-size: 29px; } /* Fokus sichtbar (A11y) */ .socialdock[data-appearance="true"] .sd-btn:focus { outline: 2px solid currentColor; outline-offset: 2px; } /* Falls im icon-only Modus Brand-Farbe erzwungen werden soll */ .socialdock[data-appearance="true"][data-brand="fg"] .sd-btn { color: var(--sd-brand) !important; } .socialdock[data-appearance="true"][data-brand="bg"] .sd-btn { background: transparent !important; border: 0 !important; /* wahlweise: color: var(--sd-brand) !important; */ } /* 1) SVG darf über den ViewBox-Rand schauen (kein Clipping der Strokes) */ .socialdock .sd-ic svg { overflow: visible; /* verhindert "angeschnittene" Kanten */ display: block; } /* 2) Icon-Flexitem nicht schrumpfen lassen, immer genug Platz geben */ .socialdock .sd-ic { flex: 0 0 auto; /* nicht zusammenquetschen */ min-width: 1em; /* nie kleiner als die Icon-Größe */ min-height: 1em; padding: .08em; /* optischer "Bleed" */ } /* 3) Sicherheitshalber: Buttons haben wirklich kompakte Line-Box */ .socialdock .sd-btn { line-height: 1; } /* 4) Im Icon-only Modus darf das Icon größer sein, ohne Clipping */ .socialdock[data-appearance="true"] { --sd-icon-size: 26px; } .socialdock .sd-ic { font-size: var(--sd-icon-size, 19px); width: 1em; height: 1em; } /* Icon-only Modus: Sicherheits-Inset */ .socialdock[data-appearance="true"]{ --sd-edge-safety: 2px; /* ggf. 1px–3px testen */ padding-inline: var(--sd-edge-safety); overflow-x: clip; } @supports not (overflow-x: clip){ .socialdock[data-appearance="true"]{ overflow-x: hidden; } } /* Monochrome Icons – sicher */ .socialdock .sd-ic svg, .socialdock .sd-ic svg * { fill: currentColor !important; stroke: none !important; } /* Perfekte Kreise, wenn Option aktiv UND Labels komplett aus (kein Hoverlabel) */ .socialdock[data-round-icononly="true"]:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-btn { /* Kreisgröße: Icon + vertikales Padding */ --sd-circle: calc(var(--sd-icon-size, 19px) + (var(--sd-pad-y) * 2)); /* Equal-Width übersteuern: Breite = Höhe = --sd-circle */ --sd-btn-w: var(--sd-circle); height: var(--sd-circle); /* gleiches Padding auf allen Seiten -> optisch zentriert */ padding: var(--sd-pad-y); border-radius: 50%; gap: 0; /* kein „Phantom“-Abstand */ justify-content: center; } /* Optional: auch im icon-only Erscheinungsbild kreisrund */ .socialdock[data-appearance="true"][data-round-icononly="true"]:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-btn { border-radius: 50%; } /* Mini-Zeile: edel, freundlich, sehr kompakt */ .sd-item-mini{ --sd-brand:#6c757d; /* Fallback Brand */ --sd-bg:#f6f8fc; /* freundliches Hell */ --sd-bd:#e6ecf5; /* sanfte Linie */ --sd-fg:#243449; /* statt Schwarz: edles Slate */ --sd-badge-bg-share:#eef3ff; --sd-badge-fg-share:#2a5bd7; --sd-badge-bd-share:#e2e9ff; --sd-badge-bg-link:#e8f7f1; --sd-badge-fg-link:#0b7b54; --sd-badge-bd-link:#d6f2e7; display:flex; align-items:center; gap:8px; padding:4px 8px; margin:2px 0; border:0px solid var(--sd-bd); border-radius:4px; background:var(--sd-bg); color:var(--sd-fg); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; font-size:12px; line-height:1.2; max-width:100%; } .sd-item-mini .sd-dot{ width:8px; height:8px; border-radius:50%; background:var(--sd-brand); flex:0 0 auto; } .sd-item-mini .sd-badge{ font-size:10px; font-weight:700; padding:2px 6px; border-radius:999px; border:1px solid var(--sd-bd); } .sd-item-mini.is-share .sd-badge{ background:var(--sd-badge-bg-share); color:var(--sd-badge-fg-share); border-color:var(--sd-badge-bd-share); } .sd-item-mini.is-link .sd-badge{ background:var(--sd-badge-bg-link); color:var(--sd-badge-fg-link); border-color:var(--sd-badge-bd-link); } .sd-item-mini .sd-text{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; min-width:0; } /* Service-Namen hübsch anzeigen: - wenn kein Label gesetzt ist, erzeugen wir Text via ::after - Standard: capitalize - Ausnahmen (YouTube, Hacker News, LINE, VK, Web Share, etc.) */ .sd-item-mini .sd-svc::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing:.2px; } /* Ausnahmen/Mappings auf echte Markennamen */ .sd-item-mini.sd--youtube .sd-svc::after{ content:"YouTube"; } .sd-item-mini.sd--hn .sd-svc::after{ content:"Hacker News"; } .sd-item-mini.sd--line .sd-svc::after{ content:"LINE"; } .sd-item-mini.sd--vk .sd-svc::after{ content:"VK"; } .sd-item-mini.sd--xing .sd-svc::after{ content:"XING"; } .sd-item-mini.sd--webshare .sd-svc::after{ content:"Web Share"; } .sd-item-mini.sd--x .sd-svc::after{ content:"X"; } /* Dark-Mode (freundlich, nicht pechschwarz) */ @media (prefers-color-scheme: dark){ .sd-item-mini{ --sd-bg:#818c9f; --sd-bd:#243449; --sd-fg:#e7ecf3; --sd-badge-bg-share:#11203f; --sd-badge-fg-share:#9fb6ff; --sd-badge-bd-share:#1a2a4a; --sd-badge-bg-link:#0f221b; --sd-badge-fg-link:#86d6b7; --sd-badge-bd-link:#153428; } } /* Brandfarbe nach Dienst (nur Variable setzen, dezente Dot-Farbe) */ .sd-item-mini.sd--x{--sd-brand:#111} .sd-item-mini.sd--facebook{--sd-brand:#1877f2} .sd-item-mini.sd--linkedin{--sd-brand:#0a66c2} .sd-item-mini.sd--whatsapp{--sd-brand:#25d366} .sd-item-mini.sd--telegram{--sd-brand:#24a1de} .sd-item-mini.sd--pinterest{--sd-brand:#e60023} .sd-item-mini.sd--mail,.sd-item-mini.sd--copy,.sd-item-mini.sd--print,.sd-item-mini.sd--webshare{--sd-brand:#6c757d} .sd-item-mini.sd--threads{--sd-brand:#000} .sd-item-mini.sd--bluesky{--sd-brand:#1185fe} .sd-item-mini.sd--reddit{--sd-brand:#ff4500} .sd-item-mini.sd--hn{--sd-brand:#ff6600} .sd-item-mini.sd--pocket{--sd-brand:#ef4056} .sd-item-mini.sd--flipboard{--sd-brand:#e12828} .sd-item-mini.sd--vk{--sd-brand:#4c75a3} .sd-item-mini.sd--line{--sd-brand:#00c300} .sd-item-mini.sd--weibo{--sd-brand:#e6162d} .sd-item-mini.sd--xing{--sd-brand:#026466} .sd-item-mini.sd--mastodon{--sd-brand:#6364ff} /* Link-Only & generisch */ .sd-item-mini.sd--instagram{--sd-brand:#E1306C} .sd-item-mini.sd--youtube{--sd-brand:#f00} .sd-item-mini.sd--tiktok{--sd-brand:#000} .sd-item-mini.sd--github{--sd-brand:#24292e} .sd-item-mini.sd--website,.sd-item-mini.sd--external{--sd-brand:#6c757d} /* Auto-Label: Service-Namen hübsch darstellen, wenn kein eigenes Label gesetzt ist */ .sd-preview .sd-auto-label::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing: .2px; } /* Ausnahmen für Markennamen */ .sd-preview .sd-btn.sd-youtube .sd-auto-label::after{ content: "YouTube"; } .sd-preview .sd-btn.sd-hn .sd-auto-label::after{ content: "Hacker News"; } .sd-preview .sd-btn.sd-line .sd-auto-label::after{ content: "LINE"; } .sd-preview .sd-btn.sd-vk .sd-auto-label::after{ content: "VK"; } .sd-preview .sd-btn.sd-xing .sd-auto-label::after{ content: "XING"; } .sd-preview .sd-btn.sd-webshare .sd-auto-label::after{ content: "Web Share"; } .sd-preview .sd-btn.sd-x .sd-auto-label::after{ content: "X"; } /* Kompakter machen, damit die Zeile wenig Platz braucht (ohne die Parent-Optik zu brechen) */ .sd-preview .sd-btn{ padding: 6px 10px; /* etwas schlanker */ gap: 6px; /* engerer Abstand Icon/Label */ font-size: 13px; /* kompakt, aber lesbar */ } .sd-preview .sd-ic { font-size: var(--sd-icon-size, 19px); } /* Legenden-Container kompakt lassen */ .sd-edit-inline{ display:flex; align-items:center; gap:8px; max-width:100%; } /* Button im Editor kompakt */ .sd-preview .sd-btn{ padding:4px 8px; gap:6px; font-size:12px; } .sd-preview .sd-ic { font-size:var(--sd-icon-size, 19px); } .sd-preview .sd-lb { font-size: var(--sd-label-size, 14px); } /* Kleine Legende: „Share/Link · Service“ */ .sd-edit-legend{ --fg:#2a394d; --bd:#e6ecf5; --bg:#f6f8fc; --fgShare:#2a394d; /* vorher fast weiß → schlechte Lesbarkeit */ --fgLink:#0b7b54; display:inline-flex; align-items:center; gap:4px; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; font-size:11px; line-height:1.1; color:var(--fg); padding:2px 6px; border:1px solid var(--bd); border-radius:8px; background:var(--bg); white-space:nowrap; max-width:100%; } .sd-edit-legend .sd-legend-mode{ font-weight:700; /* Modus-Farbe */ } .sd-edit-legend.is-share .sd-legend-mode{ color:var(--fgShare); } .sd-edit-legend.is-link .sd-legend-mode{ color:var(--fgLink); } .sd-edit-legend .sd-legend-sep{ opacity:.5; } /* 👉 Dienst-Name: etwas größer & fett, damit er sofort erkennbar ist */ .sd-edit-legend .sd-legend-svc{ font-size:11px; font-weight:700; overflow:hidden; text-overflow:ellipsis; max-width:32ch; text-transform:capitalize; /* hübscher als alles klein */ } /* 👉 Falls KEIN Label im HTML steht, nimm data-svc als Fallback-Text */ .sd-edit-legend .sd-legend-svc:empty::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing:.2px; } /* Markennamen-Sonderfälle für den Fallback-Text */ .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="youtube"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="youtube"]::after{ content:"YouTube"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="hn"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="hn"]::after{ content:"Hacker News"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="line"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="line"]::after{ content:"LINE"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="vk"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="vk"]::after{ content:"VK"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="xing"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="xing"]::after{ content:"XING"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="webshare"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="webshare"]::after{ content:"Web Share"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="x"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="x"]::after{ content:"X"; } /* SocialDock – each.css */ /* ===== Basis & Variablen ===== */ .socialdock { --sd-gutter: 8px; --sd-radius: 8px; --sd-pad-y: 8px; --sd-pad-x: 10px; --sd-font: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif; position: relative; display: block; font-family: var(--sd-font); line-height: 1; } /* ===== Layout Container ===== */ .socialdock .socialdock-inner { display: flex; width: 100%; flex-wrap: wrap; gap: var(--sd-gutter); justify-content: flex-start; /* default */ } .socialdock[data-align="center"] .socialdock-inner { justify-content: center; } .socialdock[data-align="right"] .socialdock-inner { justify-content: flex-end; } .socialdock[data-align="between"] .socialdock-inner { justify-content: space-between; } .socialdock[data-align="around"] .socialdock-inner { justify-content: space-around; } .socialdock[data-align="evenly"] .socialdock-inner { justify-content: space-evenly; } /* ===== Stacked-Mode ===== */ .socialdock[data-stacked="true"] .socialdock-inner { flex-direction: column; } .socialdock[data-stacked="true"][data-fullwidth="true"] .socialdock-inner { align-items: stretch; } .socialdock[data-stacked="true"][data-fullwidth="true"] .sd-btn { width: 100%; max-width: 100%; box-sizing: border-box; } /* Stacked + nicht Fullwidth: horizontal per align-items */ .socialdock[data-stacked="true"]:not([data-fullwidth="true"]) .socialdock-inner { align-items: flex-start; } .socialdock[data-stacked="true"]:not([data-fullwidth="true"])[data-align="center"] .socialdock-inner { align-items: center; } .socialdock[data-stacked="true"]:not([data-fullwidth="true"])[data-align="right"] .socialdock-inner { align-items: flex-end; } .socialdock[data-stacked="true"] .sd-btn { align-self: auto !important; } /* ===== Buttons ===== */ .socialdock .sd-btn { width: var(--sd-btn-w, auto); /* equalWidth via JS */ display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; border-width: var(--sd-border-w, 1px); border-style: var(--sd-border-style, solid); border-color: var(--sd-border-color, currentColor); border-radius: var(--sd-radius, var(--sr-radius, var(--sd-radius-default, 8px))); padding: var(--sd-pad-y, var(--sr-pad-y, var(--sd-pad-y-default, 8px))) var(--sd-pad-x, var(--sr-pad-x, var(--sd-pad-x-default, 10px))); transition: transform .08s ease, opacity .2s ease; font-weight: 600; white-space: nowrap; } .socialdock .sd-btn:focus { outline: 2px solid; outline-offset: 2px; } .socialdock .sd-btn:hover { transform: translateY(-1px); } .socialdock .sd-btn:active { transform: translateY(0); } /* ===== Icons immer perfekt zentriert ===== */ .socialdock .sd-ic { font-size: var(--sd-icon-size, 19px); /* global steuerbar (px) */ width: 1em; height: 1em; display: inline-flex; align-items: center; justify-content: center; /* zentriert SVG im Icon-Container */ } .socialdock .sd-ic svg { width: 1em; height: 1em; display: block; overflow: visible; } .socialdock .sd-lb { font-size: var(--sd-label-size, inherit); } /* ===== Labels & Hover-Animation ===== */ /* 1) Labels AUS (robust), wenn KEIN Hoverlabel aktiv ist */ .socialdock:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-lb { display: none !important; } .socialdock:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-btn { gap: 0; /* kein Phantomabstand */ justify-content: center; /* Icon mittig */ } /* 2) Hoverlabel aktiv + Labels nicht explizit an */ .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-lb { display: inline-flex !important; /* sichtbar als Flex-Item */ align-items: center; min-width: 0; /* echtes Schrumpfen */ max-width: 0; /* eingefahren */ overflow: hidden; opacity: 0; transform: translateX(-4px) scale(0.98); margin-left: 0; pointer-events: none; transition: max-width .25s ease, opacity .22s ease, transform .25s ease, margin-left .25s ease; } .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-btn { gap: 0; /* Platz entsteht durch margin-left beim Ausfahren */ justify-content: center; } .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-btn:hover .sd-lb, .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-btn:focus-visible .sd-lb { max-width: var(--sd-hoverlabel-max, 12ch); opacity: 1; transform: none; margin-left: .5em; /* wirkt wie gap */ } /* ===== Größen ===== */ .socialdock[data-size="s"] .sd-btn { font-size: 12px; --sd-pad-y-default: 6px; --sd-pad-x-default: 8px; --sd-radius-default: 8px; } .socialdock[data-size="m"] .sd-btn { font-size: 14px; --sd-pad-y-default: 8px; --sd-pad-x-default: 10px; --sd-radius-default: 8px; } .socialdock[data-size="l"] .sd-btn { font-size: 16px; --sd-pad-y-default: 10px; --sd-pad-x-default: 12px; --sd-radius-default: 12px; } /* ===== Formen ===== */ .socialdock[data-shape="square"] .sd-btn { border-radius: 0px; } .socialdock[data-shape="pill"] .sd-btn { border-radius: 999px; } /* optional, nur zur Klarheit – identisch zur Basis: */ .socialdock[data-shape="rounded"] .sd-btn { border-radius: var(--sd-radius, var(--sr-radius, var(--sd-radius-default, 8px))); } /* ===== Theme-Variablen (Light/Dark/Auto) – nur wenn Brand AUS ===== */ .socialdock[data-theme="light"]:not([data-brand]) .sd-btn, .socialdock[data-theme="light"][data-brand="off"] .sd-btn { color: var(--sd-light-fg, #111); background: var(--sd-light-bg, #fff); } .socialdock[data-theme="dark"]:not([data-brand]) .sd-btn, .socialdock[data-theme="dark"][data-brand="off"] .sd-btn { color: var(--sd-dark-fg, #eee); background: var(--sd-dark-bg, #111); } @media (prefers-color-scheme: light) { .socialdock[data-theme="auto"]:not([data-brand]) .sd-btn, .socialdock[data-theme="auto"][data-brand="off"] .sd-btn { color: var(--sd-light-fg, #111); background: var(--sd-light-bg, #fff); } } @media (prefers-color-scheme: dark) { .socialdock[data-theme="auto"]:not([data-brand]) .sd-btn, .socialdock[data-theme="auto"][data-brand="off"] .sd-btn { color: var(--sd-dark-fg, #eee); background: var(--sd-dark-bg, #111); } } /* ===== Brandfarben (pro Service) ===== */ .sd-btn.sd-x { --sd-brand: #000000; } .sd-btn.sd-facebook { --sd-brand: #1877f2; } .sd-btn.sd-linkedin { --sd-brand: #0a66c2; } .sd-btn.sd-whatsapp { --sd-brand: #25d366; } .sd-btn.sd-telegram { --sd-brand: #24a1de; } .sd-btn.sd-pinterest { --sd-brand: #e60023; } .sd-btn.sd-mail { --sd-brand: #6c757d; } .sd-btn.sd-copy { --sd-brand: #6c757d; } .sd-btn.sd-print { --sd-brand: #6c757d; } .sd-btn.sd-webshare { --sd-brand: #6c757d; } .sd-btn.sd-threads { --sd-brand: #000000; } .sd-btn.sd-bluesky { --sd-brand: #1185fe; } .sd-btn.sd-reddit { --sd-brand: #ff4500; } .sd-btn.sd-hn { --sd-brand: #ff6600; } .sd-btn.sd-pocket { --sd-brand: #ef4056; } .sd-btn.sd-flipboard { --sd-brand: #e12828; } .sd-btn.sd-vk { --sd-brand: #4c75a3; } .sd-btn.sd-line { --sd-brand: #00c300; } .sd-btn.sd-weibo { --sd-brand: #e6162d; } .sd-btn.sd-xing { --sd-brand: #026466; } .sd-btn.sd-mastodon { --sd-brand: #6364ff; } .sd-btn.sd-youtube { --sd-brand: #ff0000; } .sd-btn.sd-instagram { --sd-brand: #E1306C; } .sd-btn.sd-tiktok { --sd-brand: #000000; } .sd-btn.sd-github { --sd-brand: #24292e; } .sd-btn.sd-website { --sd-brand: #6c757d; } /* generisch */ .socialdock[data-brand="fg"] .sd-btn { color: var(--sd-brand, currentColor); border-color: var(--sd-brand, currentColor); background: transparent; } .socialdock[data-brand="bg"] .sd-btn { background: var(--sd-brand, #555); border-color: var(--sd-brand, #555); color: #fff; } /* ⬇️ NEU: Per-Button Brand-Style (überschreibt Theme) */ /* Nach deinen Theme-Regeln einfügen */ .socialdock[data-theme] .sd-btn[data-brand="bg"] { background: var(--sd-brand, #555); border-color: var(--sd-brand, #555); color: #fff; } .socialdock[data-theme] .sd-btn[data-brand="fg"] { color: var(--sd-brand, currentColor); border-color: var(--sd-brand, currentColor); background: transparent; } .socialdock[data-brand="fg"] .sd-btn:hover { opacity: .95; } .socialdock[data-brand="fg"] .sd-btn:active { opacity: .9; } .socialdock[data-brand="bg"] .sd-btn:hover { filter: brightness(.97); } .socialdock[data-brand="bg"] .sd-btn:active { filter: brightness(.92); } /* ===== Toast ===== */ .socialdock .socialdock-toast { position: absolute; margin-top: 8px; background: rgba(0, 0, 0, .9); color: #fff; padding: 8px 10px; border-radius: 8px; font-size: 12px; opacity: 0; transform: translateY(-4px); transition: all .18s ease; } .socialdock .socialdock-toast.show { opacity: 1; transform: translateY(0); } /* Basis: Icon-Größe unabhängig vom Label steuern */ .socialdock .sd-ic { /* skaliert NUR das Icon (SVG bleibt 1em innerhalb) */ font-size: var(--sd-icon-size, 19px); width: 1em; height: 1em; } /* ===== Icon-only: kein Hintergrund, kein Rand – Labels bleiben ===== */ .socialdock[data-appearance="true"] .sd-btn { background: transparent !important; --sd-border-w: 0; box-shadow: none !important; padding: var(--sd-icon-pad, 0); /* unsichtbare Klickfläche (0–8px) */ gap: 8px; /* Abstand Icon ↔ Label */ transform: none; } /* Icon im icon-only Modus größer machen */ .socialdock[data-appearance="true"] { --sd-icon-size: 26px; } /* Optional pro Buttongröße feinabstimmen */ .socialdock[data-appearance="true"][data-size="s"] { --sd-icon-size: 17px; } .socialdock[data-appearance="true"][data-size="m"] { --sd-icon-size: 22px; } .socialdock[data-appearance="true"][data-size="l"] { --sd-icon-size: 29px; } /* Fokus sichtbar (A11y) */ .socialdock[data-appearance="true"] .sd-btn:focus { outline: 2px solid currentColor; outline-offset: 2px; } /* Falls im icon-only Modus Brand-Farbe erzwungen werden soll */ .socialdock[data-appearance="true"][data-brand="fg"] .sd-btn { color: var(--sd-brand) !important; } .socialdock[data-appearance="true"][data-brand="bg"] .sd-btn { background: transparent !important; border: 0 !important; /* wahlweise: color: var(--sd-brand) !important; */ } /* 1) SVG darf über den ViewBox-Rand schauen (kein Clipping der Strokes) */ .socialdock .sd-ic svg { overflow: visible; /* verhindert "angeschnittene" Kanten */ display: block; } /* 2) Icon-Flexitem nicht schrumpfen lassen, immer genug Platz geben */ .socialdock .sd-ic { flex: 0 0 auto; /* nicht zusammenquetschen */ min-width: 1em; /* nie kleiner als die Icon-Größe */ min-height: 1em; padding: .08em; /* optischer "Bleed" */ } /* 3) Sicherheitshalber: Buttons haben wirklich kompakte Line-Box */ .socialdock .sd-btn { line-height: 1; } /* 4) Im Icon-only Modus darf das Icon größer sein, ohne Clipping */ .socialdock[data-appearance="true"] { --sd-icon-size: 26px; } .socialdock .sd-ic { font-size: var(--sd-icon-size, 19px); width: 1em; height: 1em; } /* Icon-only Modus: Sicherheits-Inset */ .socialdock[data-appearance="true"]{ --sd-edge-safety: 2px; /* ggf. 1px–3px testen */ padding-inline: var(--sd-edge-safety); overflow-x: clip; } @supports not (overflow-x: clip){ .socialdock[data-appearance="true"]{ overflow-x: hidden; } } /* Monochrome Icons – sicher */ .socialdock .sd-ic svg, .socialdock .sd-ic svg * { fill: currentColor !important; stroke: none !important; } /* Perfekte Kreise, wenn Option aktiv UND Labels komplett aus (kein Hoverlabel) */ .socialdock[data-round-icononly="true"]:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-btn { /* Kreisgröße: Icon + vertikales Padding */ --sd-circle: calc(var(--sd-icon-size, 19px) + (var(--sd-pad-y) * 2)); /* Equal-Width übersteuern: Breite = Höhe = --sd-circle */ --sd-btn-w: var(--sd-circle); height: var(--sd-circle); /* gleiches Padding auf allen Seiten -> optisch zentriert */ padding: var(--sd-pad-y); border-radius: 50%; gap: 0; /* kein „Phantom“-Abstand */ justify-content: center; } /* Optional: auch im icon-only Erscheinungsbild kreisrund */ .socialdock[data-appearance="true"][data-round-icononly="true"]:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-btn { border-radius: 50%; } /* Mini-Zeile: edel, freundlich, sehr kompakt */ .sd-item-mini{ --sd-brand:#6c757d; /* Fallback Brand */ --sd-bg:#f6f8fc; /* freundliches Hell */ --sd-bd:#e6ecf5; /* sanfte Linie */ --sd-fg:#243449; /* statt Schwarz: edles Slate */ --sd-badge-bg-share:#eef3ff; --sd-badge-fg-share:#2a5bd7; --sd-badge-bd-share:#e2e9ff; --sd-badge-bg-link:#e8f7f1; --sd-badge-fg-link:#0b7b54; --sd-badge-bd-link:#d6f2e7; display:flex; align-items:center; gap:8px; padding:4px 8px; margin:2px 0; border:0px solid var(--sd-bd); border-radius:4px; background:var(--sd-bg); color:var(--sd-fg); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; font-size:12px; line-height:1.2; max-width:100%; } .sd-item-mini .sd-dot{ width:8px; height:8px; border-radius:50%; background:var(--sd-brand); flex:0 0 auto; } .sd-item-mini .sd-badge{ font-size:10px; font-weight:700; padding:2px 6px; border-radius:999px; border:1px solid var(--sd-bd); } .sd-item-mini.is-share .sd-badge{ background:var(--sd-badge-bg-share); color:var(--sd-badge-fg-share); border-color:var(--sd-badge-bd-share); } .sd-item-mini.is-link .sd-badge{ background:var(--sd-badge-bg-link); color:var(--sd-badge-fg-link); border-color:var(--sd-badge-bd-link); } .sd-item-mini .sd-text{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; min-width:0; } /* Service-Namen hübsch anzeigen: - wenn kein Label gesetzt ist, erzeugen wir Text via ::after - Standard: capitalize - Ausnahmen (YouTube, Hacker News, LINE, VK, Web Share, etc.) */ .sd-item-mini .sd-svc::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing:.2px; } /* Ausnahmen/Mappings auf echte Markennamen */ .sd-item-mini.sd--youtube .sd-svc::after{ content:"YouTube"; } .sd-item-mini.sd--hn .sd-svc::after{ content:"Hacker News"; } .sd-item-mini.sd--line .sd-svc::after{ content:"LINE"; } .sd-item-mini.sd--vk .sd-svc::after{ content:"VK"; } .sd-item-mini.sd--xing .sd-svc::after{ content:"XING"; } .sd-item-mini.sd--webshare .sd-svc::after{ content:"Web Share"; } .sd-item-mini.sd--x .sd-svc::after{ content:"X"; } /* Dark-Mode (freundlich, nicht pechschwarz) */ @media (prefers-color-scheme: dark){ .sd-item-mini{ --sd-bg:#818c9f; --sd-bd:#243449; --sd-fg:#e7ecf3; --sd-badge-bg-share:#11203f; --sd-badge-fg-share:#9fb6ff; --sd-badge-bd-share:#1a2a4a; --sd-badge-bg-link:#0f221b; --sd-badge-fg-link:#86d6b7; --sd-badge-bd-link:#153428; } } /* Brandfarbe nach Dienst (nur Variable setzen, dezente Dot-Farbe) */ .sd-item-mini.sd--x{--sd-brand:#111} .sd-item-mini.sd--facebook{--sd-brand:#1877f2} .sd-item-mini.sd--linkedin{--sd-brand:#0a66c2} .sd-item-mini.sd--whatsapp{--sd-brand:#25d366} .sd-item-mini.sd--telegram{--sd-brand:#24a1de} .sd-item-mini.sd--pinterest{--sd-brand:#e60023} .sd-item-mini.sd--mail,.sd-item-mini.sd--copy,.sd-item-mini.sd--print,.sd-item-mini.sd--webshare{--sd-brand:#6c757d} .sd-item-mini.sd--threads{--sd-brand:#000} .sd-item-mini.sd--bluesky{--sd-brand:#1185fe} .sd-item-mini.sd--reddit{--sd-brand:#ff4500} .sd-item-mini.sd--hn{--sd-brand:#ff6600} .sd-item-mini.sd--pocket{--sd-brand:#ef4056} .sd-item-mini.sd--flipboard{--sd-brand:#e12828} .sd-item-mini.sd--vk{--sd-brand:#4c75a3} .sd-item-mini.sd--line{--sd-brand:#00c300} .sd-item-mini.sd--weibo{--sd-brand:#e6162d} .sd-item-mini.sd--xing{--sd-brand:#026466} .sd-item-mini.sd--mastodon{--sd-brand:#6364ff} /* Link-Only & generisch */ .sd-item-mini.sd--instagram{--sd-brand:#E1306C} .sd-item-mini.sd--youtube{--sd-brand:#f00} .sd-item-mini.sd--tiktok{--sd-brand:#000} .sd-item-mini.sd--github{--sd-brand:#24292e} .sd-item-mini.sd--website,.sd-item-mini.sd--external{--sd-brand:#6c757d} /* Auto-Label: Service-Namen hübsch darstellen, wenn kein eigenes Label gesetzt ist */ .sd-preview .sd-auto-label::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing: .2px; } /* Ausnahmen für Markennamen */ .sd-preview .sd-btn.sd-youtube .sd-auto-label::after{ content: "YouTube"; } .sd-preview .sd-btn.sd-hn .sd-auto-label::after{ content: "Hacker News"; } .sd-preview .sd-btn.sd-line .sd-auto-label::after{ content: "LINE"; } .sd-preview .sd-btn.sd-vk .sd-auto-label::after{ content: "VK"; } .sd-preview .sd-btn.sd-xing .sd-auto-label::after{ content: "XING"; } .sd-preview .sd-btn.sd-webshare .sd-auto-label::after{ content: "Web Share"; } .sd-preview .sd-btn.sd-x .sd-auto-label::after{ content: "X"; } /* Kompakter machen, damit die Zeile wenig Platz braucht (ohne die Parent-Optik zu brechen) */ .sd-preview .sd-btn{ padding: 6px 10px; /* etwas schlanker */ gap: 6px; /* engerer Abstand Icon/Label */ font-size: 13px; /* kompakt, aber lesbar */ } .sd-preview .sd-ic { font-size: var(--sd-icon-size, 19px); } /* Legenden-Container kompakt lassen */ .sd-edit-inline{ display:flex; align-items:center; gap:8px; max-width:100%; } /* Button im Editor kompakt */ .sd-preview .sd-btn{ padding:4px 8px; gap:6px; font-size:12px; } .sd-preview .sd-ic { font-size:var(--sd-icon-size, 19px); } .sd-preview .sd-lb { font-size: var(--sd-label-size, 14px); } /* Kleine Legende: „Share/Link · Service“ */ .sd-edit-legend{ --fg:#2a394d; --bd:#e6ecf5; --bg:#f6f8fc; --fgShare:#2a394d; /* vorher fast weiß → schlechte Lesbarkeit */ --fgLink:#0b7b54; display:inline-flex; align-items:center; gap:4px; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; font-size:11px; line-height:1.1; color:var(--fg); padding:2px 6px; border:1px solid var(--bd); border-radius:8px; background:var(--bg); white-space:nowrap; max-width:100%; } .sd-edit-legend .sd-legend-mode{ font-weight:700; /* Modus-Farbe */ } .sd-edit-legend.is-share .sd-legend-mode{ color:var(--fgShare); } .sd-edit-legend.is-link .sd-legend-mode{ color:var(--fgLink); } .sd-edit-legend .sd-legend-sep{ opacity:.5; } /* 👉 Dienst-Name: etwas größer & fett, damit er sofort erkennbar ist */ .sd-edit-legend .sd-legend-svc{ font-size:11px; font-weight:700; overflow:hidden; text-overflow:ellipsis; max-width:32ch; text-transform:capitalize; /* hübscher als alles klein */ } /* 👉 Falls KEIN Label im HTML steht, nimm data-svc als Fallback-Text */ .sd-edit-legend .sd-legend-svc:empty::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing:.2px; } /* Markennamen-Sonderfälle für den Fallback-Text */ .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="youtube"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="youtube"]::after{ content:"YouTube"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="hn"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="hn"]::after{ content:"Hacker News"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="line"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="line"]::after{ content:"LINE"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="vk"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="vk"]::after{ content:"VK"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="xing"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="xing"]::after{ content:"XING"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="webshare"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="webshare"]::after{ content:"Web Share"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="x"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="x"]::after{ content:"X"; } #stacks_in_909 { background-color: rgba(237, 214, 153, 1.00); padding: 40px 20px 40px 20px; } #stacks_in_919_button { display:block; position: relative; text-align: center; } #stacks_in_919 a:link, #stacks_in_919 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_919 a:hover, #stacks_in_919 a:active { color:#FFFFFF; } #stacks_in_919 a:link, #stacks_in_919 a:visited { background-color:#730032; background: -webkit-gradient(linear, left top, left bottom, from(#730032), to(#45001E)); border:1px solid #45001E; padding:3px 20px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_919 a:hover { background-color:#7C0036; background: -webkit-gradient(linear, left top, left bottom, from(#7C0036), to(#3B001A)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_919 a:active { background-color:#730032; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_919 { margin: 40px 0px 0px 0px; } #stacks_in_341 { background-color: rgba(0, 0, 0, 1.00); padding: 20px; } #stacks_in_343 { padding: 20px; } #stacks_in_352 { padding: 10px; } :root { --multi_columns_stacks_in_345:1fr 1fr; } #multi_columns_stacks_in_345 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_345); grid-gap: 16px; align-items: flex-start; } #multi_columns_stacks_in_345 > div { min-width: 0; } #multi_columns_stacks_in_345 + .deluxe-columns { margin-top: 16px; } #multi_columns_stacks_in_345 > div img { max-width: 100%; } #multi_columns_stacks_in_345 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 901px) { #multi_columns_stacks_in_345 .hide-mobile { display: inherit; } #multi_columns_stacks_in_345 .hide-tablet { display: inherit; } #multi_columns_stacks_in_345 .hide-mobile { display: inherit; } #multi_columns_stacks_in_345 .hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 501px) { #multi_columns_stacks_in_345 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_345 .hide-desktop { display: inherit; } #multi_columns_stacks_in_345 .hide-mobile { display: inherit; } #multi_columns_stacks_in_345 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_345 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_345 .hide-tablet { display: inherit; } #multi_columns_stacks_in_345 .hide-desktop { display: inherit; } #multi_columns_stacks_in_345 .hide-mobile { display: none; } } @media all and (max-width: 900px) { #multi_columns_stacks_in_345 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_345 + .deluxe-columns { } #multi_columns_stacks_in_345 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_345 > div > * {position: relative;} #multi_columns_stacks_in_345 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_345 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_345 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_345 > div > * {position: relative;} #multi_columns_stacks_in_345 > div > * > * {transform: translate(0,0);} } #stacks_in_348 { border: solid rgba(249, 236, 207, 1.00); border-width: 1px; margin: 0px 0px 20px 0px; padding: 20px; } #stacks_in_1001 { margin: 0px 0px 0px 5px; padding: 20px 20px 20px 20px; } #stacks_in_911 { border: solid rgba(232, 222, 196, 1.00); border-width: 1px; margin: 0px 0px 20px 0px; } :root{--mejs-background:#000;--mejs-color:#fff;--mejs-controls:url('https://alessandroserena.it/rw_common/plugins/stacks/mejs-controls.svg')}.stacks_in_912{overflow:hidden;width:100%;text-align:center;height:auto;max-width:600px;margin:0 auto;}.stacks_in_912 div:focus{outline:none}.stacks_in_912 .html5video,.stacks_in_912 img,.stacks_in_912 video.html5video{outline:none;margin:0 auto;display:block;width:100% !important;height:auto;}.stacks_in_912 button{box-shadow:none;border-width:0;border-style:none}.stacks_in_912 .mejs__container .mejs__overlay-play,.stacks_in_912 .mejs__container .mejs__overlay-loading{}.stacks_in_912 .mejs__container .mejs__controls{}.stacks_in_912 .mejs__container .mejs__controls .mejs__time-rail .mejs__time-total{}.stacks_in_912 .mejs__container .mejs__controls .mejs__time-rail .mejs__time-total .mejs__time-loaded{}.stacks_in_912 .mejs__container .mejs__controls .mejs__time-rail .mejs__time-total .mejs__time-current{} #stacks_in_912 { background-color: rgba(0, 0, 0, 0.30); } #stacks_in_350 { border: solid rgba(249, 236, 207, 1.00); border-width: 1px; margin: 0px 0px 20px 0px; padding: 20px; } #stacks_in_1003 { margin: 0px 0px 0px 5px; padding: 20px 20px 20px 20px; } #stacks_in_914 { border: solid rgba(232, 222, 196, 1.00); border-width: 1px; margin: 0px 0px 20px 0px; } :root{--mejs-background:#000;--mejs-color:#fff;--mejs-controls:url('https://alessandroserena.it/rw_common/plugins/stacks/mejs-controls.svg')}.stacks_in_915{overflow:hidden;width:100%;text-align:center;height:auto;max-width:600px;margin:0 auto;}.stacks_in_915 div:focus{outline:none}.stacks_in_915 .html5video,.stacks_in_915 img,.stacks_in_915 video.html5video{outline:none;margin:0 auto;display:block;width:100% !important;height:auto;}.stacks_in_915 button{box-shadow:none;border-width:0;border-style:none}.stacks_in_915 .mejs__container .mejs__overlay-play,.stacks_in_915 .mejs__container .mejs__overlay-loading{}.stacks_in_915 .mejs__container .mejs__controls{}.stacks_in_915 .mejs__container .mejs__controls .mejs__time-rail .mejs__time-total{}.stacks_in_915 .mejs__container .mejs__controls .mejs__time-rail .mejs__time-total .mejs__time-loaded{}.stacks_in_915 .mejs__container .mejs__controls .mejs__time-rail .mejs__time-total .mejs__time-current{} #stacks_in_915 { background-color: rgba(0, 0, 0, 0.30); } #stacks_in_354 { background-color: rgba(244, 227, 183, 1.00); padding: 0px 0px 60px 0px; } #stacks_in_356 { padding: 20px; } :root { --multi_columns_stacks_in_358:1fr 1fr; } #multi_columns_stacks_in_358 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_358); grid-gap: 16px; align-items: flex-start; } #multi_columns_stacks_in_358 > div { min-width: 0; } #multi_columns_stacks_in_358 + .deluxe-columns { margin-top: 16px; } #multi_columns_stacks_in_358 > div img { max-width: 100%; } #multi_columns_stacks_in_358 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 901px) { #multi_columns_stacks_in_358 .hide-mobile { display: inherit; } #multi_columns_stacks_in_358 .hide-tablet { display: inherit; } #multi_columns_stacks_in_358 .hide-mobile { display: inherit; } #multi_columns_stacks_in_358 .hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 501px) { #multi_columns_stacks_in_358 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_358 .hide-desktop { display: inherit; } #multi_columns_stacks_in_358 .hide-mobile { display: inherit; } #multi_columns_stacks_in_358 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_358 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_358 .hide-tablet { display: inherit; } #multi_columns_stacks_in_358 .hide-desktop { display: inherit; } #multi_columns_stacks_in_358 .hide-mobile { display: none; } } @media all and (max-width: 900px) { #multi_columns_stacks_in_358 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_358 + .deluxe-columns { } #multi_columns_stacks_in_358 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_358 > div > * {position: relative;} #multi_columns_stacks_in_358 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_358 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_358 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_358 > div > * {position: relative;} #multi_columns_stacks_in_358 > div > * > * {transform: translate(0,0);} } #stacks_in_371 { padding: 20px 20px 20px 20px; } #stacks_in_375 { padding: 20px 20px 22px 20px; } #stacks_in_387 { background-color: rgba(240, 240, 240, 1.00); margin: 20px 0px 0px 0px; padding: 20px 0px 0px 0px; } /* 1.8.1 - fixed a bug that could the form to not submit if "Exclude Incomplete Fields" was disabled - replaced multiple select with custom mutli-select field ----- replaced option elements, they were not supported in safari ----- more of the feature is built out - you can now add a delay before redirecting on succssful submition - you can now disable radio and checkbox fields - single quotes are escaped from select fields */ #stacks_in_377.sf-styles,#stacks_in_377.sf-styles * {box-sizing: border-box;} #stacks_in_377.sf-styles .age-field, #stacks_in_377.sf-styles .agree-to-terms-field { overflow: hidden; height: 0; margin: 0 !important; } #stacks_in_377.sf-styles label.keepIt{text-align:left;display:inline-block;width:100%;padding-left:5px} #stacks_in_377.sf-styles select{color:#aaa}.php{display:none} #stacks_in_377.sf-styles .info{color:#00529B;background-color:#BDE5F8} #stacks_in_377.sf-styles .success{color:#4F8A10;background-color:rgba(47, 134, 56, 1.00)} #stacks_in_377.sf-styles .warning{color:#9F6000;background-color:#FEEFB3} #stacks_in_377.sf-styles .error{color:#D8000C;background-color:rgba(253, 128, 8, 1.00)} #stacks_in_377.sf-styles .sf-message { position: absolute; left: 0; right: 0; top: 0; width: 100%; } #stacks_in_377.sf-styles .submitMessage, #stacks_in_377.sf-styles .errorMessage { background-size: 40px 40px; background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent); width: 100%; border: 1px solid; color: #fff !important; padding: 10px 15px; border-radius:3px; margin-right: 28px; position: absolute; top: 0; left: 0; transform: translateY(-50%); z-index: 99; box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0px 8px 16px rgba(0,0,0,0.2); animation: sf-message-in-out 5s ease-in-out forwards; cursor: pointer; } @keyframes sf-message-in-out { 0% { transform: translateY(0%); opacity: 0 } 5% { transform: translateY(-50%); opacity: 1 } 95% { transform: translateY(-50%); opacity: 1} 100% { transform: translateY(0%); opacity: 0} } #stacks_in_377.sf-styles.sf-no-help-text .submitMessage { margin-right: 0px; } #stacks_in_377.sf-styles.sf-no-help-text .sf-help-column { display: none; } #stacks_in_377.sf-styles .sf-help-column { transform: none !important; } #stacks_in_377.sf-styles .info { background-color: #61b832; border-color: #3b8eb5; } #stacks_in_377.sf-styles .error, #stacks_in_377.sf-styles .errorMessage { background-color: rgba(253, 128, 8, 1.00); border-color: rgba(0,0,0,0.25); } #stacks_in_377.sf-styles .warning { background-color: #eaaf51; border-color: #d99a36; } #stacks_in_377.sf-styles .success { background-color:rgba(47, 134, 56, 1.00); border-color: rgba(0,0,0,0.25); padding: 10px 15px 5px 15px; } #stacks_in_377.sf-styles .submitMessage h3 { font-size: 16px; line-height: 1.4; color: #fff; font-weight: bold; } #stacks_in_377.sf-styles .submitMessage h3:not(:last-child) { margin: 0 0 5px 0 !important; } #stacks_in_377.sf-styles .submitMessage h3:last-child { margin: 0 !important; } #stacks_in_377.sf-styles .submitMessage p { margin: 0; font-size: 16px; line-height: 1.4; color: #fff; } #g-captcha { position: absolute; pointer-events: none; left: 0; width: 50px; bottom: 0; opacity: 0; } #stacks_in_377.sf-styles .g-recaptcha { min-width: 0; margin: 0; } /* ---------------------------------------- */ #stacks_in_377.sf-styles form { background: rgba(243, 243, 243, 1.00); padding: 16px 32px; border-radius: 2px; margin: 0px auto; border: 0px solid rgba(243, 243, 243, 1.00); display: inline-block; max-width: 100%; } #stacks_in_377.sf-styles form .note { display: block; font-size: 75%; line-height: 1.2; color: rgba(0, 0, 0, 0.80); margin: 0px 8px; opacity: .75; } #stacks_in_377.sf-styles form .note p { margin: 0; } #stacks_in_377.sf-styles .controls { position: relative; margin-bottom: 16px; width: 4540px; max-width: 100%; display: grid; grid-template-columns: 80px 1fr 20px; align-items: center; align-content: flex-start; grid-gap: 4px 8px; } #stacks_in_377.sf-styles .controls.sf-radio { margin-bottom: 0px; } #stacks_in_377.sf-styles .controls.sf-radio + .controls:not(.sf-radio) { margin-top: 16px; } #stacks_in_377.sf-styles .sf-radio-group .controls.sf-button-group.hidden, #stacks_in_377.sf-styles .controls.hidden { display: none !important; pointer-events: none; } #stacks_in_377.sf-styles .controls.sf-disabled.sf-input { cursor: not-allowed; } #stacks_in_377.sf-styles .controls.sf-disabled.sf-checkbox label, #stacks_in_377.sf-styles .controls.sf-disabled.sf-checkbox input, #stacks_in_377.sf-styles .controls.sf-disabled.sf-input label, #stacks_in_377.sf-styles .controls.sf-disabled.sf-input input { opacity: .5; pointer-events: none; } #stacks_in_377.sf-styles.sf-no-help-text .controls { grid-template-columns: 80px 1fr; } #stacks_in_377.sf-styles .deluxe-columns > div { min-width: 0; } #stacks_in_377.sf-styles .form-group > div:nth-child(2) { margin-top: 16px; } #stacks_in_377.sf-styles .controls.sf-checkbox { grid-template-columns: 80px 22px 1fr 20px; } #stacks_in_377.sf-styles.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 80px 22px 1fr; } #stacks_in_377.sf-styles .controls.sf-checkbox label { cursor: pointer; } #stacks_in_377.sf-styles .controls.sf-submit { grid-template-columns: 80px min-content 20px; grid-gap: 0px 8px; } #stacks_in_377.sf-styles .controls.sf-submit .sf-message:empty { display: none; } #stacks_in_377.sf-styles.sf-no-help-text .controls.sf-submit { grid-template-columns: 80px min-content; } #stacks_in_377.sf-styles .controls.sf-file { grid-template-columns: 80px 1fr min-content 20px; } #stacks_in_377.sf-styles.sf-no-help-text .controls.sf-file { grid-template-columns: 80px 1fr min-content; } #stacks_in_377.sf-styles .hiddenFormSubmit { display: none; } #stacks_in_377.sf-styles .steps .step .controls label, #stacks_in_377.sf-styles .controls label { font-size: 16px; line-height: 1; } #stacks_in_377.sf-styles .controls label { color: rgba(0, 0, 0, 0.80); margin: 0; } #stacks_in_377.sf-styles .controls label img { display: inline; } #stacks_in_377.sf-styles .controls:not(.sf-checkbox) label { pointer-events: none; } #stacks_in_377.sf-styles .controls .field-icon { position: absolute; right: 8px; top: 50%; fill: rgba(0, 0, 0, 0.65); margin: 0; width: 16px; height: 16px; pointer-events: none; transform: translate(0,-50%); } #stacks_in_377.sf-styles .sf-multi-select .field-icon { opacity: 0; } #stacks_in_377.sf-styles .controls { font-size: 16px; } #stacks_in_377.sf-styles form .controls .step-input-wrap { position: relative; } #stacks_in_377.sf-styles .controls input, #stacks_in_377.sf-styles .controls > button, #stacks_in_377.sf-styles .controls select, #stacks_in_377.sf-styles .controls select + .sf-multi-select-mobile, #stacks_in_377.sf-styles .controls .fileUpload, #stacks_in_377.sf-styles .controls .fileUpload span { font-size: 16px; line-height: 16px; height: 34px; color: rgba(0, 0, 0, 0.65); } #stacks_in_377.sf-styles .controls select + .sf-multi-select-mobile { height: auto; } #stacks_in_377.sf-styles .controls input::-webkit-calendar-picker-indicator { opacity: 0; } #stacks_in_377.sf-styles .controls input:focus, #stacks_in_377.sf-styles .controls select:focus, #stacks_in_377.sf-styles .controls textarea:focus, #stacks_in_377.sf-styles .controls button:focus { outline: none; } #stacks_in_377.sf-styles .controls.sf-checkbox label { font-size: 16px; line-height: 16px; } #stacks_in_377.sf-styles .controls textarea { font-size: 16px; line-height: 16px; color: rgba(0, 0, 0, 0.65); } #stacks_in_377.sf-styles .controls select.is-placeholder option, #stacks_in_377.sf-styles .controls select.is-placeholder + .sf-multi-select-mobile .sf-option { color: rgba(0, 0, 0, 0.65); } #stacks_in_377.sf-styles .controls input::placeholder, #stacks_in_377.sf-styles .controls textarea::placeholder, #stacks_in_377.sf-styles .controls select.is-placeholder option[disabled] { color: rgba(0, 0, 0, 0.35); color: ; opacity: 1; } #stacks_in_377.sf-placeholder .controls input::placeholder, #stacks_in_377.sf-placeholder .controls textarea::placeholder, #stacks_in_377.sf-placeholder .controls select:invalid, #stacks_in_377.sf-classic .controls input::placeholder, #stacks_in_377.sf-classic .controls textarea::placeholder, #stacks_in_377.sf-classic .controls select.is-placeholder { color: transparent; } #stacks_in_377.sf-styles .controls .sf-number-wrap, #stacks_in_377.sf-styles .controls input, #stacks_in_377.sf-styles .controls textarea, #stacks_in_377.sf-styles .controls > button, #stacks_in_377.sf-styles .controls select, #stacks_in_377.sf-styles .controls select + .sf-multi-select-mobile, #stacks_in_377.sf-styles .controls .fileUpload { padding: 8px 8px; border: 1px solid rgba(0, 0, 0, 0.15); width: 100%; margin: 0px; color: rgba(0, 0, 0, 0.65); background-color: rgba(0, 0, 0, 0.00); border-radius: 2px; transition: all 0.3s; } #stacks_in_377.sf-styles .controls select + .sf-multi-select-mobile { padding: 8px 0px; } #stacks_in_377.sf-styles .controls .sf-number-wrap { padding: 0; color: rgba(0, 0, 0, 0.65); } #stacks_in_377.sf-styles .controls input[type="number"] { border-color: transparent !important; background-color: transparent !important; } #stacks_in_377.sf-styles .controls .sf-number-wrap { display: grid; grid-template-columns: 1fr min-content; align-items: center; grid-gap: 0px; position: relative; } #stacks_in_377.sf-styles .controls input::-webkit-outer-spin-button, #stacks_in_377.sf-styles .controls input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #stacks_in_377.sf-styles .controls input[type=number] { -moz-appearance: textfield; } #stacks_in_377.sf-styles .quantity-nav { height: 24px; display: grid; grid-gap: 2px; margin-left: 8px; margin-right: 4px; grid-template-columns: 1fr 1fr; } #stacks_in_377.sf-styles .quantity-button { font-family: "helvetica-Neue",helvetica; font-weight: 400; position: relative; cursor: pointer; border: none; width: 24px; text-align: center; font-size: 14px; line-height: 22px; height: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background-color: rgba(0,0,0,0.05); } #stacks_in_377.sf-styles .quantity-button.quantity-up:before { content: "+"; } #stacks_in_377.sf-styles .quantity-button.quantity-down:before { content: "-"; } #stacks_in_377.sf-styles .quantity-button:active:after { content: ""; position: absolute; left:0;top:0;right:0;bottom:0; background: rgba(0,0,0,0.05); pointer-events: none; } #stacks_in_377.sf-styles .controls input[type="checkbox"], #stacks_in_377.sf-styles .controls input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; } #stacks_in_377.sf-styles .controls select, #stacks_in_377.sf-styles .controls select + .sf-multi-select-mobile { line-height: 20px; padding: 6px 8px; } #stacks_in_377.sf-styles .controls select + .sf-multi-select-mobile { padding: 6px 0; } #stacks_in_377.sf-styles .controls > button { position: relative; white-space: nowrap; } #stacks_in_377.sf-styles .controls > button.sf-submitting { color: transparent; } #stacks_in_377.sf-styles .controls > button svg { pointer-events: none; opacity: 0; position: absolute; width: 16px; height: 16px; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; } #stacks_in_377.sf-styles .controls > button.sf-submitting svg { opacity: 1; transition: opacity 300ms ease; animation: sf-loading 1000ms linear infinite; transform-origin: 8px 9px; } #stacks_in_377.sf-styles .controls > button svg path { stroke: #fff; } #stacks_in_377.sf-styles .controls > button, #stacks_in_377.sf-styles .controls .fileUpload { padding: 8px 16px; } @-webkit-keyframes sf-loading { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes sf-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #stacks_in_377.sf-styles .controls .fileUpload { border-color: transparent; } #stacks_in_377.sf-styles form .hint, #stacks_in_377.sf-styles form .message { font-size: 14px; line-height: 1.3; position: relative; left: 0; color: #6f6f6f; padding: 12px; margin: 0px; background: -moz-linear-gradient(#ffffff, #f7f7f6 30%); background: -webkit-linear-gradient(#ffffff, #f7f7f6 30%); background: linear-gradient(#ffffff, #f7f7f6 30%); border-radius: 3px; vertical-align: top; pointer-events: none; box-shadow: 0px 8px 16px rgba(0,0,0,0.2); } #stacks_in_377.sf-styles form .hint:before, #stacks_in_377.sf-styles form .hint:after, #stacks_in_377.sf-styles form .message:before, #stacks_in_377.sf-styles form .message:after { content: ""; display: block; height: 0; width: 0; border-style: solid; border-width: 8px 8px 8px 8px; border-color: #f7f7f6 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); position: absolute; top: auto; left: 8px; margin-top: -8px; z-index: 2; bottom: -14px; } #stacks_in_377.sf-styles form .hint:after, #stacks_in_377.sf-styles form .message:after { z-index: 1; bottom: -15px; } #stacks_in_377.sf-styles form .hint { opacity: 0; position: absolute; left: calc(80px + 8px); right: 28px; bottom: 0%; top: auto; } #stacks_in_377.sf-styles.sf-no-help-text form .hint { right: 0px; } #stacks_in_377.sf-styles form .message ~ .hint { display: none; } #stacks_in_377.sf-styles form .controls .sf-focused ~ .hint { transition: all 300ms ease; opacity: 1; bottom: calc(100% + 8px); } #stacks_in_377.sf-styles form .help { height: 20px; } #stacks_in_377.sf-styles form .help i { display: block; position: relative; height: 20px; width: 20px; line-height: 16px; font-size: 16px; padding-top: 1px; text-align: center; color: #a2a2a2; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid rgba(0,0,0,0.3); background: #f7f7f6 -moz-linear-gradient(#ffffff, #ededec); background: #f7f7f6 -webkit-linear-gradient(#ffffff, #ededec); background: #f7f7f6 linear-gradient(#ffffff, #ededec); cursor: help; font-style: normal; } #stacks_in_377.sf-styles form .help i:hover { color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); border-color: #585854; background: #585854 -moz-linear-gradient(#6d6d67, #60605b); background: #585854 -webkit-linear-gradient(#6d6d67, #60605b); background: #585854 linear-gradient(#6d6d67, #60605b); } #stacks_in_377.sf-styles form .help i:after { display: none; opacity: 0.97; content: ""; height: 0; width: 0; border-style: solid; border-width: 0 9px 8px 9px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #6d6d67; position: absolute; bottom: -11px; left: 0px; z-index: 11; } #stacks_in_377.sf-styles form .help > span { display: none; opacity: 0.97; position: absolute; right: -2px; left: calc(80px + 8px); top: calc(8px + 8px + 16px); z-index: 10; padding: 7px 10px 9px 10px; margin: 0; border-radius: 3px; background: -moz-linear-gradient(#6d6d67, #585854 20%); background: -webkit-linear-gradient(#6d6d67, #585854 20%); background: linear-gradient(#6d6d67, #585854 20%); color: white; border-color: #585854; text-align: left; line-height: 1.2; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); font-size: 16px; line-height: 1.4; } #stacks_in_377.sf-styles form .help i:hover:after { display: block; } #stacks_in_377.sf-styles form .help i:hover ~ span { display: block; white-space: normal; } #stacks_in_377.sf-styles .controls.sf-checkbox .note, #stacks_in_377.sf-styles .controls.sf-file .note { grid-column: span 2; } #stacks_in_377.sf-styles .controls.sf-textarea, #stacks_in_377.sf-styles .controls.sf-multi-select { align-items: flex-start; } #stacks_in_377.sf-styles form .controls.sf-textarea .help, #stacks_in_377.sf-styles form .controls.sf-multi-select .help { margin-top: 8px; } /* left */ #stacks_in_377.sf-left .controls { width: calc(80px + 4540px); } #stacks_in_377.sf-left .controls:not(.sf-checkbox) label { font-weight: 600; } #stacks_in_377.sf-left .controls.sf-textarea label, #stacks_in_377.sf-left .controls.sf-multi-select label { margin-top: 8px; } @media all and (max-width: 500px) { #stacks_in_377.sf-left .controls { width: 4540px; } #stacks_in_377.sf-left form .controls .sf-focused ~ .hint { margin-top: 16px; } #stacks_in_377.sf-left form .controls:not(.sf-checkbox) .help > span { margin-top: 22px; } #stacks_in_377.sf-left form .hint, #stacks_in_377.sf-left form .help > span { left: 0px; } #stacks_in_377.sf-left .controls.sf-textarea label, #stacks_in_377.sf-left .controls.sf-multi-select label { margin-top: 0px; } #stacks_in_377.sf-left .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_377.sf-left.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_377.sf-left .dropdown-menu { margin-left: 0px; } #stacks_in_377.sf-left .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_377.sf-left.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_377.sf-left .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_377.sf-left.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_377.sf-left .controls .sf-empty-column { display: none; } #stacks_in_377.sf-left .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_377.sf-left.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_377.sf-left .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; font-weight: 600; } } /* end left */ /* top */ #stacks_in_377.sf-top form .controls .sf-focused ~ .hint { margin-top: 16px; } #stacks_in_377.sf-top .controls .note, #stacks_in_377.sf-top .controls.sf-checkbox .note, #stacks_in_377.sf-top .controls.sf-file .note { grid-column: 1/-1; } #stacks_in_377.sf-top form .controls:not(.sf-checkbox) .help > span { margin-top: 22px; } #stacks_in_377.sf-top form .hint, #stacks_in_377.sf-top form .help > span { left: 0px; } #stacks_in_377.sf-top .controls.sf-textarea label, #stacks_in_377.sf-top .controls.sf-multi-select label { margin-top: 0px; } #stacks_in_377.sf-top .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_377.sf-top.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_377.sf-top .dropdown-menu { margin-left: 0px; } #stacks_in_377.sf-top .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_377.sf-top.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_377.sf-top .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_377.sf-top.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_377.sf-top .controls .sf-empty-column { display: none; } #stacks_in_377.sf-top .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_377.sf-top.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_377.sf-top .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; font-weight: 600; } /* end top */ /* placeholder */ #stacks_in_377.sf-placeholder form .hint, #stacks_in_377.sf-placeholder form .help > span { left: 0px; } #stacks_in_377.sf-placeholder .controls .note, #stacks_in_377.sf-placeholder .controls.sf-checkbox .note, #stacks_in_377.sf-placeholder .controls.sf-file .note { grid-column: 1/-1; } #stacks_in_377.sf-placeholder .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_377.sf-placeholder.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_377.sf-placeholder .dropdown-menu { margin-left: 0px; } #stacks_in_377.sf-placeholder .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_377.sf-placeholder.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_377.sf-placeholder .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_377.sf-placeholder.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_377.sf-placeholder .controls .sf-empty-column { display: none; } #stacks_in_377.sf-placeholder .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_377.sf-placeholder.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_377.sf-placeholder .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; } #stacks_in_377.sf-placeholder .controls:not(.sf-checkbox) label { position: absolute; left: 4px; top: 8px; display: inline-block; padding: 0px 4px; transition: opacity 0.3s; pointer-events: none; opacity: 1; z-index: 1; } #stacks_in_377.sf-placeholder .controls.sf-checkbox label { display: block; } #stacks_in_377.sf-placeholder .controls:not(.sf-checkbox) label.sf-active { opacity: 0; } #stacks_in_377.sf-placeholder .controls:not(.sf-checkbox) label:not(.sf-active) + div input { color: transparent; } /* end placeholder */ /* classic */ #stacks_in_377.sf-classic form .controls .sf-focused ~ .hint { bottom: calc(100% + 16px); } #stacks_in_377.sf-classic .controls .note, #stacks_in_377.sf-classic .controls.sf-checkbox .note, #stacks_in_377.sf-classic .controls.sf-file .note { grid-column: 1/-1; } #stacks_in_377.sf-classic form .hint, #stacks_in_377.sf-classic form .help > span { left: 0px; } #stacks_in_377.sf-classic form .controls:not(.sf-checkbox) .help > span { margin-top: 4px; } #stacks_in_377.sf-classic .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_377.sf-classic.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_377.sf-classic .dropdown-menu { margin-left: 0px; } #stacks_in_377.sf-classic .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_377.sf-classic.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_377.sf-classic .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_377.sf-classic.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_377.sf-classic .controls .sf-empty-column { display: none; } #stacks_in_377.sf-classic .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_377.sf-classic.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_377.sf-classic .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; } #stacks_in_377.sf-classic .controls:not(.sf-checkbox) label { position: absolute; left: 6px; top: 12px; border-radius: 2px; display: inline-block; padding: 0px 6px; background-color: rgba(255, 255, 255, 0); transition: color 0.3s, top 0.3s, background-color 0.8s; z-index: 1; } #stacks_in_377.sf-classic .controls.sf-checkbox label { display: block; } #stacks_in_377.sf-classic .controls:not(.sf-checkbox) label.sf-active { top: -8px; z-index: 2; background-color: rgba(243, 243, 243, 1.00); } #stacks_in_377.sf-classic .controls:not(.sf-checkbox) label:not(.sf-active) + div input { color: transparent; } #stacks_in_377.sf-classic .controls input, #stacks_in_377.sf-classic .controls > button, #stacks_in_377.sf-classic .controls select, #stacks_in_377.sf-classic .controls select + .sf-multi-select-mobile, #stacks_in_377.sf-classic .controls .fileUpload, #stacks_in_377.sf-classic .controls .fileUpload span { padding: 12px; height: 42px; } #stacks_in_377.sf-classic .controls select + .sf-multi-select-mobile { padding: 12px 0; } #stacks_in_377.sf-classic .controls select + .sf-multi-select-mobile { height: auto; } #stacks_in_377.sf-classic .controls input[type="checkbox"], #stacks_in_377.sf-classic .controls input[type="radio"] { padding: 0; } #stacks_in_377.sf-classic .controls textarea { padding: 12px; } #stacks_in_377.sf-classic .controls > button { padding: 12px 24px; } /* end classic */ #stacks_in_377.sf-styles .controls input, #stacks_in_377.sf-styles .controls textarea, #stacks_in_377.sf-styles .controls button, #stacks_in_377.sf-styles .controls select, #stacks_in_377.sf-styles .controls select + .sf-multi-select-mobile, #stacks_in_377.sf-styles .controls input[type="checkbox"]:after, #stacks_in_377.sf-styles .controls input[type="radio"]:after, #stacks_in_377.sf-styles input[type="checkbox"] + .sf-captcha > .g-recaptcha iframe { box-shadow: none; } #stacks_in_377.sf-styles .controls input[type="number"].hasError + input, #stacks_in_377.sf-styles .controls input:not([type="radio"]):not([type="checkbox"]):not([type="number"]).hasError, #stacks_in_377.sf-styles .controls input.sf-upload + label, #stacks_in_377.sf-styles .controls textarea.hasError, #stacks_in_377.sf-styles .controls button.hasError, #stacks_in_377.sf-styles .controls select.hasError, #stacks_in_377.sf-styles .controls select.hasError + .sf-multi-select-mobile, #stacks_in_377.sf-styles input[type="checkbox"].hasError + .sf-captcha > .g-recaptcha iframe { box-shadow: inset 0 0 0 1000px rgba(249,217,73,0.33); } #stacks_in_377.sf-styles .controls input[type="checkbox"]:not(:checked).hasError:after, #stacks_in_377.sf-styles .controls input[type="radio"]:not(:checked).hasError:after { box-shadow: none; background-color: rgba(249,217,73,0.33); content: ""; width: 20px; height: 20px; position: absolute; left: 1px; top: 1px; border-radius: 50%; } #stacks_in_377.sf-styles .controls input[type="checkbox"]:not(:checked).hasError:after { border-radius: 0px; } #stacks_in_377.sf-styles .controls select, #stacks_in_377.sf-styles .controls select + .sf-multi-select-mobile .sf-option, #stacks_in_377.sf-styles .controls.sf-date input { cursor: pointer; -moz-appearance: none; -webkit-appearance: none; } #stacks_in_377.sf-styles .controls textarea { white-space: pre-line; line-height: 1.2; } #stacks_in_377.sf-styles .controls input[type=checkbox], #stacks_in_377.sf-styles .controls input[type=radio] { position: relative; left: 0px; width: 22px; height: 22px; margin: 4px 0px; background: transparent; border-color: transparent; } #stacks_in_377.sf-styles .controls input[type=checkbox]:after, #stacks_in_377.sf-styles .controls input[type=radio]:before { cursor: pointer; content: " "; display: inline-block; width: 20px; height: 20px; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.15); line-height: 20px; text-align: center; position: relative; left: 0px; background-image: linear-gradient(rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.00)); } #stacks_in_377.sf-styles .controls input[type=radio]:before { border-radius: 50%; } #stacks_in_377.sf-styles .controls input[type=checkbox]:checked:after { content: "\2714"; /**/ color: rgba(31, 125, 193, 1.00); } #stacks_in_377.sf-styles .controls input[type=radio]:checked:after { content: ""; width: 12px; height: 12px; position: absolute; left: 5px; top: 5px; border-radius: 50%; background-color: rgba(31, 125, 193, 1.00); } #stacks_in_377.sf-styles .controls .fileUpload, #stacks_in_377.sf-styles .controls button { overflow: hidden; background-color: rgba(112, 0, 53, 1.00); border: 1px solid rgba(112, 0, 53, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_377.sf-styles .controls .fileUpload:active, #stacks_in_377.sf-styles .controls button:active { box-shadow: 0 0 0 2000px rgba(0,0,0,0.22) inset; } #stacks_in_377.sf-styles .controls .fileUpload span { white-space: nowrap; color: rgba(255, 255, 255, 1.00); } #stacks_in_377.sf-styles .controls .fileUpload input.upload { position: absolute; top: 0; bottom :0; right: 0; margin: 0; padding: 0; cursor: pointer; opacity: 0; height: 100%; } #stacks_in_377.sf-styles form, #stacks_in_377.sf-styles .controls input, #stacks_in_377.sf-styles .controls textarea { font-family: inherit; } /* */ /* */ /* */ #stacks_in_377.sf-styles .controls.sf-submit.sf-full-button-True { grid-template-columns: 1fr 20px; } #stacks_in_377.sf-styles.sf-no-help-text .controls.sf-submit.sf-full-button-True { grid-template-columns: 1fr; } #stacks_in_377.sf-left .controls.sf-submit.sf-full-button-True { grid-template-columns: 80px 1fr 20px; } #stacks_in_377.sf-left.sf-no-help-text .controls.sf-submit.sf-full-button-True { grid-template-columns: 80px 1fr; } #stacks_in_377.sf-styles .controls select[multiple] { height: auto; } #stacks_in_377.sf-styles .controls select[multiple] option, #stacks_in_377.sf-styles .controls select[multiple] + .sf-multi-select-mobile .sf-option { padding: 2px 0px; } #stacks_in_377.sf-styles .controls select[multiple] + .sf-multi-select-mobile .sf-option { padding: 2px 8px; } #stacks_in_377.sf-styles form .controls select + .sf-multi-select-mobile .sf-option.sf-msm-active { background: rgba(112, 0, 53, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_377.sf-styles .form-group .controls select[multiple] option:empty[disabled], #stacks_in_377.sf-styles .form-group .controls.sf-multi-select svg { display: none; } #stacks_in_377.sf-placeholder .form-group .controls.sf-multi-select label, #stacks_in_377.sf-classic .form-group .controls.sf-multi-select label { position: static; } #stacks_in_377.sf-styles .sf-radio-group { display: flex; flex-wrap: wrap; align-items: stretch; grid-gap: 4px; margin-bottom: 16px; } #stacks_in_377.sf-styles .sf-radio-group .controls.sf-button-group { flex: 0 0 auto; margin: 0 0 4px 0; padding: 0; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; align-items: stretch; justify-content: center; } #stacks_in_377.sf-styles .sf-radio-group .controls.sf-button-group.sf-help-text { grid-template-columns: 1fr 20px; } #stacks_in_377.sf-styles form .controls.sf-button-group.sf-help-text .help > span { transform: translate(0,-50%); top: calc(50% + 52px); } #stacks_in_377.sf-styles .sf-radio-group .controls input[type]:after, #stacks_in_377.sf-styles .sf-radio-group .controls input[type]:before, #stacks_in_377.sf-styles .sf-radio-group .controls input[type] { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; margin: 0; background: transparent; cursor: pointer; } #stacks_in_377.sf-styles .sf-radio-group .controls input[type]:after, #stacks_in_377.sf-styles .sf-radio-group .controls input[type]:before { pointer-events: none; } #stacks_in_377.sf-styles .sf-radio-group .controls input:checked:after { content: ""; background: transparent; border: 2px solid rgba(31, 125, 193, 1.00); } #stacks_in_377.sf-styles .sf-radio-group .controls input[type]:checked:after, #stacks_in_377.sf-styles .sf-radio-group .controls input[type]:before, #stacks_in_377 .step .sf-radio-group .controls input.hasError[type]:after { border-radius: 4px; } #stacks_in_377.sf-styles .sf-radio-group .controls.sf-button-group label { display: grid; padding: 16px 8px; grid-template-columns: auto; grid-template-rows: min-content; justify-items: center; align-items: center; text-align: center; line-height: 1.1; font-size: 14px; z-index: 1; grid-gap: 8px; user-select: none; } #stacks_in_377.sf-styles .sf-radio-group .controls.sf-button-group label > div img { display: block; } #stacks_in_377.sf-styles .sf-radio-group .controls.sf-button-group label div:empty, #stacks_in_377.sf-styles .sf-radio-group .controls.sf-button-group label div.empty { display: none; } #stacks_in_377.sf-styles .sf-radio-group .controls.sf-button-group .sf-button-wrap { position: relative; justify-content: center; align-items: center; display: flex; } /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-datetimepicker-widget{top:0;left:0;width:250px;padding:4px;margin-top:1px;z-index:3000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute;top:-7px;left:6px}.bootstrap-datetimepicker-widget:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.bootstrap-datetimepicker-widget.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget>ul{list-style-type:none;margin:0}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:100%;font-weight:bold;font-size:1.2em}.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width:4px;padding:0;margin:0}.bootstrap-datetimepicker-widget .datepicker>div{display:none}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new{color:#999}.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget td.active:hover,.bootstrap-datetimepicker-widget td.active:hover:hover,.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active:hover.active,.bootstrap-datetimepicker-widget td.active.disabled,.bootstrap-datetimepicker-widget td.active:hover.disabled,.bootstrap-datetimepicker-widget td.active[disabled],.bootstrap-datetimepicker-widget td.active:hover[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active:hover.active{background-color:#039 \9}.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget td span{display:block;width:47px;height:54px;line-height:54px;float:left;margin:2px;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget td span:hover{background:#eee}.bootstrap-datetimepicker-widget td span.active{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget td span.active:hover,.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active.active,.bootstrap-datetimepicker-widget td span.active.disabled,.bootstrap-datetimepicker-widget td span.active[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active.active{background-color:#039 \9}.bootstrap-datetimepicker-widget td span.old{color:#999}.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget th.switch{width:145px}.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev{font-size:21px}.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget thead tr:first-child th:hover{background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i{display:block;cursor:pointer;width:16px;height:16px}.bootstrap-datetimepicker-widget.left-oriented:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.left-oriented:after{left:auto;right:7px} #stacks_in_377.sf-styles .dropdown-menu { position: absolute; top: 100%; z-index: 1000; display: none; float: none; width: 4540px; max-width: 100%; padding: 5px 0; list-style: none; background-color: #ffffff; color: #676767; border-radius: 3px; box-shadow: 0px 8px 16px rgba(0,0,0,0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #stacks_in_377.sf-styles .bootstrap-datetimepicker-widget:before, #stacks_in_377.sf-styles .bootstrap-datetimepicker-widget:after { display: none; } #stacks_in_377.sf-styles .bootstrap-datetimepicker-widget ul { padding: 0px 8px; } #stacks_in_377.sf-styles .bootstrap-datetimepicker-widget td [data-action="togglePicker"] span { display: block; width: auto; height: auto; line-height: 22px; float: none; margin: 0; padding: 8px; border-radius: 0px; } #stacks_in_377.sf-styles .bootstrap-datetimepicker-widget td [data-action="togglePicker"] { display: block; width: 100%; border: 1px solid rgba(0,0,0,0.1); padding: 0px; margin: 8px 0; } #stacks_in_377.sf-styles .bootstrap-datetimepicker-widget .datepicker { margin-top: 8px; } #stacks_in_377.sf-styles .bootstrap-datetimepicker-widget .timepicker { margin-bottom: 8px; } #stacks_in_377.sf-styles table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } #stacks_in_377.sf-styles .bootstrap-datetimepicker-widget .collapse.in { display: block; } #stacks_in_377.sf-styles .bootstrap-datetimepicker-widget .collapse { position: relative; display: none; overflow: visible; } #stacks_in_377.sf-styles .bootstrap-datetimepicker-widget .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: 1.2; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px; } #stacks_in_377.sf-styles .hiddenFormSubmit { display: none; } #stacks_in_377.sf-styles .hideSlice { display: none !important; } #stacks_in_377 .autoreply {display: none;} #stacks_in_377 .sf-debug-output.has-output > div { padding: 16px; background: #fff; color: #555 !important; font-size: 16px; line-height: 1.3 !important; max-width: 540px; margin: 16px auto; border: 1px solid rgba(0,0,0,0.15); border-radius: 2px; } #stacks_in_377 .sf-debug-output.has-output h2, #stacks_in_377 .sf-debug-output.has-output h3 { margin: 16px 0px 24px 0px; font-size: 20px; font-weight: bold; color: #333 !important; } #stacks_in_377 .sf-debug-output.has-output h3 { font-size: 18px; } #stacks_in_377 .sf-debug-output.has-output p { margin: 16px 0px; } #stacks_in_377.sf-styles .step-stack-wrap .controls .sf-number-wrap { border-width: 0px; } #stacks_in_377 .step-stack-wrap .controls.sf-input { display: grid; } #stacks_in_377.sf-styles form .step-stack-wrap .note { color: inherit; } #stacks_in_377.sf-styles .step-stack-wrap .steps .step-content { z-index: 3; } /* */ #stacks_in_377 .step-stack-wrap .step-slice { display: none; } #stacks_in_377 .step-stack-wrap .step-submit ~ .step .step-slice { display: block; } /* */ /* */ /* */ textarea#input-stacks_in_378 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_378.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_378.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_380 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_380.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_380.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ #submit-stacks_in_389 { margin-left: auto; justify-content: flex-end; } /* */ textarea#input-stacks_in_389 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_389.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_389.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* 1.0.2 */ #steps-stacks_in_381, #steps-stacks_in_381 .com_onelittledesigner_stacks_Step_2_Item_stack { max-width: 800px; width: 100%; border-radius: 2px; min-height: 450px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; overflow: hidden; position: relative; transition: all 300ms ease; } #steps-stacks_in_381 { margin: 16px auto 16px auto; } #steps-stacks_in_381 svg { color: inherit; fill: inherit; stroke: inherit; } #steps-stacks_in_381 .step-list { width: 230px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ background: rgba(14, 27, 37, 1.00); /* */ /* */ /* */ /* */ } #steps-stacks_in_381 .step-list::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_381 .steps { background-color: rgba(243, 243, 243, 1.00); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } #steps-stacks_in_381 .steps .step { /* */ background: rgba(243, 243, 243, 1.00); /* */ /* */ /* */ /* */ } #steps-stacks_in_381 .steps .step::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; pointer-events: none; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_381.bold-sidebar-text .step-list ul li { font-weight: bold; } #steps-stacks_in_381.show-step-list .steps .step-top .step-list-toggle svg { color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_381.show-step-list .step-list { margin-left: 0; } #steps-stacks_in_381.show-step-list .step-list ul { opacity: 1; transition: all 300ms 300ms; } #steps-stacks_in_381.complete .step-complete-page { opacity: 1; visibility: visible; pointer-events: auto; } #steps-stacks_in_381 .step-complete-page { /* */ background: rgba(14, 27, 37, 1.00); /* */ /* */ /* */ /* */ top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 20; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; text-align: center; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 300ms ease; } #steps-stacks_in_381 .step-complete-icon { z-index: 10; position: relative; color: rgba(47, 205, 113, 1.00); width: 100px; height: 100px; margin-bottom: 10px; } #steps-stacks_in_381 .step-complete-title { z-index: 10; position: relative; font-family: inherit; color: rgba(255, 255, 255, 1.00); font-size: 32px; line-height: calc(32px * 1.1); margin-bottom: 10px; } #steps-stacks_in_381 .step-complete-description { z-index: 10; position: relative; font-family: inherit; font-size: 16px; line-height: calc(16px * 1.4); margin-bottom: 20px; color: rgba(255, 255, 255, 0.40); max-width: calc(800px - 230px); min-width: 300px; } #steps-stacks_in_381 .step-complete-restart { z-index: 10; position: relative; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.10); font-size: 24px; padding: 10px 20px; border-radius: 2px; min-width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #steps-stacks_in_381 .step-complete-restart svg { height: 24px; transition: all 0.5s; } #steps-stacks_in_381 .step-complete-restart:hover svg { -webkit-transform: rotate(360deg); transform: rotate(360deg); } #steps-stacks_in_381 .step-complete-page::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_381 .step-list { margin-left: -230px; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: all 300ms ease; } #steps-stacks_in_381 .step-list * { box-sizing: border-box; } #steps-stacks_in_381 .step-list-nav { z-index: 10; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; display: none; font-size: 24px; padding: 15px 20px 0px 25px; position: relative; align-items: center; color: rgba(255, 255, 255, 1.00); min-height: 20px; justify-content: flex-start; } #steps-stacks_in_381 .steps .step-top .step-list-toggle, #steps-stacks_in_381 .step-list-nav .step-list-toggle { cursor: pointer; } #steps-stacks_in_381 .step-list ul { z-index: 10; opacity: 0; padding: 10px; margin: auto 0; list-style: none; position: relative; transition: all 0s 0s; } #steps-stacks_in_381 .step-list ul li { font-family: inherit; color: rgba(255, 255, 255, 0.50); font-size: 14px; line-height: 15.400001px; padding: 0; margin: 8px 16px; display: grid; cursor: pointer; grid-template-columns: min-content 1fr; align-items: center; } #steps-stacks_in_381 .step-list ul li:hover { color: rgba(255, 255, 255, 1.00); } #steps-stacks_in_381 .step-list ul li.active { color: rgba(255, 255, 255, 1.00); } #steps-stacks_in_381 .step-list ul li.step-inactive { opacity: 0.5; pointer-events: none; } #steps-stacks_in_381 .step-list ul li.step-inactive.step-complete { display: flex; } #steps-stacks_in_381 .steps .step .step-hide, #steps-stacks_in_381 .step-list ul li.step-hide, #steps-stacks_in_381 .step-list ul li.step-complete.step-hide { display: none; } #steps-stacks_in_381 .step-list ul li .step-is-inactive, #steps-stacks_in_381 .step-list ul li .step-is-complete, #steps-stacks_in_381 .step-list ul li .step-is-incomplete { display: none; height: 21.000000px; width: 21.000000px; margin-right: 4px; } #steps-stacks_in_381 .step-list ul li.is-last-step svg circle, #steps-stacks_in_381 .step-list ul li svg.step-is-inactive circle { transform: scale(0.25); transform-origin: center; fill: currentColor; } #steps-stacks_in_381 .step-list ul li .step-is-complete { color: #2FCD71; } #steps-stacks_in_381 .step-list ul li .step-is-incomplete { color: #F9D949; } #steps-stacks_in_381 .steps .step .controls input:not([type="radio"]):not([type="checkbox"]):not([type="number"]).hasError, #steps-stacks_in_381 .steps .step .controls input[type="number"].hasError+input, #steps-stacks_in_381 .steps .step .controls input.sf-upload+label, #steps-stacks_in_381 .steps .step .controls textarea.hasError, #steps-stacks_in_381 .steps .step .controls button.hasError, #steps-stacks_in_381 .steps .step .controls select.hasError, #steps-stacks_in_381 .steps .step input[type="checkbox"].hasError+.sf-captcha>.g-recaptcha iframe { box-shadow: inset 0 0 0 1000px #F9D94955; } #steps-stacks_in_381 .steps .step .controls input[type="checkbox"]:not(:checked).hasError:after, #steps-stacks_in_381 .steps .step .controls input[type="radio"]:not(:checked).hasError:after { z-index: 2; pointer-events: none; background-color: #F9D94955; } #steps-stacks_in_381 .step-list ul li:not(.step-complete):not(.step-incomplete) .step-is-inactive, #steps-stacks_in_381 .step-list ul li.step-inactive:not(.step-complete) .step-is-inactive, #steps-stacks_in_381 .step-list ul li.step-complete .step-is-complete, #steps-stacks_in_381 .step-list ul li.step-incomplete .step-is-incomplete { display: inline-block; } #steps-stacks_in_381>.step-message.sf-message { user-select: none; display: grid; grid-template-columns: 48px 1fr; grid-gap: 16px; justify-content: center; align-items: center; position: absolute; z-index: 99; top: 16px; right: 16px; left: auto; bottom: auto; cursor: pointer; padding: 0px; box-shadow: none; max-width: 360px; border-radius: 2px; /* */ background: rgba(255, 255, 255, 1.00); box-shadow: inset 0 0 0 1px rgba(218, 218, 218, 1.00); /* */ /* */ /* */ /* */ } #steps-stacks_in_381>.step-message.sf-message:has(.submitMessage) { animation: step-message-in-out 4s ease forwards; } @keyframes step-message-in-out { 0% { transform: translateY(-50px); opacity: 0 } 5% { transform: translateY(0); opacity: 1 } 95% { transform: translateY(0); opacity: 1 } 100% { transform: translateY(-50px); opacity: 0 } } #steps-stacks_in_381>.step-message>svg { height: 32px; width: 32px; margin: 16px 0px 16px 16px; color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_381>.step-message>svg:last-child { display: none; } #steps-stacks_in_381>.step-message>.submitMessage { border: 0px solid black; box-shadow: none; background: transparent; position: static; margin: 0; animation: none; padding: 16px 16px 16px 0px; transform: translate(0, 0); } #steps-stacks_in_381>.step-message>.submitMessage h3 { color: rgba(14, 27, 37, 1.00); font-size: 17.500000px; line-height: 21.000000px; margin: 0 0 16px 0; } #steps-stacks_in_381>.step-message>.submitMessage p { color: rgba(0, 0, 0, 0.75); font-size: 14px; line-height: 21.000000px; margin: 0; } #steps-stacks_in_381 .steps { position: relative; padding-bottom: 57px; } #steps-stacks_in_381 .steps .step { min-height: 450px; top: 0; left: 0; z-index: 1; width: 100%; text-align: left; position: absolute; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: transform 300ms ease; display: grid; grid-template-rows: min-content 1fr 57px; } #steps-stacks_in_381 .steps .step:after { content: ""; } #steps-stacks_in_381 .steps .step.active { -webkit-transform: translateY(0%); transform: translateY(0%); } #steps-stacks_in_381 .steps .step-top { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 15px 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; background-color: rgba(243, 243, 243, 1.00); z-index: 2; } #steps-stacks_in_381.has-show-count .steps .step .step-top { padding: 10px 20px; } #steps-stacks_in_381 .step-list-nav svg.step-list-toggle, #steps-stacks_in_381 .steps .step-top .step-list-toggle svg { height: 24px; cursor: pointer; display: block; margin: 8px 0px; } #steps-stacks_in_381 .steps .step-top .step-list-toggle * { pointer-events: none; } #steps-stacks_in_381 .steps .step-top .step-list-toggle svg { color: rgba(0, 0, 0, 0.50); margin-left: -2px; } #steps-stacks_in_381 .steps .step-top .step-count { font-family: inherit; color: rgba(14, 27, 37, 1.00); display: flex; flex: 0 1 auto; line-height: 1; font-weight: bold; margin-left: auto; align-items: center; box-sizing: border-box; } #steps-stacks_in_381 .steps .step-top .step-count::before { color: rgba(0, 0, 0, 0.50); margin-right: 10px; display: inline-block; } #steps-stacks_in_381 .steps .step-content { font-family: inherit; display: grid; align-content: flex-start; padding: 15px 30px 15px 30px; padding-top: calc(15px - 18px); padding-bottom: calc(15px - 10px); z-index: 1; color: rgba(0, 0, 0, 0.75); position: relative; } #steps-stacks_in_381 .steps .step-content>.empty { display: none; } #steps-stacks_in_381 .steps .step-content .step-title, #steps-stacks_in_381 .steps .step-content h1, #steps-stacks_in_381 .steps .step-content h2, #steps-stacks_in_381 .steps .step-content h3, #steps-stacks_in_381 .steps .step-content h4, #steps-stacks_in_381 .steps .step-content h5, #steps-stacks_in_381 .steps .step-content h6 { font-family: inherit; color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_381 .steps:not(.custom-formatting) .step-content p { color: rgba(0, 0, 0, 0.75); } #steps-stacks_in_381 .steps:not(.custom-formatting) .step-content h2, #steps-stacks_in_381 .steps:not(.custom-formatting) .step-content .step-title { font-weight: bold; font-size: 32px; line-height: calc(32px * 1.1); margin: 10px 0 0px 0; } #steps-stacks_in_381 .steps:not(.custom-formatting) .step-content .step-slice>h2:first-child, #steps-stacks_in_381 .steps:not(.custom-formatting) .step-content .step-title { margin-top: 0px; } #steps-stacks_in_381 .steps:not(.custom-formatting) .step-content .step-slice>*:last-child { margin-bottom: 0px; } #steps-stacks_in_381 .steps:not(.custom-formatting) .step-content h3 { font-weight: bold; font-size: 14px; line-height: calc(14px * 1.1); margin: 10px 0 10px 0; } #steps-stacks_in_381 .steps:not(.custom-formatting) .step-content h2+h3 { font-weight: normal; font-size: calc(14px * 1.1); line-height: calc(14px * 1.1); color: rgba(0, 0, 0, 0.75); margin: 0px 0 10px 0; opacity: 0.66; } #steps-stacks_in_381 .steps:not(.custom-formatting) .step-content { font-size: 14px; line-height: calc(14px * 1.6); } #steps-stacks_in_381 .steps:not(.custom-formatting) .step-content p { margin: 10px 0; } #steps-stacks_in_381 .steps .step-content a, #steps-stacks_in_381 .steps .step-content a:visited { color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_381 .step-nav { font-family: inherit; left: 0; right: 0; bottom: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 10px; background: rgba(243, 243, 243, 1.00); margin-top: auto; position: absolute; align-items: center; box-sizing: border-box; justify-content: space-between; transition: all 300ms ease; } #steps-stacks_in_381 .sf-file.controls .fileUpload span { font-size: inherit; line-height: inherit; height: auto; color: inherit; } #steps-stacks_in_381 .sf-file.controls .fileUpload, #steps-stacks_in_381 .step-nav-next, #steps-stacks_in_381 .step-nav-prev { user-select: none; background-color: transparent; font-size: 14px; padding: 10px 20px; border-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; cursor: pointer; align-items: center; justify-content: center; color: rgba(255, 255, 255, 1.00); border: 2px solid rgba(14, 27, 37, 1.00); transition: all 300ms ease; } #steps-stacks_in_381 .sf-file.controls .fileUpload:hover, #steps-stacks_in_381 .step-nav-next:hover, #steps-stacks_in_381 .step-nav-prev:hover { color: rgba(255, 255, 255, 1.00); background: rgba(14, 27, 37, 1.00); } #steps-stacks_in_381 .sf-file.controls .fileUpload, #steps-stacks_in_381 .step-nav-next { color: rgba(255, 255, 255, 1.00); background: rgba(14, 27, 37, 1.00); } #steps-stacks_in_381 .step-nav-next::before { content: "Next"; display: inline; } #steps-stacks_in_381 .step-nav-prev { color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_381 .step-nav-prev::before { display: inline; content: "Back"; } #steps-stacks_in_381 .step-nav.last-step .step-nav-next::before { content: "Complete"; } #steps-stacks_in_381>div>div[tag="slice"]:nth-last-child(2) .step-nav-next, #steps-stacks_in_381 .step-nav.last-step .step-nav-next { opacity: 0; pointer-events: none; } #steps-stacks_in_381 .step-post-submit.active+.step-nav .step-nav-prev, #steps-stacks_in_381 .step-post-submit.active+div:not(.active)~.step-nav .step-nav-prev, #steps-stacks_in_381 .step-nav.first-step .step-nav-prev { opacity: 0; visibility: hidden; pointer-events: none !important; } #steps-stacks_in_381.sf-submitting { pointer-events: none; } #steps-stacks_in_381.sf-submitting .step-nav>div { pointer-events: none; filter: grayscale(1); opacity: 0.5; } @media (max-width: 600px) { #steps-stacks_in_381.show-step-list .step-list { margin-left: 0; -webkit-transform: translateX(0%); transform: translateX(0%); } #steps-stacks_in_381 .steps { z-index: 1; position: relative; } #steps-stacks_in_381.show-step-list .steps .step-nav-next, #steps-stacks_in_381.show-step-list .steps .step-nav-prev { pointer-events: none; } #steps-stacks_in_381 .step-list { top: 0; left: 0; bottom: 0; z-index: 2; height: auto; margin-left: -230px; position: absolute; align-items: flex-start; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #steps-stacks_in_381 .step-list ul { margin: 0; } #steps-stacks_in_381 .step-list-nav { display: flex; } } #steps-stacks_in_381 .sf-submit { margin: 0 !important; } /* Field CSS */ #steps-stacks_in_381 * { box-sizing: border-box; } #steps-stacks_in_381 .note { display: block; font-size: 75%; line-height: 1.2; color: inherit; margin: 0px 8px; opacity: 0.6; } #steps-stacks_in_381 .note p { margin: 0; } #steps-stacks_in_381 .controls { position: relative; margin: 10px 0px; width: 300px; max-width: 100%; display: grid; grid-template-columns: 1fr; align-items: center; align-content: flex-start; grid-gap: 4px 8px; } #steps-stacks_in_381 .controls.sf-checkbox { grid-template-columns: 22px 1fr; grid-gap: 0px 8px; } #steps-stacks_in_381 .controls.sf-radio { margin-top: 4px; margin-bottom: 4px; } #steps-stacks_in_381 .controls.sf-radio+.controls:not(.sf-radio) { margin-top: 16px; } #steps-stacks_in_381 .deluxe-columns>div { min-width: 0; } #steps-stacks_in_381 .form-group>div:nth-child(2) { margin-top: 16px; } #steps-stacks_in_381 .controls.sf-checkbox label { cursor: pointer; } #steps-stacks_in_381 .step .controls label { font-size: 14px; padding: 0px; line-height: 1; color: inherit; margin: 0; color: rgba(0, 0, 0, 0.75); } #steps-stacks_in_381 .step .controls:not(.sf-checkbox) label { font-weight: bold; pointer-events: none; color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_381 .controls .field-icon { position: absolute; right: 8px; top: 15px; margin-top: 16px; fill: currentColor; width: 16px; height: 16px; pointer-events: none; opacity: 1; z-index: 1; } #steps-stacks_in_381.sf-no-help-text .controls .field-icon { right: 8px; } #steps-stacks_in_381 .controls { font-size: 14px; } #steps-stacks_in_381 .controls input, #steps-stacks_in_381 .controls select { font-size: 14px; line-height: 14px; height: 34px; color: inherit; } #steps-stacks_in_381 .controls input:focus, #steps-stacks_in_381 .controls select:focus { outline: none; } #steps-stacks_in_381 .controls.sf-checkbox label { font-size: 14px; line-height: 14px; } #steps-stacks_in_381 .controls select.is-placeholder option { opacity: 0.6; } #steps-stacks_in_381 .controls input::placeholder, #steps-stacks_in_381 .controls select.is-placeholder option[disabled] { opacity: 0.6; } #steps-stacks_in_381 .step .controls input, #steps-stacks_in_381 .step .controls select { padding: 8px 8px; width: 100%; margin: 0px; color: rgba(0, 0, 0, 0.75); border-radius: 2px; position: relative; border: 1px solid transparent; background: transparent; } #steps-stacks_in_381 .step .controls textarea { border: 1px solid rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.75); background: rgba(0, 0, 0, 0.00); border-radius: 2px; } #steps-stacks_in_381 .step .controls .sf-number-wrap, #steps-stacks_in_381 .step .controls .step-input-wrap { position: relative; } #steps-stacks_in_381 .step .controls .sf-number-wrap:before, #steps-stacks_in_381 .step .controls .step-input-wrap:before { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.00); line-height: 20px; text-align: center; left: 0px; } #steps-stacks_in_381 .step .controls input[type="checkbox"], #steps-stacks_in_381 .step .controls input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; } #steps-stacks_in_381 .step .controls select { line-height: 20px; padding: 6px 8px; } #steps-stacks_in_381 .step .controls.sf-checkbox .note, #steps-stacks_in_381 .step .controls.sf-file .note { grid-column: span 2; } #steps-stacks_in_381 .step .controls input, #steps-stacks_in_381 .step .controls select, #steps-stacks_in_381 .step .controls input[type="checkbox"]:after, #steps-stacks_in_381 .step .controls input[type="radio"]:after { box-shadow: none; } #steps-stacks_in_381 .step .controls input[type="checkbox"]:not(:checked).hasError:after, #steps-stacks_in_381 .step .controls input[type="radio"]:not(:checked).hasError:after { box-shadow: none; content: ""; bottom: 1px; right: 1px; position: absolute; left: 1px; top: 1px; width: auto; height: auto; border-radius: 50%; } #steps-stacks_in_381 .step .controls input[type="checkbox"]:not(:checked).hasError:after { border-radius: 2px; } #steps-stacks_in_381 .step .controls select { cursor: pointer; -moz-appearance: none; -webkit-appearance: none; } #steps-stacks_in_381 .step .controls input[type=checkbox], #steps-stacks_in_381 .step .controls input[type=radio] { position: relative; left: 0px; width: 22px; height: 22px; margin: 4px 0px; background: transparent; border-color: transparent; } #steps-stacks_in_381 .step .controls input[type=checkbox]:after, #steps-stacks_in_381 .step .controls input[type=checkbox]:before, #steps-stacks_in_381 .step .controls input[type=radio]:before { cursor: pointer; content: " "; display: inline-block; width: 20px; height: 20px; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.00); line-height: 20px; text-align: center; position: relative; left: 0px; box-sizing: border-box; } #steps-stacks_in_381 .step .controls input[type=checkbox]:after { background: transparent; border: 0px solid transparent; opacity: 1; position: absolute; top: 1px; left: 1px; bottom: 1px; right: 1px; color: rgba(0, 0, 0, 0.75); } #steps-stacks_in_381 .step .controls input[type=checkbox]:checked:after { content: "\2714"; color: rgba(0, 0, 0, 0.75); font-size: 14px; font-weight: normal; font-family: Arial; } #steps-stacks_in_381 .step .controls input[type="number"]+input[type="text"] { position: absolute; left: 0; top: 0; bottom: 0; right: 0; pointer-events: none; color: transparent !important; background: transparent !important; } #steps-stacks_in_381 .step .controls input[type="number"]:focus+input[type="text"] { color: transparent; pointer-events: none; } #steps-stacks_in_381 .step .controls .sf-number-wrap, #steps-stacks_in_381 .step .controls .step-number-wrap { display: grid; grid-template-columns: 1fr min-content; align-items: center; grid-gap: 0px; } #steps-stacks_in_381 .step .controls input::-webkit-outer-spin-button, #steps-stacks_in_381 .step .controls input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #steps-stacks_in_381 .step .controls input[type=number] { -moz-appearance: textfield; } #steps-stacks_in_381 .quantity-nav { height: 24px; display: grid; grid-gap: 2px; margin-left: 8px; margin-right: 4px; grid-template-columns: 1fr 1fr; } #steps-stacks_in_381 .quantity-button { font-family: "helvetica-Neue", helvetica; font-weight: 400; position: relative; cursor: pointer; border: none; width: 24px; text-align: center; font-size: 14px; line-height: 22px; height: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background-color: rgba(0, 0, 0, 0.05); color: inherit; } #steps-stacks_in_381 .quantity-button.quantity-up:before { content: "+"; } #steps-stacks_in_381 .quantity-button.quantity-down:before { content: "-"; } #steps-stacks_in_381 .quantity-button:active:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.05); pointer-events: none; } #steps-stacks_in_381 .form-group>div:nth-child(2) { margin-top: 16px; } #steps-stacks_in_381 .step .controls.sf-checkbox label { cursor: pointer; } #steps-stacks_in_381 .step .controls label { padding: 0px; margin: 0; color: rgba(0, 0, 0, 0.75); } #steps-stacks_in_381 .step .controls:not(.sf-checkbox) label { font-weight: bold; pointer-events: none; color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_381 .step .controls .field-icon { fill: currentColor; opacity: 1; z-index: 1; } #steps-stacks_in_381 .sf-no-help-text .controls .field-icon { right: 8px; } #steps-stacks_in_381 .controls .step-input-wrap input::placeholder, .sf-placeholder #steps-stacks_in_381 .controls .step-input-wrap select:invalid, #steps-stacks_in_381 .controls .step-input-wrap input::placeholder, #steps-stacks_in_381 .controls .step-input-wrap select.is-placeholder, #steps-stacks_in_381 .controls .step-input-wrap select.is-placeholder option { color: rgba(0, 0, 0, 0.25); } #steps-stacks_in_381 .step .controls input, #steps-stacks_in_381 .step .controls select { margin: 0px; position: relative; } #steps-stacks_in_381 .step .controls .sf-number-wrap, #steps-stacks_in_381 .step .controls .step-input-wrap { position: relative; } #steps-stacks_in_381 .step .controls .sf-number-wrap:before, #steps-stacks_in_381 .step .controls .step-input-wrap:before { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.00); line-height: 20px; text-align: center; left: 0px; } #steps-stacks_in_381 .step .controls.sf-checkbox .note, #steps-stacks_in_381 .step .controls.sf-file .note { grid-column: span 2; } #steps-stacks_in_381 .step .controls input, #steps-stacks_in_381 .step .controls select, #steps-stacks_in_381 .step .controls input[type="checkbox"]:after, #steps-stacks_in_381 .step .controls input[type="radio"]:after { box-shadow: none; } #steps-stacks_in_381 .step .controls input[type=checkbox], #steps-stacks_in_381 .step .controls input[type=radio] { position: relative; background: transparent; border-color: transparent; } #steps-stacks_in_381 .step .controls input[type=checkbox]:after { background: transparent; border: 1px solid transparent; opacity: 1; position: absolute; top: 0; left: 0; color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_381 .step .controls input[type=checkbox]:checked:after { content: "\2714"; color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_381 .step .controls input[type=radio]:checked:after { background-color: rgba(14, 27, 37, 1.00); } .sf-classic #steps-stacks_in_381 .controls.sf-checkbox label { display: block; } .sf-classic #steps-stacks_in_381 .controls:not(.sf-checkbox) label.sf-active { top: -8px; z-index: 2; background-color: rgba(0, 0, 0, 0.00); } #steps-stacks_in_381 .step .controls input[type=radio]:before { border-radius: 50%; } #steps-stacks_in_381 .step .controls input[type=radio]:checked:after { content: ""; width: 12px; height: 12px; position: absolute; left: 4px; top: 4px; border-radius: 50%; background-color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_381 .sf-radio-group { display: flex; flex-wrap: wrap; align-items: stretch; grid-gap: 4px; } #steps-stacks_in_381 .sf-radio-group .controls.sf-button-group { flex: 0 0 auto; margin: 0 0 4px 0; padding: 16px 8px; display: flex; align-items: stretch; justify-content: center; } #steps-stacks_in_381 .sf-radio-group .controls input[type]:checked:after, #steps-stacks_in_381 .sf-radio-group .controls input[type]:before, #steps-stacks_in_381 .sf-radio-group .controls input[type] { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; margin: 0; background: transparent; } #steps-stacks_in_381 .sf-radio-group .controls input[type]:checked:after { background: transparent; border: 2px solid rgba(14, 27, 37, 1.00); } #steps-stacks_in_381 .sf-radio-group .controls input[type]:checked:after, #steps-stacks_in_381 .sf-radio-group .controls input[type]:before, #steps-stacks_in_381 .step .sf-radio-group .controls input.hasError[type]:after { border-radius: 4px; } #steps-stacks_in_381 .sf-radio-group .controls.sf-button-group label { display: grid; grid-template-columns: auto; grid-template-rows: min-content; justify-items: center; align-items: center; text-align: center; line-height: 1.1; font-size: 12px; grid-gap: 8px; z-index: 1; user-select: none; } #steps-stacks_in_381 .sf-radio-group .controls.sf-button-group label div:empty, #steps-stacks_in_381 .sf-radio-group .controls.sf-button-group label div.empty { display: none; } /* */ #step-stacks_in_383[data-cond1a] .step-submit-info.error-1ld.has-cond, #step-stacks_in_383[data-cond1b] .step-submit-info.error-1ld.has-cond, #step-stacks_in_383[data-cond1c] .step-submit-info.error-1ld.has-cond, #step-stacks_in_383[data-cond2a] .step-submit-info.error-1ld.has-cond, #step-stacks_in_383[data-cond2b] .step-submit-info.error-1ld.has-cond, #step-stacks_in_383[data-cond2c] .step-submit-info.error-1ld.has-cond, #step-stacks_in_383[data-cond3a] .step-submit-info.error-1ld.has-cond, #step-stacks_in_383[data-cond3b] .step-submit-info.error-1ld.has-cond, #step-stacks_in_383[data-cond3c] .step-submit-info.error-1ld.has-cond { display: grid; } #step-stacks_in_383 .step-top .step-count { display: none; } /* */ #sf-radio-stacks_in_385.controls.sf-button-group { width: 120px; } /* */ #stacks_in_373 { background-color: rgba(112, 0, 53, 1.00); padding: 20px; } #stacks_in_439 { padding: 20px; } #stacks_in_425 { background-color: rgba(240, 240, 240, 1.00); } /* 1.8.1 - fixed a bug that could the form to not submit if "Exclude Incomplete Fields" was disabled - replaced multiple select with custom mutli-select field ----- replaced option elements, they were not supported in safari ----- more of the feature is built out - you can now add a delay before redirecting on succssful submition - you can now disable radio and checkbox fields - single quotes are escaped from select fields */ #stacks_in_426.sf-styles,#stacks_in_426.sf-styles * {box-sizing: border-box;} #stacks_in_426.sf-styles .age-field, #stacks_in_426.sf-styles .agree-to-terms-field { overflow: hidden; height: 0; margin: 0 !important; } #stacks_in_426.sf-styles label.keepIt{text-align:left;display:inline-block;width:100%;padding-left:5px} #stacks_in_426.sf-styles select{color:#aaa}.php{display:none} #stacks_in_426.sf-styles .info{color:#00529B;background-color:#BDE5F8} #stacks_in_426.sf-styles .success{color:#4F8A10;background-color:rgba(47, 134, 56, 1.00)} #stacks_in_426.sf-styles .warning{color:#9F6000;background-color:#FEEFB3} #stacks_in_426.sf-styles .error{color:#D8000C;background-color:rgba(253, 128, 8, 1.00)} #stacks_in_426.sf-styles .sf-message { position: absolute; left: 0; right: 0; top: 0; width: 100%; } #stacks_in_426.sf-styles .submitMessage, #stacks_in_426.sf-styles .errorMessage { background-size: 40px 40px; background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent); width: 100%; border: 1px solid; color: #fff !important; padding: 10px 15px; border-radius:3px; margin-right: 28px; position: absolute; top: 0; left: 0; transform: translateY(-50%); z-index: 99; box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0px 8px 16px rgba(0,0,0,0.2); animation: sf-message-in-out 5s ease-in-out forwards; cursor: pointer; } @keyframes sf-message-in-out { 0% { transform: translateY(0%); opacity: 0 } 5% { transform: translateY(-50%); opacity: 1 } 95% { transform: translateY(-50%); opacity: 1} 100% { transform: translateY(0%); opacity: 0} } #stacks_in_426.sf-styles.sf-no-help-text .submitMessage { margin-right: 0px; } #stacks_in_426.sf-styles.sf-no-help-text .sf-help-column { display: none; } #stacks_in_426.sf-styles .sf-help-column { transform: none !important; } #stacks_in_426.sf-styles .info { background-color: #61b832; border-color: #3b8eb5; } #stacks_in_426.sf-styles .error, #stacks_in_426.sf-styles .errorMessage { background-color: rgba(253, 128, 8, 1.00); border-color: rgba(0,0,0,0.25); } #stacks_in_426.sf-styles .warning { background-color: #eaaf51; border-color: #d99a36; } #stacks_in_426.sf-styles .success { background-color:rgba(47, 134, 56, 1.00); border-color: rgba(0,0,0,0.25); padding: 10px 15px 5px 15px; } #stacks_in_426.sf-styles .submitMessage h3 { font-size: 16px; line-height: 1.4; color: #fff; font-weight: bold; } #stacks_in_426.sf-styles .submitMessage h3:not(:last-child) { margin: 0 0 5px 0 !important; } #stacks_in_426.sf-styles .submitMessage h3:last-child { margin: 0 !important; } #stacks_in_426.sf-styles .submitMessage p { margin: 0; font-size: 16px; line-height: 1.4; color: #fff; } #g-captcha { position: absolute; pointer-events: none; left: 0; width: 50px; bottom: 0; opacity: 0; } #stacks_in_426.sf-styles .g-recaptcha { min-width: 0; margin: 0; } /* ---------------------------------------- */ #stacks_in_426.sf-styles form { background: rgba(243, 243, 243, 1.00); padding: 16px 32px; border-radius: 2px; margin: 0px auto; border: 0px solid rgba(243, 243, 243, 1.00); display: inline-block; max-width: 100%; } #stacks_in_426.sf-styles form .note { display: block; font-size: 75%; line-height: 1.2; color: rgba(0, 0, 0, 0.80); margin: 0px 8px; opacity: .75; } #stacks_in_426.sf-styles form .note p { margin: 0; } #stacks_in_426.sf-styles .controls { position: relative; margin-bottom: 16px; width: 540px; max-width: 100%; display: grid; grid-template-columns: 80px 1fr 20px; align-items: center; align-content: flex-start; grid-gap: 4px 8px; } #stacks_in_426.sf-styles .controls.sf-radio { margin-bottom: 0px; } #stacks_in_426.sf-styles .controls.sf-radio + .controls:not(.sf-radio) { margin-top: 16px; } #stacks_in_426.sf-styles .sf-radio-group .controls.sf-button-group.hidden, #stacks_in_426.sf-styles .controls.hidden { display: none !important; pointer-events: none; } #stacks_in_426.sf-styles .controls.sf-disabled.sf-input { cursor: not-allowed; } #stacks_in_426.sf-styles .controls.sf-disabled.sf-checkbox label, #stacks_in_426.sf-styles .controls.sf-disabled.sf-checkbox input, #stacks_in_426.sf-styles .controls.sf-disabled.sf-input label, #stacks_in_426.sf-styles .controls.sf-disabled.sf-input input { opacity: .5; pointer-events: none; } #stacks_in_426.sf-styles.sf-no-help-text .controls { grid-template-columns: 80px 1fr; } #stacks_in_426.sf-styles .deluxe-columns > div { min-width: 0; } #stacks_in_426.sf-styles .form-group > div:nth-child(2) { margin-top: 16px; } #stacks_in_426.sf-styles .controls.sf-checkbox { grid-template-columns: 80px 22px 1fr 20px; } #stacks_in_426.sf-styles.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 80px 22px 1fr; } #stacks_in_426.sf-styles .controls.sf-checkbox label { cursor: pointer; } #stacks_in_426.sf-styles .controls.sf-submit { grid-template-columns: 80px min-content 20px; grid-gap: 0px 8px; } #stacks_in_426.sf-styles .controls.sf-submit .sf-message:empty { display: none; } #stacks_in_426.sf-styles.sf-no-help-text .controls.sf-submit { grid-template-columns: 80px min-content; } #stacks_in_426.sf-styles .controls.sf-file { grid-template-columns: 80px 1fr min-content 20px; } #stacks_in_426.sf-styles.sf-no-help-text .controls.sf-file { grid-template-columns: 80px 1fr min-content; } #stacks_in_426.sf-styles .hiddenFormSubmit { display: none; } #stacks_in_426.sf-styles .steps .step .controls label, #stacks_in_426.sf-styles .controls label { font-size: 16px; line-height: 1; } #stacks_in_426.sf-styles .controls label { color: rgba(0, 0, 0, 0.80); margin: 0; } #stacks_in_426.sf-styles .controls label img { display: inline; } #stacks_in_426.sf-styles .controls:not(.sf-checkbox) label { pointer-events: none; } #stacks_in_426.sf-styles .controls .field-icon { position: absolute; right: 8px; top: 50%; fill: rgba(0, 0, 0, 0.65); margin: 0; width: 16px; height: 16px; pointer-events: none; transform: translate(0,-50%); } #stacks_in_426.sf-styles .sf-multi-select .field-icon { opacity: 0; } #stacks_in_426.sf-styles .controls { font-size: 16px; } #stacks_in_426.sf-styles form .controls .step-input-wrap { position: relative; } #stacks_in_426.sf-styles .controls input, #stacks_in_426.sf-styles .controls > button, #stacks_in_426.sf-styles .controls select, #stacks_in_426.sf-styles .controls select + .sf-multi-select-mobile, #stacks_in_426.sf-styles .controls .fileUpload, #stacks_in_426.sf-styles .controls .fileUpload span { font-size: 16px; line-height: 16px; height: 34px; color: rgba(0, 0, 0, 0.65); } #stacks_in_426.sf-styles .controls select + .sf-multi-select-mobile { height: auto; } #stacks_in_426.sf-styles .controls input::-webkit-calendar-picker-indicator { opacity: 0; } #stacks_in_426.sf-styles .controls input:focus, #stacks_in_426.sf-styles .controls select:focus, #stacks_in_426.sf-styles .controls textarea:focus, #stacks_in_426.sf-styles .controls button:focus { outline: none; } #stacks_in_426.sf-styles .controls.sf-checkbox label { font-size: 16px; line-height: 16px; } #stacks_in_426.sf-styles .controls textarea { font-size: 16px; line-height: 16px; color: rgba(0, 0, 0, 0.65); } #stacks_in_426.sf-styles .controls select.is-placeholder option, #stacks_in_426.sf-styles .controls select.is-placeholder + .sf-multi-select-mobile .sf-option { color: rgba(0, 0, 0, 0.65); } #stacks_in_426.sf-styles .controls input::placeholder, #stacks_in_426.sf-styles .controls textarea::placeholder, #stacks_in_426.sf-styles .controls select.is-placeholder option[disabled] { color: rgba(0, 0, 0, 0.35); color: ; opacity: 1; } #stacks_in_426.sf-placeholder .controls input::placeholder, #stacks_in_426.sf-placeholder .controls textarea::placeholder, #stacks_in_426.sf-placeholder .controls select:invalid, #stacks_in_426.sf-classic .controls input::placeholder, #stacks_in_426.sf-classic .controls textarea::placeholder, #stacks_in_426.sf-classic .controls select.is-placeholder { color: transparent; } #stacks_in_426.sf-styles .controls .sf-number-wrap, #stacks_in_426.sf-styles .controls input, #stacks_in_426.sf-styles .controls textarea, #stacks_in_426.sf-styles .controls > button, #stacks_in_426.sf-styles .controls select, #stacks_in_426.sf-styles .controls select + .sf-multi-select-mobile, #stacks_in_426.sf-styles .controls .fileUpload { padding: 8px 8px; border: 1px solid rgba(0, 0, 0, 0.15); width: 100%; margin: 0px; color: rgba(0, 0, 0, 0.65); background-color: rgba(0, 0, 0, 0.00); border-radius: 2px; transition: all 0.3s; } #stacks_in_426.sf-styles .controls select + .sf-multi-select-mobile { padding: 8px 0px; } #stacks_in_426.sf-styles .controls .sf-number-wrap { padding: 0; color: rgba(0, 0, 0, 0.65); } #stacks_in_426.sf-styles .controls input[type="number"] { border-color: transparent !important; background-color: transparent !important; } #stacks_in_426.sf-styles .controls .sf-number-wrap { display: grid; grid-template-columns: 1fr min-content; align-items: center; grid-gap: 0px; position: relative; } #stacks_in_426.sf-styles .controls input::-webkit-outer-spin-button, #stacks_in_426.sf-styles .controls input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #stacks_in_426.sf-styles .controls input[type=number] { -moz-appearance: textfield; } #stacks_in_426.sf-styles .quantity-nav { height: 24px; display: grid; grid-gap: 2px; margin-left: 8px; margin-right: 4px; grid-template-columns: 1fr 1fr; } #stacks_in_426.sf-styles .quantity-button { font-family: "helvetica-Neue",helvetica; font-weight: 400; position: relative; cursor: pointer; border: none; width: 24px; text-align: center; font-size: 14px; line-height: 22px; height: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background-color: rgba(0,0,0,0.05); } #stacks_in_426.sf-styles .quantity-button.quantity-up:before { content: "+"; } #stacks_in_426.sf-styles .quantity-button.quantity-down:before { content: "-"; } #stacks_in_426.sf-styles .quantity-button:active:after { content: ""; position: absolute; left:0;top:0;right:0;bottom:0; background: rgba(0,0,0,0.05); pointer-events: none; } #stacks_in_426.sf-styles .controls input[type="checkbox"], #stacks_in_426.sf-styles .controls input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; } #stacks_in_426.sf-styles .controls select, #stacks_in_426.sf-styles .controls select + .sf-multi-select-mobile { line-height: 20px; padding: 6px 8px; } #stacks_in_426.sf-styles .controls select + .sf-multi-select-mobile { padding: 6px 0; } #stacks_in_426.sf-styles .controls > button { position: relative; white-space: nowrap; } #stacks_in_426.sf-styles .controls > button.sf-submitting { color: transparent; } #stacks_in_426.sf-styles .controls > button svg { pointer-events: none; opacity: 0; position: absolute; width: 16px; height: 16px; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; } #stacks_in_426.sf-styles .controls > button.sf-submitting svg { opacity: 1; transition: opacity 300ms ease; animation: sf-loading 1000ms linear infinite; transform-origin: 8px 9px; } #stacks_in_426.sf-styles .controls > button svg path { stroke: #fff; } #stacks_in_426.sf-styles .controls > button, #stacks_in_426.sf-styles .controls .fileUpload { padding: 8px 16px; } @-webkit-keyframes sf-loading { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes sf-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #stacks_in_426.sf-styles .controls .fileUpload { border-color: transparent; } #stacks_in_426.sf-styles form .hint, #stacks_in_426.sf-styles form .message { font-size: 14px; line-height: 1.3; position: relative; left: 0; color: #6f6f6f; padding: 12px; margin: 0px; background: -moz-linear-gradient(#ffffff, #f7f7f6 30%); background: -webkit-linear-gradient(#ffffff, #f7f7f6 30%); background: linear-gradient(#ffffff, #f7f7f6 30%); border-radius: 3px; vertical-align: top; pointer-events: none; box-shadow: 0px 8px 16px rgba(0,0,0,0.2); } #stacks_in_426.sf-styles form .hint:before, #stacks_in_426.sf-styles form .hint:after, #stacks_in_426.sf-styles form .message:before, #stacks_in_426.sf-styles form .message:after { content: ""; display: block; height: 0; width: 0; border-style: solid; border-width: 8px 8px 8px 8px; border-color: #f7f7f6 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); position: absolute; top: auto; left: 8px; margin-top: -8px; z-index: 2; bottom: -14px; } #stacks_in_426.sf-styles form .hint:after, #stacks_in_426.sf-styles form .message:after { z-index: 1; bottom: -15px; } #stacks_in_426.sf-styles form .hint { opacity: 0; position: absolute; left: calc(80px + 8px); right: 28px; bottom: 0%; top: auto; } #stacks_in_426.sf-styles.sf-no-help-text form .hint { right: 0px; } #stacks_in_426.sf-styles form .message ~ .hint { display: none; } #stacks_in_426.sf-styles form .controls .sf-focused ~ .hint { transition: all 300ms ease; opacity: 1; bottom: calc(100% + 8px); } #stacks_in_426.sf-styles form .help { height: 20px; } #stacks_in_426.sf-styles form .help i { display: block; position: relative; height: 20px; width: 20px; line-height: 16px; font-size: 16px; padding-top: 1px; text-align: center; color: #a2a2a2; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid rgba(0,0,0,0.3); background: #f7f7f6 -moz-linear-gradient(#ffffff, #ededec); background: #f7f7f6 -webkit-linear-gradient(#ffffff, #ededec); background: #f7f7f6 linear-gradient(#ffffff, #ededec); cursor: help; font-style: normal; } #stacks_in_426.sf-styles form .help i:hover { color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); border-color: #585854; background: #585854 -moz-linear-gradient(#6d6d67, #60605b); background: #585854 -webkit-linear-gradient(#6d6d67, #60605b); background: #585854 linear-gradient(#6d6d67, #60605b); } #stacks_in_426.sf-styles form .help i:after { display: none; opacity: 0.97; content: ""; height: 0; width: 0; border-style: solid; border-width: 0 9px 8px 9px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #6d6d67; position: absolute; bottom: -11px; left: 0px; z-index: 11; } #stacks_in_426.sf-styles form .help > span { display: none; opacity: 0.97; position: absolute; right: -2px; left: calc(80px + 8px); top: calc(8px + 8px + 16px); z-index: 10; padding: 7px 10px 9px 10px; margin: 0; border-radius: 3px; background: -moz-linear-gradient(#6d6d67, #585854 20%); background: -webkit-linear-gradient(#6d6d67, #585854 20%); background: linear-gradient(#6d6d67, #585854 20%); color: white; border-color: #585854; text-align: left; line-height: 1.2; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); font-size: 16px; line-height: 1.4; } #stacks_in_426.sf-styles form .help i:hover:after { display: block; } #stacks_in_426.sf-styles form .help i:hover ~ span { display: block; white-space: normal; } #stacks_in_426.sf-styles .controls.sf-checkbox .note, #stacks_in_426.sf-styles .controls.sf-file .note { grid-column: span 2; } #stacks_in_426.sf-styles .controls.sf-textarea, #stacks_in_426.sf-styles .controls.sf-multi-select { align-items: flex-start; } #stacks_in_426.sf-styles form .controls.sf-textarea .help, #stacks_in_426.sf-styles form .controls.sf-multi-select .help { margin-top: 8px; } /* left */ #stacks_in_426.sf-left .controls { width: calc(80px + 540px); } #stacks_in_426.sf-left .controls:not(.sf-checkbox) label { font-weight: 600; } #stacks_in_426.sf-left .controls.sf-textarea label, #stacks_in_426.sf-left .controls.sf-multi-select label { margin-top: 8px; } @media all and (max-width: 500px) { #stacks_in_426.sf-left .controls { width: 540px; } #stacks_in_426.sf-left form .controls .sf-focused ~ .hint { margin-top: 16px; } #stacks_in_426.sf-left form .controls:not(.sf-checkbox) .help > span { margin-top: 22px; } #stacks_in_426.sf-left form .hint, #stacks_in_426.sf-left form .help > span { left: 0px; } #stacks_in_426.sf-left .controls.sf-textarea label, #stacks_in_426.sf-left .controls.sf-multi-select label { margin-top: 0px; } #stacks_in_426.sf-left .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_426.sf-left.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_426.sf-left .dropdown-menu { margin-left: 0px; } #stacks_in_426.sf-left .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_426.sf-left.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_426.sf-left .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_426.sf-left.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_426.sf-left .controls .sf-empty-column { display: none; } #stacks_in_426.sf-left .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_426.sf-left.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_426.sf-left .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; font-weight: 600; } } /* end left */ /* top */ #stacks_in_426.sf-top form .controls .sf-focused ~ .hint { margin-top: 16px; } #stacks_in_426.sf-top .controls .note, #stacks_in_426.sf-top .controls.sf-checkbox .note, #stacks_in_426.sf-top .controls.sf-file .note { grid-column: 1/-1; } #stacks_in_426.sf-top form .controls:not(.sf-checkbox) .help > span { margin-top: 22px; } #stacks_in_426.sf-top form .hint, #stacks_in_426.sf-top form .help > span { left: 0px; } #stacks_in_426.sf-top .controls.sf-textarea label, #stacks_in_426.sf-top .controls.sf-multi-select label { margin-top: 0px; } #stacks_in_426.sf-top .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_426.sf-top.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_426.sf-top .dropdown-menu { margin-left: 0px; } #stacks_in_426.sf-top .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_426.sf-top.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_426.sf-top .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_426.sf-top.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_426.sf-top .controls .sf-empty-column { display: none; } #stacks_in_426.sf-top .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_426.sf-top.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_426.sf-top .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; font-weight: 600; } /* end top */ /* placeholder */ #stacks_in_426.sf-placeholder form .hint, #stacks_in_426.sf-placeholder form .help > span { left: 0px; } #stacks_in_426.sf-placeholder .controls .note, #stacks_in_426.sf-placeholder .controls.sf-checkbox .note, #stacks_in_426.sf-placeholder .controls.sf-file .note { grid-column: 1/-1; } #stacks_in_426.sf-placeholder .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_426.sf-placeholder.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_426.sf-placeholder .dropdown-menu { margin-left: 0px; } #stacks_in_426.sf-placeholder .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_426.sf-placeholder.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_426.sf-placeholder .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_426.sf-placeholder.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_426.sf-placeholder .controls .sf-empty-column { display: none; } #stacks_in_426.sf-placeholder .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_426.sf-placeholder.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_426.sf-placeholder .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; } #stacks_in_426.sf-placeholder .controls:not(.sf-checkbox) label { position: absolute; left: 4px; top: 8px; display: inline-block; padding: 0px 4px; transition: opacity 0.3s; pointer-events: none; opacity: 1; z-index: 1; } #stacks_in_426.sf-placeholder .controls.sf-checkbox label { display: block; } #stacks_in_426.sf-placeholder .controls:not(.sf-checkbox) label.sf-active { opacity: 0; } #stacks_in_426.sf-placeholder .controls:not(.sf-checkbox) label:not(.sf-active) + div input { color: transparent; } /* end placeholder */ /* classic */ #stacks_in_426.sf-classic form .controls .sf-focused ~ .hint { bottom: calc(100% + 16px); } #stacks_in_426.sf-classic .controls .note, #stacks_in_426.sf-classic .controls.sf-checkbox .note, #stacks_in_426.sf-classic .controls.sf-file .note { grid-column: 1/-1; } #stacks_in_426.sf-classic form .hint, #stacks_in_426.sf-classic form .help > span { left: 0px; } #stacks_in_426.sf-classic form .controls:not(.sf-checkbox) .help > span { margin-top: 4px; } #stacks_in_426.sf-classic .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_426.sf-classic.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_426.sf-classic .dropdown-menu { margin-left: 0px; } #stacks_in_426.sf-classic .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_426.sf-classic.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_426.sf-classic .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_426.sf-classic.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_426.sf-classic .controls .sf-empty-column { display: none; } #stacks_in_426.sf-classic .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_426.sf-classic.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_426.sf-classic .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; } #stacks_in_426.sf-classic .controls:not(.sf-checkbox) label { position: absolute; left: 6px; top: 12px; border-radius: 2px; display: inline-block; padding: 0px 6px; background-color: rgba(255, 255, 255, 0); transition: color 0.3s, top 0.3s, background-color 0.8s; z-index: 1; } #stacks_in_426.sf-classic .controls.sf-checkbox label { display: block; } #stacks_in_426.sf-classic .controls:not(.sf-checkbox) label.sf-active { top: -8px; z-index: 2; background-color: rgba(243, 243, 243, 1.00); } #stacks_in_426.sf-classic .controls:not(.sf-checkbox) label:not(.sf-active) + div input { color: transparent; } #stacks_in_426.sf-classic .controls input, #stacks_in_426.sf-classic .controls > button, #stacks_in_426.sf-classic .controls select, #stacks_in_426.sf-classic .controls select + .sf-multi-select-mobile, #stacks_in_426.sf-classic .controls .fileUpload, #stacks_in_426.sf-classic .controls .fileUpload span { padding: 12px; height: 42px; } #stacks_in_426.sf-classic .controls select + .sf-multi-select-mobile { padding: 12px 0; } #stacks_in_426.sf-classic .controls select + .sf-multi-select-mobile { height: auto; } #stacks_in_426.sf-classic .controls input[type="checkbox"], #stacks_in_426.sf-classic .controls input[type="radio"] { padding: 0; } #stacks_in_426.sf-classic .controls textarea { padding: 12px; } #stacks_in_426.sf-classic .controls > button { padding: 12px 24px; } /* end classic */ #stacks_in_426.sf-styles .controls input, #stacks_in_426.sf-styles .controls textarea, #stacks_in_426.sf-styles .controls button, #stacks_in_426.sf-styles .controls select, #stacks_in_426.sf-styles .controls select + .sf-multi-select-mobile, #stacks_in_426.sf-styles .controls input[type="checkbox"]:after, #stacks_in_426.sf-styles .controls input[type="radio"]:after, #stacks_in_426.sf-styles input[type="checkbox"] + .sf-captcha > .g-recaptcha iframe { box-shadow: none; } #stacks_in_426.sf-styles .controls input[type="number"].hasError + input, #stacks_in_426.sf-styles .controls input:not([type="radio"]):not([type="checkbox"]):not([type="number"]).hasError, #stacks_in_426.sf-styles .controls input.sf-upload + label, #stacks_in_426.sf-styles .controls textarea.hasError, #stacks_in_426.sf-styles .controls button.hasError, #stacks_in_426.sf-styles .controls select.hasError, #stacks_in_426.sf-styles .controls select.hasError + .sf-multi-select-mobile, #stacks_in_426.sf-styles input[type="checkbox"].hasError + .sf-captcha > .g-recaptcha iframe { box-shadow: inset 0 0 0 1000px rgba(249,217,73,0.33); } #stacks_in_426.sf-styles .controls input[type="checkbox"]:not(:checked).hasError:after, #stacks_in_426.sf-styles .controls input[type="radio"]:not(:checked).hasError:after { box-shadow: none; background-color: rgba(249,217,73,0.33); content: ""; width: 20px; height: 20px; position: absolute; left: 1px; top: 1px; border-radius: 50%; } #stacks_in_426.sf-styles .controls input[type="checkbox"]:not(:checked).hasError:after { border-radius: 0px; } #stacks_in_426.sf-styles .controls select, #stacks_in_426.sf-styles .controls select + .sf-multi-select-mobile .sf-option, #stacks_in_426.sf-styles .controls.sf-date input { cursor: pointer; -moz-appearance: none; -webkit-appearance: none; } #stacks_in_426.sf-styles .controls textarea { white-space: pre-line; line-height: 1.2; } #stacks_in_426.sf-styles .controls input[type=checkbox], #stacks_in_426.sf-styles .controls input[type=radio] { position: relative; left: 0px; width: 22px; height: 22px; margin: 4px 0px; background: transparent; border-color: transparent; } #stacks_in_426.sf-styles .controls input[type=checkbox]:after, #stacks_in_426.sf-styles .controls input[type=radio]:before { cursor: pointer; content: " "; display: inline-block; width: 20px; height: 20px; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.15); line-height: 20px; text-align: center; position: relative; left: 0px; background-image: linear-gradient(rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.00)); } #stacks_in_426.sf-styles .controls input[type=radio]:before { border-radius: 50%; } #stacks_in_426.sf-styles .controls input[type=checkbox]:checked:after { content: "\2714"; /**/ color: rgba(31, 125, 193, 1.00); } #stacks_in_426.sf-styles .controls input[type=radio]:checked:after { content: ""; width: 12px; height: 12px; position: absolute; left: 5px; top: 5px; border-radius: 50%; background-color: rgba(31, 125, 193, 1.00); } #stacks_in_426.sf-styles .controls .fileUpload, #stacks_in_426.sf-styles .controls button { overflow: hidden; background-color: rgba(112, 0, 53, 1.00); border: 1px solid rgba(112, 0, 53, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_426.sf-styles .controls .fileUpload:active, #stacks_in_426.sf-styles .controls button:active { box-shadow: 0 0 0 2000px rgba(0,0,0,0.22) inset; } #stacks_in_426.sf-styles .controls .fileUpload span { white-space: nowrap; color: rgba(255, 255, 255, 1.00); } #stacks_in_426.sf-styles .controls .fileUpload input.upload { position: absolute; top: 0; bottom :0; right: 0; margin: 0; padding: 0; cursor: pointer; opacity: 0; height: 100%; } #stacks_in_426.sf-styles form, #stacks_in_426.sf-styles .controls input, #stacks_in_426.sf-styles .controls textarea { font-family: inherit; } /* */ /* */ /* */ #stacks_in_426.sf-styles .controls.sf-submit.sf-full-button-True { grid-template-columns: 1fr 20px; } #stacks_in_426.sf-styles.sf-no-help-text .controls.sf-submit.sf-full-button-True { grid-template-columns: 1fr; } #stacks_in_426.sf-left .controls.sf-submit.sf-full-button-True { grid-template-columns: 80px 1fr 20px; } #stacks_in_426.sf-left.sf-no-help-text .controls.sf-submit.sf-full-button-True { grid-template-columns: 80px 1fr; } #stacks_in_426.sf-styles .controls select[multiple] { height: auto; } #stacks_in_426.sf-styles .controls select[multiple] option, #stacks_in_426.sf-styles .controls select[multiple] + .sf-multi-select-mobile .sf-option { padding: 2px 0px; } #stacks_in_426.sf-styles .controls select[multiple] + .sf-multi-select-mobile .sf-option { padding: 2px 8px; } #stacks_in_426.sf-styles form .controls select + .sf-multi-select-mobile .sf-option.sf-msm-active { background: rgba(112, 0, 53, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_426.sf-styles .form-group .controls select[multiple] option:empty[disabled], #stacks_in_426.sf-styles .form-group .controls.sf-multi-select svg { display: none; } #stacks_in_426.sf-placeholder .form-group .controls.sf-multi-select label, #stacks_in_426.sf-classic .form-group .controls.sf-multi-select label { position: static; } #stacks_in_426.sf-styles .sf-radio-group { display: flex; flex-wrap: wrap; align-items: stretch; grid-gap: 4px; margin-bottom: 16px; } #stacks_in_426.sf-styles .sf-radio-group .controls.sf-button-group { flex: 0 0 auto; margin: 0 0 4px 0; padding: 0; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; align-items: stretch; justify-content: center; } #stacks_in_426.sf-styles .sf-radio-group .controls.sf-button-group.sf-help-text { grid-template-columns: 1fr 20px; } #stacks_in_426.sf-styles form .controls.sf-button-group.sf-help-text .help > span { transform: translate(0,-50%); top: calc(50% + 52px); } #stacks_in_426.sf-styles .sf-radio-group .controls input[type]:after, #stacks_in_426.sf-styles .sf-radio-group .controls input[type]:before, #stacks_in_426.sf-styles .sf-radio-group .controls input[type] { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; margin: 0; background: transparent; cursor: pointer; } #stacks_in_426.sf-styles .sf-radio-group .controls input[type]:after, #stacks_in_426.sf-styles .sf-radio-group .controls input[type]:before { pointer-events: none; } #stacks_in_426.sf-styles .sf-radio-group .controls input:checked:after { content: ""; background: transparent; border: 2px solid rgba(31, 125, 193, 1.00); } #stacks_in_426.sf-styles .sf-radio-group .controls input[type]:checked:after, #stacks_in_426.sf-styles .sf-radio-group .controls input[type]:before, #stacks_in_426 .step .sf-radio-group .controls input.hasError[type]:after { border-radius: 4px; } #stacks_in_426.sf-styles .sf-radio-group .controls.sf-button-group label { display: grid; padding: 16px 8px; grid-template-columns: auto; grid-template-rows: min-content; justify-items: center; align-items: center; text-align: center; line-height: 1.1; font-size: 14px; z-index: 1; grid-gap: 8px; user-select: none; } #stacks_in_426.sf-styles .sf-radio-group .controls.sf-button-group label > div img { display: block; } #stacks_in_426.sf-styles .sf-radio-group .controls.sf-button-group label div:empty, #stacks_in_426.sf-styles .sf-radio-group .controls.sf-button-group label div.empty { display: none; } #stacks_in_426.sf-styles .sf-radio-group .controls.sf-button-group .sf-button-wrap { position: relative; justify-content: center; align-items: center; display: flex; } /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-datetimepicker-widget{top:0;left:0;width:250px;padding:4px;margin-top:1px;z-index:3000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute;top:-7px;left:6px}.bootstrap-datetimepicker-widget:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.bootstrap-datetimepicker-widget.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget>ul{list-style-type:none;margin:0}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:100%;font-weight:bold;font-size:1.2em}.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width:4px;padding:0;margin:0}.bootstrap-datetimepicker-widget .datepicker>div{display:none}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new{color:#999}.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget td.active:hover,.bootstrap-datetimepicker-widget td.active:hover:hover,.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active:hover.active,.bootstrap-datetimepicker-widget td.active.disabled,.bootstrap-datetimepicker-widget td.active:hover.disabled,.bootstrap-datetimepicker-widget td.active[disabled],.bootstrap-datetimepicker-widget td.active:hover[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active:hover.active{background-color:#039 \9}.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget td span{display:block;width:47px;height:54px;line-height:54px;float:left;margin:2px;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget td span:hover{background:#eee}.bootstrap-datetimepicker-widget td span.active{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget td span.active:hover,.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active.active,.bootstrap-datetimepicker-widget td span.active.disabled,.bootstrap-datetimepicker-widget td span.active[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active.active{background-color:#039 \9}.bootstrap-datetimepicker-widget td span.old{color:#999}.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget th.switch{width:145px}.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev{font-size:21px}.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget thead tr:first-child th:hover{background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i{display:block;cursor:pointer;width:16px;height:16px}.bootstrap-datetimepicker-widget.left-oriented:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.left-oriented:after{left:auto;right:7px} #stacks_in_426.sf-styles .dropdown-menu { position: absolute; top: 100%; z-index: 1000; display: none; float: none; width: 540px; max-width: 100%; padding: 5px 0; list-style: none; background-color: #ffffff; color: #676767; border-radius: 3px; box-shadow: 0px 8px 16px rgba(0,0,0,0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #stacks_in_426.sf-styles .bootstrap-datetimepicker-widget:before, #stacks_in_426.sf-styles .bootstrap-datetimepicker-widget:after { display: none; } #stacks_in_426.sf-styles .bootstrap-datetimepicker-widget ul { padding: 0px 8px; } #stacks_in_426.sf-styles .bootstrap-datetimepicker-widget td [data-action="togglePicker"] span { display: block; width: auto; height: auto; line-height: 22px; float: none; margin: 0; padding: 8px; border-radius: 0px; } #stacks_in_426.sf-styles .bootstrap-datetimepicker-widget td [data-action="togglePicker"] { display: block; width: 100%; border: 1px solid rgba(0,0,0,0.1); padding: 0px; margin: 8px 0; } #stacks_in_426.sf-styles .bootstrap-datetimepicker-widget .datepicker { margin-top: 8px; } #stacks_in_426.sf-styles .bootstrap-datetimepicker-widget .timepicker { margin-bottom: 8px; } #stacks_in_426.sf-styles table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } #stacks_in_426.sf-styles .bootstrap-datetimepicker-widget .collapse.in { display: block; } #stacks_in_426.sf-styles .bootstrap-datetimepicker-widget .collapse { position: relative; display: none; overflow: visible; } #stacks_in_426.sf-styles .bootstrap-datetimepicker-widget .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: 1.2; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px; } #stacks_in_426.sf-styles .hiddenFormSubmit { display: none; } #stacks_in_426.sf-styles .hideSlice { display: none !important; } #stacks_in_426 .autoreply {display: none;} #stacks_in_426 .sf-debug-output.has-output > div { padding: 16px; background: #fff; color: #555 !important; font-size: 16px; line-height: 1.3 !important; max-width: 540px; margin: 16px auto; border: 1px solid rgba(0,0,0,0.15); border-radius: 2px; } #stacks_in_426 .sf-debug-output.has-output h2, #stacks_in_426 .sf-debug-output.has-output h3 { margin: 16px 0px 24px 0px; font-size: 20px; font-weight: bold; color: #333 !important; } #stacks_in_426 .sf-debug-output.has-output h3 { font-size: 18px; } #stacks_in_426 .sf-debug-output.has-output p { margin: 16px 0px; } #stacks_in_426.sf-styles .step-stack-wrap .controls .sf-number-wrap { border-width: 0px; } #stacks_in_426 .step-stack-wrap .controls.sf-input { display: grid; } #stacks_in_426.sf-styles form .step-stack-wrap .note { color: inherit; } #stacks_in_426.sf-styles .step-stack-wrap .steps .step-content { z-index: 3; } /* */ #stacks_in_426 .step-stack-wrap .step-slice { display: none; } #stacks_in_426 .step-stack-wrap .step-submit ~ .step .step-slice { display: block; } /* */ /* */ /* */ textarea#input-stacks_in_428 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_428.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_428.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_430 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_430.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_430.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_432 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_432.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_432.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ #submit-stacks_in_431 { margin-left: auto; justify-content: flex-end; } /* */ textarea#input-stacks_in_431 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_431.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_431.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* 1.0.2 */ #steps-stacks_in_433, #steps-stacks_in_433 .com_onelittledesigner_stacks_Step_2_Item_stack { max-width: 800px; width: 100%; border-radius: 2px; min-height: 450px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; overflow: hidden; position: relative; transition: all 300ms ease; } #steps-stacks_in_433 { margin: 16px auto 16px auto; } #steps-stacks_in_433 svg { color: inherit; fill: inherit; stroke: inherit; } #steps-stacks_in_433 .step-list { width: 230px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ background: rgba(14, 27, 37, 1.00); /* */ /* */ /* */ /* */ } #steps-stacks_in_433 .step-list::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_433 .steps { background-color: rgba(243, 243, 243, 1.00); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } #steps-stacks_in_433 .steps .step { /* */ background: rgba(243, 243, 243, 1.00); /* */ /* */ /* */ /* */ } #steps-stacks_in_433 .steps .step::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; pointer-events: none; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_433.bold-sidebar-text .step-list ul li { font-weight: bold; } #steps-stacks_in_433.show-step-list .steps .step-top .step-list-toggle svg { color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_433.show-step-list .step-list { margin-left: 0; } #steps-stacks_in_433.show-step-list .step-list ul { opacity: 1; transition: all 300ms 300ms; } #steps-stacks_in_433.complete .step-complete-page { opacity: 1; visibility: visible; pointer-events: auto; } #steps-stacks_in_433 .step-complete-page { /* */ background: rgba(14, 27, 37, 1.00); /* */ /* */ /* */ /* */ top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 20; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; text-align: center; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 300ms ease; } #steps-stacks_in_433 .step-complete-icon { z-index: 10; position: relative; color: rgba(47, 205, 113, 1.00); width: 100px; height: 100px; margin-bottom: 10px; } #steps-stacks_in_433 .step-complete-title { z-index: 10; position: relative; font-family: inherit; color: rgba(255, 255, 255, 1.00); font-size: 32px; line-height: calc(32px * 1.1); margin-bottom: 10px; } #steps-stacks_in_433 .step-complete-description { z-index: 10; position: relative; font-family: inherit; font-size: 16px; line-height: calc(16px * 1.4); margin-bottom: 20px; color: rgba(255, 255, 255, 0.40); max-width: calc(800px - 230px); min-width: 300px; } #steps-stacks_in_433 .step-complete-restart { z-index: 10; position: relative; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.10); font-size: 24px; padding: 10px 20px; border-radius: 2px; min-width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #steps-stacks_in_433 .step-complete-restart svg { height: 24px; transition: all 0.5s; } #steps-stacks_in_433 .step-complete-restart:hover svg { -webkit-transform: rotate(360deg); transform: rotate(360deg); } #steps-stacks_in_433 .step-complete-page::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_433 .step-list { margin-left: -230px; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: all 300ms ease; } #steps-stacks_in_433 .step-list * { box-sizing: border-box; } #steps-stacks_in_433 .step-list-nav { z-index: 10; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; display: none; font-size: 24px; padding: 15px 20px 0px 25px; position: relative; align-items: center; color: rgba(255, 255, 255, 1.00); min-height: 20px; justify-content: flex-start; } #steps-stacks_in_433 .steps .step-top .step-list-toggle, #steps-stacks_in_433 .step-list-nav .step-list-toggle { cursor: pointer; } #steps-stacks_in_433 .step-list ul { z-index: 10; opacity: 0; padding: 10px; margin: auto 0; list-style: none; position: relative; transition: all 0s 0s; } #steps-stacks_in_433 .step-list ul li { font-family: inherit; color: rgba(255, 255, 255, 0.50); font-size: 14px; line-height: 15.400001px; padding: 0; margin: 8px 16px; display: grid; cursor: pointer; grid-template-columns: min-content 1fr; align-items: center; } #steps-stacks_in_433 .step-list ul li:hover { color: rgba(255, 255, 255, 1.00); } #steps-stacks_in_433 .step-list ul li.active { color: rgba(255, 255, 255, 1.00); } #steps-stacks_in_433 .step-list ul li.step-inactive { opacity: 0.5; pointer-events: none; } #steps-stacks_in_433 .step-list ul li.step-inactive.step-complete { display: flex; } #steps-stacks_in_433 .steps .step .step-hide, #steps-stacks_in_433 .step-list ul li.step-hide, #steps-stacks_in_433 .step-list ul li.step-complete.step-hide { display: none; } #steps-stacks_in_433 .step-list ul li .step-is-inactive, #steps-stacks_in_433 .step-list ul li .step-is-complete, #steps-stacks_in_433 .step-list ul li .step-is-incomplete { display: none; height: 21.000000px; width: 21.000000px; margin-right: 4px; } #steps-stacks_in_433 .step-list ul li.is-last-step svg circle, #steps-stacks_in_433 .step-list ul li svg.step-is-inactive circle { transform: scale(0.25); transform-origin: center; fill: currentColor; } #steps-stacks_in_433 .step-list ul li .step-is-complete { color: #2FCD71; } #steps-stacks_in_433 .step-list ul li .step-is-incomplete { color: #F9D949; } #steps-stacks_in_433 .steps .step .controls input:not([type="radio"]):not([type="checkbox"]):not([type="number"]).hasError, #steps-stacks_in_433 .steps .step .controls input[type="number"].hasError+input, #steps-stacks_in_433 .steps .step .controls input.sf-upload+label, #steps-stacks_in_433 .steps .step .controls textarea.hasError, #steps-stacks_in_433 .steps .step .controls button.hasError, #steps-stacks_in_433 .steps .step .controls select.hasError, #steps-stacks_in_433 .steps .step input[type="checkbox"].hasError+.sf-captcha>.g-recaptcha iframe { box-shadow: inset 0 0 0 1000px #F9D94955; } #steps-stacks_in_433 .steps .step .controls input[type="checkbox"]:not(:checked).hasError:after, #steps-stacks_in_433 .steps .step .controls input[type="radio"]:not(:checked).hasError:after { z-index: 2; pointer-events: none; background-color: #F9D94955; } #steps-stacks_in_433 .step-list ul li:not(.step-complete):not(.step-incomplete) .step-is-inactive, #steps-stacks_in_433 .step-list ul li.step-inactive:not(.step-complete) .step-is-inactive, #steps-stacks_in_433 .step-list ul li.step-complete .step-is-complete, #steps-stacks_in_433 .step-list ul li.step-incomplete .step-is-incomplete { display: inline-block; } #steps-stacks_in_433>.step-message.sf-message { user-select: none; display: grid; grid-template-columns: 48px 1fr; grid-gap: 16px; justify-content: center; align-items: center; position: absolute; z-index: 99; top: 16px; right: 16px; left: auto; bottom: auto; cursor: pointer; padding: 0px; box-shadow: none; max-width: 360px; border-radius: 2px; /* */ background: rgba(255, 255, 255, 1.00); box-shadow: inset 0 0 0 1px rgba(218, 218, 218, 1.00); /* */ /* */ /* */ /* */ } #steps-stacks_in_433>.step-message.sf-message:has(.submitMessage) { animation: step-message-in-out 4s ease forwards; } @keyframes step-message-in-out { 0% { transform: translateY(-50px); opacity: 0 } 5% { transform: translateY(0); opacity: 1 } 95% { transform: translateY(0); opacity: 1 } 100% { transform: translateY(-50px); opacity: 0 } } #steps-stacks_in_433>.step-message>svg { height: 32px; width: 32px; margin: 16px 0px 16px 16px; color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_433>.step-message>svg:last-child { display: none; } #steps-stacks_in_433>.step-message>.submitMessage { border: 0px solid black; box-shadow: none; background: transparent; position: static; margin: 0; animation: none; padding: 16px 16px 16px 0px; transform: translate(0, 0); } #steps-stacks_in_433>.step-message>.submitMessage h3 { color: rgba(14, 27, 37, 1.00); font-size: 17.500000px; line-height: 21.000000px; margin: 0 0 16px 0; } #steps-stacks_in_433>.step-message>.submitMessage p { color: rgba(0, 0, 0, 0.75); font-size: 14px; line-height: 21.000000px; margin: 0; } #steps-stacks_in_433 .steps { position: relative; padding-bottom: 57px; } #steps-stacks_in_433 .steps .step { min-height: 450px; top: 0; left: 0; z-index: 1; width: 100%; text-align: left; position: absolute; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: transform 300ms ease; display: grid; grid-template-rows: min-content 1fr 57px; } #steps-stacks_in_433 .steps .step:after { content: ""; } #steps-stacks_in_433 .steps .step.active { -webkit-transform: translateY(0%); transform: translateY(0%); } #steps-stacks_in_433 .steps .step-top { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 15px 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; background-color: rgba(243, 243, 243, 1.00); z-index: 2; } #steps-stacks_in_433.has-show-count .steps .step .step-top { padding: 10px 20px; } #steps-stacks_in_433 .step-list-nav svg.step-list-toggle, #steps-stacks_in_433 .steps .step-top .step-list-toggle svg { height: 24px; cursor: pointer; display: block; margin: 8px 0px; } #steps-stacks_in_433 .steps .step-top .step-list-toggle * { pointer-events: none; } #steps-stacks_in_433 .steps .step-top .step-list-toggle svg { color: rgba(0, 0, 0, 0.50); margin-left: -2px; } #steps-stacks_in_433 .steps .step-top .step-count { font-family: inherit; color: rgba(14, 27, 37, 1.00); display: flex; flex: 0 1 auto; line-height: 1; font-weight: bold; margin-left: auto; align-items: center; box-sizing: border-box; } #steps-stacks_in_433 .steps .step-top .step-count::before { color: rgba(0, 0, 0, 0.50); margin-right: 10px; display: inline-block; } #steps-stacks_in_433 .steps .step-content { font-family: inherit; display: grid; align-content: flex-start; padding: 15px 30px 15px 30px; padding-top: calc(15px - 18px); padding-bottom: calc(15px - 10px); z-index: 1; color: rgba(0, 0, 0, 0.75); position: relative; } #steps-stacks_in_433 .steps .step-content>.empty { display: none; } #steps-stacks_in_433 .steps .step-content .step-title, #steps-stacks_in_433 .steps .step-content h1, #steps-stacks_in_433 .steps .step-content h2, #steps-stacks_in_433 .steps .step-content h3, #steps-stacks_in_433 .steps .step-content h4, #steps-stacks_in_433 .steps .step-content h5, #steps-stacks_in_433 .steps .step-content h6 { font-family: inherit; color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_433 .steps:not(.custom-formatting) .step-content p { color: rgba(0, 0, 0, 0.75); } #steps-stacks_in_433 .steps:not(.custom-formatting) .step-content h2, #steps-stacks_in_433 .steps:not(.custom-formatting) .step-content .step-title { font-weight: bold; font-size: 32px; line-height: calc(32px * 1.1); margin: 10px 0 0px 0; } #steps-stacks_in_433 .steps:not(.custom-formatting) .step-content .step-slice>h2:first-child, #steps-stacks_in_433 .steps:not(.custom-formatting) .step-content .step-title { margin-top: 0px; } #steps-stacks_in_433 .steps:not(.custom-formatting) .step-content .step-slice>*:last-child { margin-bottom: 0px; } #steps-stacks_in_433 .steps:not(.custom-formatting) .step-content h3 { font-weight: bold; font-size: 14px; line-height: calc(14px * 1.1); margin: 10px 0 10px 0; } #steps-stacks_in_433 .steps:not(.custom-formatting) .step-content h2+h3 { font-weight: normal; font-size: calc(14px * 1.1); line-height: calc(14px * 1.1); color: rgba(0, 0, 0, 0.75); margin: 0px 0 10px 0; opacity: 0.66; } #steps-stacks_in_433 .steps:not(.custom-formatting) .step-content { font-size: 14px; line-height: calc(14px * 1.6); } #steps-stacks_in_433 .steps:not(.custom-formatting) .step-content p { margin: 10px 0; } #steps-stacks_in_433 .steps .step-content a, #steps-stacks_in_433 .steps .step-content a:visited { color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_433 .step-nav { font-family: inherit; left: 0; right: 0; bottom: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 10px; background: rgba(243, 243, 243, 1.00); margin-top: auto; position: absolute; align-items: center; box-sizing: border-box; justify-content: space-between; transition: all 300ms ease; } #steps-stacks_in_433 .sf-file.controls .fileUpload span { font-size: inherit; line-height: inherit; height: auto; color: inherit; } #steps-stacks_in_433 .sf-file.controls .fileUpload, #steps-stacks_in_433 .step-nav-next, #steps-stacks_in_433 .step-nav-prev { user-select: none; background-color: transparent; font-size: 14px; padding: 10px 20px; border-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; cursor: pointer; align-items: center; justify-content: center; color: rgba(255, 255, 255, 1.00); border: 2px solid rgba(14, 27, 37, 1.00); transition: all 300ms ease; } #steps-stacks_in_433 .sf-file.controls .fileUpload:hover, #steps-stacks_in_433 .step-nav-next:hover, #steps-stacks_in_433 .step-nav-prev:hover { color: rgba(255, 255, 255, 1.00); background: rgba(14, 27, 37, 1.00); } #steps-stacks_in_433 .sf-file.controls .fileUpload, #steps-stacks_in_433 .step-nav-next { color: rgba(255, 255, 255, 1.00); background: rgba(14, 27, 37, 1.00); } #steps-stacks_in_433 .step-nav-next::before { content: "Next"; display: inline; } #steps-stacks_in_433 .step-nav-prev { color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_433 .step-nav-prev::before { display: inline; content: "Back"; } #steps-stacks_in_433 .step-nav.last-step .step-nav-next::before { content: "Complete"; } #steps-stacks_in_433>div>div[tag="slice"]:nth-last-child(2) .step-nav-next, #steps-stacks_in_433 .step-nav.last-step .step-nav-next { opacity: 0; pointer-events: none; } #steps-stacks_in_433 .step-post-submit.active+.step-nav .step-nav-prev, #steps-stacks_in_433 .step-post-submit.active+div:not(.active)~.step-nav .step-nav-prev, #steps-stacks_in_433 .step-nav.first-step .step-nav-prev { opacity: 0; visibility: hidden; pointer-events: none !important; } #steps-stacks_in_433.sf-submitting { pointer-events: none; } #steps-stacks_in_433.sf-submitting .step-nav>div { pointer-events: none; filter: grayscale(1); opacity: 0.5; } @media (max-width: 600px) { #steps-stacks_in_433.show-step-list .step-list { margin-left: 0; -webkit-transform: translateX(0%); transform: translateX(0%); } #steps-stacks_in_433 .steps { z-index: 1; position: relative; } #steps-stacks_in_433.show-step-list .steps .step-nav-next, #steps-stacks_in_433.show-step-list .steps .step-nav-prev { pointer-events: none; } #steps-stacks_in_433 .step-list { top: 0; left: 0; bottom: 0; z-index: 2; height: auto; margin-left: -230px; position: absolute; align-items: flex-start; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #steps-stacks_in_433 .step-list ul { margin: 0; } #steps-stacks_in_433 .step-list-nav { display: flex; } } #steps-stacks_in_433 .sf-submit { margin: 0 !important; } /* Field CSS */ #steps-stacks_in_433 * { box-sizing: border-box; } #steps-stacks_in_433 .note { display: block; font-size: 75%; line-height: 1.2; color: inherit; margin: 0px 8px; opacity: 0.6; } #steps-stacks_in_433 .note p { margin: 0; } #steps-stacks_in_433 .controls { position: relative; margin: 10px 0px; width: 300px; max-width: 100%; display: grid; grid-template-columns: 1fr; align-items: center; align-content: flex-start; grid-gap: 4px 8px; } #steps-stacks_in_433 .controls.sf-checkbox { grid-template-columns: 22px 1fr; grid-gap: 0px 8px; } #steps-stacks_in_433 .controls.sf-radio { margin-top: 4px; margin-bottom: 4px; } #steps-stacks_in_433 .controls.sf-radio+.controls:not(.sf-radio) { margin-top: 16px; } #steps-stacks_in_433 .deluxe-columns>div { min-width: 0; } #steps-stacks_in_433 .form-group>div:nth-child(2) { margin-top: 16px; } #steps-stacks_in_433 .controls.sf-checkbox label { cursor: pointer; } #steps-stacks_in_433 .step .controls label { font-size: 14px; padding: 0px; line-height: 1; color: inherit; margin: 0; color: rgba(0, 0, 0, 0.75); } #steps-stacks_in_433 .step .controls:not(.sf-checkbox) label { font-weight: bold; pointer-events: none; color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_433 .controls .field-icon { position: absolute; right: 8px; top: 15px; margin-top: 16px; fill: currentColor; width: 16px; height: 16px; pointer-events: none; opacity: 1; z-index: 1; } #steps-stacks_in_433.sf-no-help-text .controls .field-icon { right: 8px; } #steps-stacks_in_433 .controls { font-size: 14px; } #steps-stacks_in_433 .controls input, #steps-stacks_in_433 .controls select { font-size: 14px; line-height: 14px; height: 34px; color: inherit; } #steps-stacks_in_433 .controls input:focus, #steps-stacks_in_433 .controls select:focus { outline: none; } #steps-stacks_in_433 .controls.sf-checkbox label { font-size: 14px; line-height: 14px; } #steps-stacks_in_433 .controls select.is-placeholder option { opacity: 0.6; } #steps-stacks_in_433 .controls input::placeholder, #steps-stacks_in_433 .controls select.is-placeholder option[disabled] { opacity: 0.6; } #steps-stacks_in_433 .step .controls input, #steps-stacks_in_433 .step .controls select { padding: 8px 8px; width: 100%; margin: 0px; color: rgba(0, 0, 0, 0.75); border-radius: 2px; position: relative; border: 1px solid transparent; background: transparent; } #steps-stacks_in_433 .step .controls textarea { border: 1px solid rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.75); background: rgba(0, 0, 0, 0.00); border-radius: 2px; } #steps-stacks_in_433 .step .controls .sf-number-wrap, #steps-stacks_in_433 .step .controls .step-input-wrap { position: relative; } #steps-stacks_in_433 .step .controls .sf-number-wrap:before, #steps-stacks_in_433 .step .controls .step-input-wrap:before { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.00); line-height: 20px; text-align: center; left: 0px; } #steps-stacks_in_433 .step .controls input[type="checkbox"], #steps-stacks_in_433 .step .controls input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; } #steps-stacks_in_433 .step .controls select { line-height: 20px; padding: 6px 8px; } #steps-stacks_in_433 .step .controls.sf-checkbox .note, #steps-stacks_in_433 .step .controls.sf-file .note { grid-column: span 2; } #steps-stacks_in_433 .step .controls input, #steps-stacks_in_433 .step .controls select, #steps-stacks_in_433 .step .controls input[type="checkbox"]:after, #steps-stacks_in_433 .step .controls input[type="radio"]:after { box-shadow: none; } #steps-stacks_in_433 .step .controls input[type="checkbox"]:not(:checked).hasError:after, #steps-stacks_in_433 .step .controls input[type="radio"]:not(:checked).hasError:after { box-shadow: none; content: ""; bottom: 1px; right: 1px; position: absolute; left: 1px; top: 1px; width: auto; height: auto; border-radius: 50%; } #steps-stacks_in_433 .step .controls input[type="checkbox"]:not(:checked).hasError:after { border-radius: 2px; } #steps-stacks_in_433 .step .controls select { cursor: pointer; -moz-appearance: none; -webkit-appearance: none; } #steps-stacks_in_433 .step .controls input[type=checkbox], #steps-stacks_in_433 .step .controls input[type=radio] { position: relative; left: 0px; width: 22px; height: 22px; margin: 4px 0px; background: transparent; border-color: transparent; } #steps-stacks_in_433 .step .controls input[type=checkbox]:after, #steps-stacks_in_433 .step .controls input[type=checkbox]:before, #steps-stacks_in_433 .step .controls input[type=radio]:before { cursor: pointer; content: " "; display: inline-block; width: 20px; height: 20px; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.00); line-height: 20px; text-align: center; position: relative; left: 0px; box-sizing: border-box; } #steps-stacks_in_433 .step .controls input[type=checkbox]:after { background: transparent; border: 0px solid transparent; opacity: 1; position: absolute; top: 1px; left: 1px; bottom: 1px; right: 1px; color: rgba(0, 0, 0, 0.75); } #steps-stacks_in_433 .step .controls input[type=checkbox]:checked:after { content: "\2714"; color: rgba(0, 0, 0, 0.75); font-size: 14px; font-weight: normal; font-family: Arial; } #steps-stacks_in_433 .step .controls input[type="number"]+input[type="text"] { position: absolute; left: 0; top: 0; bottom: 0; right: 0; pointer-events: none; color: transparent !important; background: transparent !important; } #steps-stacks_in_433 .step .controls input[type="number"]:focus+input[type="text"] { color: transparent; pointer-events: none; } #steps-stacks_in_433 .step .controls .sf-number-wrap, #steps-stacks_in_433 .step .controls .step-number-wrap { display: grid; grid-template-columns: 1fr min-content; align-items: center; grid-gap: 0px; } #steps-stacks_in_433 .step .controls input::-webkit-outer-spin-button, #steps-stacks_in_433 .step .controls input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #steps-stacks_in_433 .step .controls input[type=number] { -moz-appearance: textfield; } #steps-stacks_in_433 .quantity-nav { height: 24px; display: grid; grid-gap: 2px; margin-left: 8px; margin-right: 4px; grid-template-columns: 1fr 1fr; } #steps-stacks_in_433 .quantity-button { font-family: "helvetica-Neue", helvetica; font-weight: 400; position: relative; cursor: pointer; border: none; width: 24px; text-align: center; font-size: 14px; line-height: 22px; height: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background-color: rgba(0, 0, 0, 0.05); color: inherit; } #steps-stacks_in_433 .quantity-button.quantity-up:before { content: "+"; } #steps-stacks_in_433 .quantity-button.quantity-down:before { content: "-"; } #steps-stacks_in_433 .quantity-button:active:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.05); pointer-events: none; } #steps-stacks_in_433 .form-group>div:nth-child(2) { margin-top: 16px; } #steps-stacks_in_433 .step .controls.sf-checkbox label { cursor: pointer; } #steps-stacks_in_433 .step .controls label { padding: 0px; margin: 0; color: rgba(0, 0, 0, 0.75); } #steps-stacks_in_433 .step .controls:not(.sf-checkbox) label { font-weight: bold; pointer-events: none; color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_433 .step .controls .field-icon { fill: currentColor; opacity: 1; z-index: 1; } #steps-stacks_in_433 .sf-no-help-text .controls .field-icon { right: 8px; } #steps-stacks_in_433 .controls .step-input-wrap input::placeholder, .sf-placeholder #steps-stacks_in_433 .controls .step-input-wrap select:invalid, #steps-stacks_in_433 .controls .step-input-wrap input::placeholder, #steps-stacks_in_433 .controls .step-input-wrap select.is-placeholder, #steps-stacks_in_433 .controls .step-input-wrap select.is-placeholder option { color: rgba(0, 0, 0, 0.25); } #steps-stacks_in_433 .step .controls input, #steps-stacks_in_433 .step .controls select { margin: 0px; position: relative; } #steps-stacks_in_433 .step .controls .sf-number-wrap, #steps-stacks_in_433 .step .controls .step-input-wrap { position: relative; } #steps-stacks_in_433 .step .controls .sf-number-wrap:before, #steps-stacks_in_433 .step .controls .step-input-wrap:before { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.00); line-height: 20px; text-align: center; left: 0px; } #steps-stacks_in_433 .step .controls.sf-checkbox .note, #steps-stacks_in_433 .step .controls.sf-file .note { grid-column: span 2; } #steps-stacks_in_433 .step .controls input, #steps-stacks_in_433 .step .controls select, #steps-stacks_in_433 .step .controls input[type="checkbox"]:after, #steps-stacks_in_433 .step .controls input[type="radio"]:after { box-shadow: none; } #steps-stacks_in_433 .step .controls input[type=checkbox], #steps-stacks_in_433 .step .controls input[type=radio] { position: relative; background: transparent; border-color: transparent; } #steps-stacks_in_433 .step .controls input[type=checkbox]:after { background: transparent; border: 1px solid transparent; opacity: 1; position: absolute; top: 0; left: 0; color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_433 .step .controls input[type=checkbox]:checked:after { content: "\2714"; color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_433 .step .controls input[type=radio]:checked:after { background-color: rgba(14, 27, 37, 1.00); } .sf-classic #steps-stacks_in_433 .controls.sf-checkbox label { display: block; } .sf-classic #steps-stacks_in_433 .controls:not(.sf-checkbox) label.sf-active { top: -8px; z-index: 2; background-color: rgba(0, 0, 0, 0.00); } #steps-stacks_in_433 .step .controls input[type=radio]:before { border-radius: 50%; } #steps-stacks_in_433 .step .controls input[type=radio]:checked:after { content: ""; width: 12px; height: 12px; position: absolute; left: 4px; top: 4px; border-radius: 50%; background-color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_433 .sf-radio-group { display: flex; flex-wrap: wrap; align-items: stretch; grid-gap: 4px; } #steps-stacks_in_433 .sf-radio-group .controls.sf-button-group { flex: 0 0 auto; margin: 0 0 4px 0; padding: 16px 8px; display: flex; align-items: stretch; justify-content: center; } #steps-stacks_in_433 .sf-radio-group .controls input[type]:checked:after, #steps-stacks_in_433 .sf-radio-group .controls input[type]:before, #steps-stacks_in_433 .sf-radio-group .controls input[type] { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; margin: 0; background: transparent; } #steps-stacks_in_433 .sf-radio-group .controls input[type]:checked:after { background: transparent; border: 2px solid rgba(14, 27, 37, 1.00); } #steps-stacks_in_433 .sf-radio-group .controls input[type]:checked:after, #steps-stacks_in_433 .sf-radio-group .controls input[type]:before, #steps-stacks_in_433 .step .sf-radio-group .controls input.hasError[type]:after { border-radius: 4px; } #steps-stacks_in_433 .sf-radio-group .controls.sf-button-group label { display: grid; grid-template-columns: auto; grid-template-rows: min-content; justify-items: center; align-items: center; text-align: center; line-height: 1.1; font-size: 12px; grid-gap: 8px; z-index: 1; user-select: none; } #steps-stacks_in_433 .sf-radio-group .controls.sf-button-group label div:empty, #steps-stacks_in_433 .sf-radio-group .controls.sf-button-group label div.empty { display: none; } /* */ #step-stacks_in_435[data-cond1a] .step-submit-info.error-1ld.has-cond, #step-stacks_in_435[data-cond1b] .step-submit-info.error-1ld.has-cond, #step-stacks_in_435[data-cond1c] .step-submit-info.error-1ld.has-cond, #step-stacks_in_435[data-cond2a] .step-submit-info.error-1ld.has-cond, #step-stacks_in_435[data-cond2b] .step-submit-info.error-1ld.has-cond, #step-stacks_in_435[data-cond2c] .step-submit-info.error-1ld.has-cond, #step-stacks_in_435[data-cond3a] .step-submit-info.error-1ld.has-cond, #step-stacks_in_435[data-cond3b] .step-submit-info.error-1ld.has-cond, #step-stacks_in_435[data-cond3c] .step-submit-info.error-1ld.has-cond { display: grid; } #step-stacks_in_435 .step-top .step-count { display: none; } /* */ #sf-radio-stacks_in_437.controls.sf-button-group { width: 120px; } /* */ #stacks_in_20{visibility:hidden}