app.min.css 64 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167
  1. body {
  2. background: white; }
  3. a {
  4. color: inherit;
  5. text-decoration: none; }
  6. a, a:focus, a:active {
  7. outline: none; }
  8. a:focus {
  9. -moz-outline-style: none; }
  10. .col-1, .small-col-1, .med-col-1, .large-col-1, .col-2, .small-col-2, .med-col-2, .large-col-2, .col-3, .small-col-3, .med-col-3, .large-col-3, .col-4, .small-col-4, .med-col-4, .large-col-4, .col-5, .small-col-5, .med-col-5, .large-col-5, .col-6, .small-col-6, .med-col-6, .large-col-6, .col-7, .small-col-7, .med-col-7, .large-col-7, .col-8, .small-col-8, .med-col-8, .large-col-8, .col-9, .small-col-9, .med-col-9, .large-col-9, .col-10, .small-col-10, .med-col-10, .large-col-10, .col-11, .small-col-11, .med-col-11, .large-col-11, .col-12, .small-col-12, .med-col-12, .large-col-12, .col-1-offset-1, .col-1-offset-2, .col-1-offset-3, .col-1-offset-4, .col-1-offset-5, .col-1-offset-6, .col-1-offset-7, .col-1-offset-8, .col-1-offset-9, .col-1-offset-10, .col-1-offset-11, .col-2-offset-1, .col-2-offset-2, .col-2-offset-3, .col-2-offset-4, .col-2-offset-5, .col-2-offset-6, .col-2-offset-7, .col-2-offset-8, .col-2-offset-9, .col-2-offset-10, .col-3-offset-1, .col-3-offset-2, .col-3-offset-3, .col-3-offset-4, .col-3-offset-5, .col-3-offset-6, .col-3-offset-7, .col-3-offset-8, .col-3-offset-9, .col-4-offset-1, .col-4-offset-2, .col-4-offset-3, .col-4-offset-4, .col-4-offset-5, .col-4-offset-6, .col-4-offset-7, .col-4-offset-8, .col-5-offset-1, .col-5-offset-2, .col-5-offset-3, .col-5-offset-4, .col-5-offset-5, .col-5-offset-6, .col-5-offset-7, .col-6-offset-1, .col-6-offset-2, .col-6-offset-3, .col-6-offset-4, .col-6-offset-5, .col-6-offset-6, .col-7-offset-1, .col-7-offset-2, .col-7-offset-3, .col-7-offset-4, .col-7-offset-5, .col-8-offset-1, .col-8-offset-2, .col-8-offset-3, .col-8-offset-4, .col-9-offset-1, .col-9-offset-2, .col-9-offset-3, .col-10-offset-1, .col-10-offset-2, .col-11-offset-1 {
  11. width: 100%;
  12. display: inline-block;
  13. font-size: 16px;
  14. -webkit-box-sizing: border-box;
  15. box-sizing: border-box;
  16. white-space: normal; }
  17. .row {
  18. font-size: 0;
  19. white-space: nowrap;
  20. position: relative; }
  21. .col-1 {
  22. padding-left: 0em;
  23. padding-right: 1em;
  24. margin-left: 0%;
  25. width: 8.33333%;
  26. vertical-align: top; }
  27. .col-1:last-child {
  28. padding-right: 0; }
  29. @media only screen and (max-width: 768px) {
  30. .small-col-1 {
  31. padding-left: 0em;
  32. padding-right: 1em;
  33. margin-left: 0%;
  34. width: 8.33333%;
  35. vertical-align: top; }
  36. .small-col-1:last-child {
  37. padding-right: 0; } }
  38. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  39. .med-col-1 {
  40. padding-left: 0em;
  41. padding-right: 1em;
  42. margin-left: 0%;
  43. width: 8.33333%;
  44. vertical-align: top; }
  45. .med-col-1:last-child {
  46. padding-right: 0; } }
  47. @media only screen and (min-width: 1081px) {
  48. .large-col-1 {
  49. padding-left: 0em;
  50. padding-right: 1em;
  51. margin-left: 0%;
  52. width: 8.33333%;
  53. vertical-align: top; }
  54. .large-col-1:last-child {
  55. padding-right: 0; } }
  56. .col-2 {
  57. padding-left: 0em;
  58. padding-right: 1em;
  59. margin-left: 0%;
  60. width: 16.66667%;
  61. vertical-align: top; }
  62. .col-2:last-child {
  63. padding-right: 0; }
  64. @media only screen and (max-width: 768px) {
  65. .small-col-2 {
  66. padding-left: 0em;
  67. padding-right: 1em;
  68. margin-left: 0%;
  69. width: 16.66667%;
  70. vertical-align: top; }
  71. .small-col-2:last-child {
  72. padding-right: 0; } }
  73. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  74. .med-col-2 {
  75. padding-left: 0em;
  76. padding-right: 1em;
  77. margin-left: 0%;
  78. width: 16.66667%;
  79. vertical-align: top; }
  80. .med-col-2:last-child {
  81. padding-right: 0; } }
  82. @media only screen and (min-width: 1081px) {
  83. .large-col-2 {
  84. padding-left: 0em;
  85. padding-right: 1em;
  86. margin-left: 0%;
  87. width: 16.66667%;
  88. vertical-align: top; }
  89. .large-col-2:last-child {
  90. padding-right: 0; } }
  91. .col-3 {
  92. padding-left: 0em;
  93. padding-right: 1em;
  94. margin-left: 0%;
  95. width: 25%;
  96. vertical-align: top; }
  97. .col-3:last-child {
  98. padding-right: 0; }
  99. @media only screen and (max-width: 768px) {
  100. .small-col-3 {
  101. padding-left: 0em;
  102. padding-right: 1em;
  103. margin-left: 0%;
  104. width: 25%;
  105. vertical-align: top; }
  106. .small-col-3:last-child {
  107. padding-right: 0; } }
  108. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  109. .med-col-3 {
  110. padding-left: 0em;
  111. padding-right: 1em;
  112. margin-left: 0%;
  113. width: 25%;
  114. vertical-align: top; }
  115. .med-col-3:last-child {
  116. padding-right: 0; } }
  117. @media only screen and (min-width: 1081px) {
  118. .large-col-3 {
  119. padding-left: 0em;
  120. padding-right: 1em;
  121. margin-left: 0%;
  122. width: 25%;
  123. vertical-align: top; }
  124. .large-col-3:last-child {
  125. padding-right: 0; } }
  126. .col-4 {
  127. padding-left: 0em;
  128. padding-right: 1em;
  129. margin-left: 0%;
  130. width: 33.33333%;
  131. vertical-align: top; }
  132. .col-4:last-child {
  133. padding-right: 0; }
  134. @media only screen and (max-width: 768px) {
  135. .small-col-4 {
  136. padding-left: 0em;
  137. padding-right: 1em;
  138. margin-left: 0%;
  139. width: 33.33333%;
  140. vertical-align: top; }
  141. .small-col-4:last-child {
  142. padding-right: 0; } }
  143. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  144. .med-col-4 {
  145. padding-left: 0em;
  146. padding-right: 1em;
  147. margin-left: 0%;
  148. width: 33.33333%;
  149. vertical-align: top; }
  150. .med-col-4:last-child {
  151. padding-right: 0; } }
  152. @media only screen and (min-width: 1081px) {
  153. .large-col-4 {
  154. padding-left: 0em;
  155. padding-right: 1em;
  156. margin-left: 0%;
  157. width: 33.33333%;
  158. vertical-align: top; }
  159. .large-col-4:last-child {
  160. padding-right: 0; } }
  161. .col-5 {
  162. padding-left: 0em;
  163. padding-right: 1em;
  164. margin-left: 0%;
  165. width: 41.66667%;
  166. vertical-align: top; }
  167. .col-5:last-child {
  168. padding-right: 0; }
  169. @media only screen and (max-width: 768px) {
  170. .small-col-5 {
  171. padding-left: 0em;
  172. padding-right: 1em;
  173. margin-left: 0%;
  174. width: 41.66667%;
  175. vertical-align: top; }
  176. .small-col-5:last-child {
  177. padding-right: 0; } }
  178. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  179. .med-col-5 {
  180. padding-left: 0em;
  181. padding-right: 1em;
  182. margin-left: 0%;
  183. width: 41.66667%;
  184. vertical-align: top; }
  185. .med-col-5:last-child {
  186. padding-right: 0; } }
  187. @media only screen and (min-width: 1081px) {
  188. .large-col-5 {
  189. padding-left: 0em;
  190. padding-right: 1em;
  191. margin-left: 0%;
  192. width: 41.66667%;
  193. vertical-align: top; }
  194. .large-col-5:last-child {
  195. padding-right: 0; } }
  196. .col-6 {
  197. padding-left: 0em;
  198. padding-right: 1em;
  199. margin-left: 0%;
  200. width: 50%;
  201. vertical-align: top; }
  202. .col-6:last-child {
  203. padding-right: 0; }
  204. @media only screen and (max-width: 768px) {
  205. .small-col-6 {
  206. padding-left: 0em;
  207. padding-right: 1em;
  208. margin-left: 0%;
  209. width: 50%;
  210. vertical-align: top; }
  211. .small-col-6:last-child {
  212. padding-right: 0; } }
  213. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  214. .med-col-6 {
  215. padding-left: 0em;
  216. padding-right: 1em;
  217. margin-left: 0%;
  218. width: 50%;
  219. vertical-align: top; }
  220. .med-col-6:last-child {
  221. padding-right: 0; } }
  222. @media only screen and (min-width: 1081px) {
  223. .large-col-6 {
  224. padding-left: 0em;
  225. padding-right: 1em;
  226. margin-left: 0%;
  227. width: 50%;
  228. vertical-align: top; }
  229. .large-col-6:last-child {
  230. padding-right: 0; } }
  231. .col-7 {
  232. padding-left: 0em;
  233. padding-right: 1em;
  234. margin-left: 0%;
  235. width: 58.33333%;
  236. vertical-align: top; }
  237. .col-7:last-child {
  238. padding-right: 0; }
  239. @media only screen and (max-width: 768px) {
  240. .small-col-7 {
  241. padding-left: 0em;
  242. padding-right: 1em;
  243. margin-left: 0%;
  244. width: 58.33333%;
  245. vertical-align: top; }
  246. .small-col-7:last-child {
  247. padding-right: 0; } }
  248. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  249. .med-col-7 {
  250. padding-left: 0em;
  251. padding-right: 1em;
  252. margin-left: 0%;
  253. width: 58.33333%;
  254. vertical-align: top; }
  255. .med-col-7:last-child {
  256. padding-right: 0; } }
  257. @media only screen and (min-width: 1081px) {
  258. .large-col-7 {
  259. padding-left: 0em;
  260. padding-right: 1em;
  261. margin-left: 0%;
  262. width: 58.33333%;
  263. vertical-align: top; }
  264. .large-col-7:last-child {
  265. padding-right: 0; } }
  266. .col-8 {
  267. padding-left: 0em;
  268. padding-right: 1em;
  269. margin-left: 0%;
  270. width: 66.66667%;
  271. vertical-align: top; }
  272. .col-8:last-child {
  273. padding-right: 0; }
  274. @media only screen and (max-width: 768px) {
  275. .small-col-8 {
  276. padding-left: 0em;
  277. padding-right: 1em;
  278. margin-left: 0%;
  279. width: 66.66667%;
  280. vertical-align: top; }
  281. .small-col-8:last-child {
  282. padding-right: 0; } }
  283. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  284. .med-col-8 {
  285. padding-left: 0em;
  286. padding-right: 1em;
  287. margin-left: 0%;
  288. width: 66.66667%;
  289. vertical-align: top; }
  290. .med-col-8:last-child {
  291. padding-right: 0; } }
  292. @media only screen and (min-width: 1081px) {
  293. .large-col-8 {
  294. padding-left: 0em;
  295. padding-right: 1em;
  296. margin-left: 0%;
  297. width: 66.66667%;
  298. vertical-align: top; }
  299. .large-col-8:last-child {
  300. padding-right: 0; } }
  301. .col-9 {
  302. padding-left: 0em;
  303. padding-right: 1em;
  304. margin-left: 0%;
  305. width: 75%;
  306. vertical-align: top; }
  307. .col-9:last-child {
  308. padding-right: 0; }
  309. @media only screen and (max-width: 768px) {
  310. .small-col-9 {
  311. padding-left: 0em;
  312. padding-right: 1em;
  313. margin-left: 0%;
  314. width: 75%;
  315. vertical-align: top; }
  316. .small-col-9:last-child {
  317. padding-right: 0; } }
  318. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  319. .med-col-9 {
  320. padding-left: 0em;
  321. padding-right: 1em;
  322. margin-left: 0%;
  323. width: 75%;
  324. vertical-align: top; }
  325. .med-col-9:last-child {
  326. padding-right: 0; } }
  327. @media only screen and (min-width: 1081px) {
  328. .large-col-9 {
  329. padding-left: 0em;
  330. padding-right: 1em;
  331. margin-left: 0%;
  332. width: 75%;
  333. vertical-align: top; }
  334. .large-col-9:last-child {
  335. padding-right: 0; } }
  336. .col-10 {
  337. padding-left: 0em;
  338. padding-right: 1em;
  339. margin-left: 0%;
  340. width: 83.33333%;
  341. vertical-align: top; }
  342. .col-10:last-child {
  343. padding-right: 0; }
  344. @media only screen and (max-width: 768px) {
  345. .small-col-10 {
  346. padding-left: 0em;
  347. padding-right: 1em;
  348. margin-left: 0%;
  349. width: 83.33333%;
  350. vertical-align: top; }
  351. .small-col-10:last-child {
  352. padding-right: 0; } }
  353. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  354. .med-col-10 {
  355. padding-left: 0em;
  356. padding-right: 1em;
  357. margin-left: 0%;
  358. width: 83.33333%;
  359. vertical-align: top; }
  360. .med-col-10:last-child {
  361. padding-right: 0; } }
  362. @media only screen and (min-width: 1081px) {
  363. .large-col-10 {
  364. padding-left: 0em;
  365. padding-right: 1em;
  366. margin-left: 0%;
  367. width: 83.33333%;
  368. vertical-align: top; }
  369. .large-col-10:last-child {
  370. padding-right: 0; } }
  371. .col-11 {
  372. padding-left: 0em;
  373. padding-right: 1em;
  374. margin-left: 0%;
  375. width: 91.66667%;
  376. vertical-align: top; }
  377. .col-11:last-child {
  378. padding-right: 0; }
  379. @media only screen and (max-width: 768px) {
  380. .small-col-11 {
  381. padding-left: 0em;
  382. padding-right: 1em;
  383. margin-left: 0%;
  384. width: 91.66667%;
  385. vertical-align: top; }
  386. .small-col-11:last-child {
  387. padding-right: 0; } }
  388. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  389. .med-col-11 {
  390. padding-left: 0em;
  391. padding-right: 1em;
  392. margin-left: 0%;
  393. width: 91.66667%;
  394. vertical-align: top; }
  395. .med-col-11:last-child {
  396. padding-right: 0; } }
  397. @media only screen and (min-width: 1081px) {
  398. .large-col-11 {
  399. padding-left: 0em;
  400. padding-right: 1em;
  401. margin-left: 0%;
  402. width: 91.66667%;
  403. vertical-align: top; }
  404. .large-col-11:last-child {
  405. padding-right: 0; } }
  406. .col-12 {
  407. padding-left: 0em;
  408. padding-right: 1em;
  409. margin-left: 0%;
  410. width: 100%;
  411. vertical-align: top; }
  412. .col-12:last-child {
  413. padding-right: 0; }
  414. @media only screen and (max-width: 768px) {
  415. .small-col-12 {
  416. padding-left: 0em;
  417. padding-right: 1em;
  418. margin-left: 0%;
  419. width: 100%;
  420. vertical-align: top; }
  421. .small-col-12:last-child {
  422. padding-right: 0; } }
  423. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  424. .med-col-12 {
  425. padding-left: 0em;
  426. padding-right: 1em;
  427. margin-left: 0%;
  428. width: 100%;
  429. vertical-align: top; }
  430. .med-col-12:last-child {
  431. padding-right: 0; } }
  432. @media only screen and (min-width: 1081px) {
  433. .large-col-12 {
  434. padding-left: 0em;
  435. padding-right: 1em;
  436. margin-left: 0%;
  437. width: 100%;
  438. vertical-align: top; }
  439. .large-col-12:last-child {
  440. padding-right: 0; } }
  441. .col-1-offset-1 {
  442. padding-left: 1em;
  443. padding-right: 1em;
  444. margin-left: 8.33333%;
  445. width: 8.33333%;
  446. vertical-align: top; }
  447. .col-1-offset-1:last-child {
  448. padding-right: 0; }
  449. .col-1-offset-2 {
  450. padding-left: 2em;
  451. padding-right: 1em;
  452. margin-left: 16.66667%;
  453. width: 8.33333%;
  454. vertical-align: top; }
  455. .col-1-offset-2:last-child {
  456. padding-right: 0; }
  457. .col-1-offset-3 {
  458. padding-left: 3em;
  459. padding-right: 1em;
  460. margin-left: 25%;
  461. width: 8.33333%;
  462. vertical-align: top; }
  463. .col-1-offset-3:last-child {
  464. padding-right: 0; }
  465. .col-1-offset-4 {
  466. padding-left: 4em;
  467. padding-right: 1em;
  468. margin-left: 33.33333%;
  469. width: 8.33333%;
  470. vertical-align: top; }
  471. .col-1-offset-4:last-child {
  472. padding-right: 0; }
  473. .col-1-offset-5 {
  474. padding-left: 5em;
  475. padding-right: 1em;
  476. margin-left: 41.66667%;
  477. width: 8.33333%;
  478. vertical-align: top; }
  479. .col-1-offset-5:last-child {
  480. padding-right: 0; }
  481. .col-1-offset-6 {
  482. padding-left: 6em;
  483. padding-right: 1em;
  484. margin-left: 50%;
  485. width: 8.33333%;
  486. vertical-align: top; }
  487. .col-1-offset-6:last-child {
  488. padding-right: 0; }
  489. .col-1-offset-7 {
  490. padding-left: 7em;
  491. padding-right: 1em;
  492. margin-left: 58.33333%;
  493. width: 8.33333%;
  494. vertical-align: top; }
  495. .col-1-offset-7:last-child {
  496. padding-right: 0; }
  497. .col-1-offset-8 {
  498. padding-left: 8em;
  499. padding-right: 1em;
  500. margin-left: 66.66667%;
  501. width: 8.33333%;
  502. vertical-align: top; }
  503. .col-1-offset-8:last-child {
  504. padding-right: 0; }
  505. .col-1-offset-9 {
  506. padding-left: 9em;
  507. padding-right: 1em;
  508. margin-left: 75%;
  509. width: 8.33333%;
  510. vertical-align: top; }
  511. .col-1-offset-9:last-child {
  512. padding-right: 0; }
  513. .col-1-offset-10 {
  514. padding-left: 10em;
  515. padding-right: 1em;
  516. margin-left: 83.33333%;
  517. width: 8.33333%;
  518. vertical-align: top; }
  519. .col-1-offset-10:last-child {
  520. padding-right: 0; }
  521. .col-1-offset-11 {
  522. padding-left: 11em;
  523. padding-right: 1em;
  524. margin-left: 91.66667%;
  525. width: 8.33333%;
  526. vertical-align: top; }
  527. .col-1-offset-11:last-child {
  528. padding-right: 0; }
  529. .col-2-offset-1 {
  530. padding-left: 1em;
  531. padding-right: 1em;
  532. margin-left: 16.66667%;
  533. width: 16.66667%;
  534. vertical-align: top; }
  535. .col-2-offset-1:last-child {
  536. padding-right: 0; }
  537. .col-2-offset-2 {
  538. padding-left: 2em;
  539. padding-right: 1em;
  540. margin-left: 33.33333%;
  541. width: 16.66667%;
  542. vertical-align: top; }
  543. .col-2-offset-2:last-child {
  544. padding-right: 0; }
  545. .col-2-offset-3 {
  546. padding-left: 3em;
  547. padding-right: 1em;
  548. margin-left: 50%;
  549. width: 16.66667%;
  550. vertical-align: top; }
  551. .col-2-offset-3:last-child {
  552. padding-right: 0; }
  553. .col-2-offset-4 {
  554. padding-left: 4em;
  555. padding-right: 1em;
  556. margin-left: 66.66667%;
  557. width: 16.66667%;
  558. vertical-align: top; }
  559. .col-2-offset-4:last-child {
  560. padding-right: 0; }
  561. .col-2-offset-5 {
  562. padding-left: 5em;
  563. padding-right: 1em;
  564. margin-left: 83.33333%;
  565. width: 16.66667%;
  566. vertical-align: top; }
  567. .col-2-offset-5:last-child {
  568. padding-right: 0; }
  569. .col-2-offset-6 {
  570. padding-left: 6em;
  571. padding-right: 1em;
  572. margin-left: 100%;
  573. width: 16.66667%;
  574. vertical-align: top; }
  575. .col-2-offset-6:last-child {
  576. padding-right: 0; }
  577. .col-2-offset-7 {
  578. padding-left: 7em;
  579. padding-right: 1em;
  580. margin-left: 116.66667%;
  581. width: 16.66667%;
  582. vertical-align: top; }
  583. .col-2-offset-7:last-child {
  584. padding-right: 0; }
  585. .col-2-offset-8 {
  586. padding-left: 8em;
  587. padding-right: 1em;
  588. margin-left: 133.33333%;
  589. width: 16.66667%;
  590. vertical-align: top; }
  591. .col-2-offset-8:last-child {
  592. padding-right: 0; }
  593. .col-2-offset-9 {
  594. padding-left: 9em;
  595. padding-right: 1em;
  596. margin-left: 150%;
  597. width: 16.66667%;
  598. vertical-align: top; }
  599. .col-2-offset-9:last-child {
  600. padding-right: 0; }
  601. .col-2-offset-10 {
  602. padding-left: 10em;
  603. padding-right: 1em;
  604. margin-left: 166.66667%;
  605. width: 16.66667%;
  606. vertical-align: top; }
  607. .col-2-offset-10:last-child {
  608. padding-right: 0; }
  609. .col-3-offset-1 {
  610. padding-left: 1em;
  611. padding-right: 1em;
  612. margin-left: 25%;
  613. width: 25%;
  614. vertical-align: top; }
  615. .col-3-offset-1:last-child {
  616. padding-right: 0; }
  617. .col-3-offset-2 {
  618. padding-left: 2em;
  619. padding-right: 1em;
  620. margin-left: 50%;
  621. width: 25%;
  622. vertical-align: top; }
  623. .col-3-offset-2:last-child {
  624. padding-right: 0; }
  625. .col-3-offset-3 {
  626. padding-left: 3em;
  627. padding-right: 1em;
  628. margin-left: 75%;
  629. width: 25%;
  630. vertical-align: top; }
  631. .col-3-offset-3:last-child {
  632. padding-right: 0; }
  633. .col-3-offset-4 {
  634. padding-left: 4em;
  635. padding-right: 1em;
  636. margin-left: 100%;
  637. width: 25%;
  638. vertical-align: top; }
  639. .col-3-offset-4:last-child {
  640. padding-right: 0; }
  641. .col-3-offset-5 {
  642. padding-left: 5em;
  643. padding-right: 1em;
  644. margin-left: 125%;
  645. width: 25%;
  646. vertical-align: top; }
  647. .col-3-offset-5:last-child {
  648. padding-right: 0; }
  649. .col-3-offset-6 {
  650. padding-left: 6em;
  651. padding-right: 1em;
  652. margin-left: 150%;
  653. width: 25%;
  654. vertical-align: top; }
  655. .col-3-offset-6:last-child {
  656. padding-right: 0; }
  657. .col-3-offset-7 {
  658. padding-left: 7em;
  659. padding-right: 1em;
  660. margin-left: 175%;
  661. width: 25%;
  662. vertical-align: top; }
  663. .col-3-offset-7:last-child {
  664. padding-right: 0; }
  665. .col-3-offset-8 {
  666. padding-left: 8em;
  667. padding-right: 1em;
  668. margin-left: 200%;
  669. width: 25%;
  670. vertical-align: top; }
  671. .col-3-offset-8:last-child {
  672. padding-right: 0; }
  673. .col-3-offset-9 {
  674. padding-left: 9em;
  675. padding-right: 1em;
  676. margin-left: 225%;
  677. width: 25%;
  678. vertical-align: top; }
  679. .col-3-offset-9:last-child {
  680. padding-right: 0; }
  681. .col-4-offset-1 {
  682. padding-left: 1em;
  683. padding-right: 1em;
  684. margin-left: 33.33333%;
  685. width: 33.33333%;
  686. vertical-align: top; }
  687. .col-4-offset-1:last-child {
  688. padding-right: 0; }
  689. .col-4-offset-2 {
  690. padding-left: 2em;
  691. padding-right: 1em;
  692. margin-left: 66.66667%;
  693. width: 33.33333%;
  694. vertical-align: top; }
  695. .col-4-offset-2:last-child {
  696. padding-right: 0; }
  697. .col-4-offset-3 {
  698. padding-left: 3em;
  699. padding-right: 1em;
  700. margin-left: 100%;
  701. width: 33.33333%;
  702. vertical-align: top; }
  703. .col-4-offset-3:last-child {
  704. padding-right: 0; }
  705. .col-4-offset-4 {
  706. padding-left: 4em;
  707. padding-right: 1em;
  708. margin-left: 133.33333%;
  709. width: 33.33333%;
  710. vertical-align: top; }
  711. .col-4-offset-4:last-child {
  712. padding-right: 0; }
  713. .col-4-offset-5 {
  714. padding-left: 5em;
  715. padding-right: 1em;
  716. margin-left: 166.66667%;
  717. width: 33.33333%;
  718. vertical-align: top; }
  719. .col-4-offset-5:last-child {
  720. padding-right: 0; }
  721. .col-4-offset-6 {
  722. padding-left: 6em;
  723. padding-right: 1em;
  724. margin-left: 200%;
  725. width: 33.33333%;
  726. vertical-align: top; }
  727. .col-4-offset-6:last-child {
  728. padding-right: 0; }
  729. .col-4-offset-7 {
  730. padding-left: 7em;
  731. padding-right: 1em;
  732. margin-left: 233.33333%;
  733. width: 33.33333%;
  734. vertical-align: top; }
  735. .col-4-offset-7:last-child {
  736. padding-right: 0; }
  737. .col-4-offset-8 {
  738. padding-left: 8em;
  739. padding-right: 1em;
  740. margin-left: 266.66667%;
  741. width: 33.33333%;
  742. vertical-align: top; }
  743. .col-4-offset-8:last-child {
  744. padding-right: 0; }
  745. .col-5-offset-1 {
  746. padding-left: 1em;
  747. padding-right: 1em;
  748. margin-left: 41.66667%;
  749. width: 41.66667%;
  750. vertical-align: top; }
  751. .col-5-offset-1:last-child {
  752. padding-right: 0; }
  753. .col-5-offset-2 {
  754. padding-left: 2em;
  755. padding-right: 1em;
  756. margin-left: 83.33333%;
  757. width: 41.66667%;
  758. vertical-align: top; }
  759. .col-5-offset-2:last-child {
  760. padding-right: 0; }
  761. .col-5-offset-3 {
  762. padding-left: 3em;
  763. padding-right: 1em;
  764. margin-left: 125%;
  765. width: 41.66667%;
  766. vertical-align: top; }
  767. .col-5-offset-3:last-child {
  768. padding-right: 0; }
  769. .col-5-offset-4 {
  770. padding-left: 4em;
  771. padding-right: 1em;
  772. margin-left: 166.66667%;
  773. width: 41.66667%;
  774. vertical-align: top; }
  775. .col-5-offset-4:last-child {
  776. padding-right: 0; }
  777. .col-5-offset-5 {
  778. padding-left: 5em;
  779. padding-right: 1em;
  780. margin-left: 208.33333%;
  781. width: 41.66667%;
  782. vertical-align: top; }
  783. .col-5-offset-5:last-child {
  784. padding-right: 0; }
  785. .col-5-offset-6 {
  786. padding-left: 6em;
  787. padding-right: 1em;
  788. margin-left: 250%;
  789. width: 41.66667%;
  790. vertical-align: top; }
  791. .col-5-offset-6:last-child {
  792. padding-right: 0; }
  793. .col-5-offset-7 {
  794. padding-left: 7em;
  795. padding-right: 1em;
  796. margin-left: 291.66667%;
  797. width: 41.66667%;
  798. vertical-align: top; }
  799. .col-5-offset-7:last-child {
  800. padding-right: 0; }
  801. .col-6-offset-1 {
  802. padding-left: 1em;
  803. padding-right: 1em;
  804. margin-left: 50%;
  805. width: 50%;
  806. vertical-align: top; }
  807. .col-6-offset-1:last-child {
  808. padding-right: 0; }
  809. .col-6-offset-2 {
  810. padding-left: 2em;
  811. padding-right: 1em;
  812. margin-left: 100%;
  813. width: 50%;
  814. vertical-align: top; }
  815. .col-6-offset-2:last-child {
  816. padding-right: 0; }
  817. .col-6-offset-3 {
  818. padding-left: 3em;
  819. padding-right: 1em;
  820. margin-left: 150%;
  821. width: 50%;
  822. vertical-align: top; }
  823. .col-6-offset-3:last-child {
  824. padding-right: 0; }
  825. .col-6-offset-4 {
  826. padding-left: 4em;
  827. padding-right: 1em;
  828. margin-left: 200%;
  829. width: 50%;
  830. vertical-align: top; }
  831. .col-6-offset-4:last-child {
  832. padding-right: 0; }
  833. .col-6-offset-5 {
  834. padding-left: 5em;
  835. padding-right: 1em;
  836. margin-left: 250%;
  837. width: 50%;
  838. vertical-align: top; }
  839. .col-6-offset-5:last-child {
  840. padding-right: 0; }
  841. .col-6-offset-6 {
  842. padding-left: 6em;
  843. padding-right: 1em;
  844. margin-left: 300%;
  845. width: 50%;
  846. vertical-align: top; }
  847. .col-6-offset-6:last-child {
  848. padding-right: 0; }
  849. .col-7-offset-1 {
  850. padding-left: 1em;
  851. padding-right: 1em;
  852. margin-left: 58.33333%;
  853. width: 58.33333%;
  854. vertical-align: top; }
  855. .col-7-offset-1:last-child {
  856. padding-right: 0; }
  857. .col-7-offset-2 {
  858. padding-left: 2em;
  859. padding-right: 1em;
  860. margin-left: 116.66667%;
  861. width: 58.33333%;
  862. vertical-align: top; }
  863. .col-7-offset-2:last-child {
  864. padding-right: 0; }
  865. .col-7-offset-3 {
  866. padding-left: 3em;
  867. padding-right: 1em;
  868. margin-left: 175%;
  869. width: 58.33333%;
  870. vertical-align: top; }
  871. .col-7-offset-3:last-child {
  872. padding-right: 0; }
  873. .col-7-offset-4 {
  874. padding-left: 4em;
  875. padding-right: 1em;
  876. margin-left: 233.33333%;
  877. width: 58.33333%;
  878. vertical-align: top; }
  879. .col-7-offset-4:last-child {
  880. padding-right: 0; }
  881. .col-7-offset-5 {
  882. padding-left: 5em;
  883. padding-right: 1em;
  884. margin-left: 291.66667%;
  885. width: 58.33333%;
  886. vertical-align: top; }
  887. .col-7-offset-5:last-child {
  888. padding-right: 0; }
  889. .col-8-offset-1 {
  890. padding-left: 1em;
  891. padding-right: 1em;
  892. margin-left: 66.66667%;
  893. width: 66.66667%;
  894. vertical-align: top; }
  895. .col-8-offset-1:last-child {
  896. padding-right: 0; }
  897. .col-8-offset-2 {
  898. padding-left: 2em;
  899. padding-right: 1em;
  900. margin-left: 133.33333%;
  901. width: 66.66667%;
  902. vertical-align: top; }
  903. .col-8-offset-2:last-child {
  904. padding-right: 0; }
  905. .col-8-offset-3 {
  906. padding-left: 3em;
  907. padding-right: 1em;
  908. margin-left: 200%;
  909. width: 66.66667%;
  910. vertical-align: top; }
  911. .col-8-offset-3:last-child {
  912. padding-right: 0; }
  913. .col-8-offset-4 {
  914. padding-left: 4em;
  915. padding-right: 1em;
  916. margin-left: 266.66667%;
  917. width: 66.66667%;
  918. vertical-align: top; }
  919. .col-8-offset-4:last-child {
  920. padding-right: 0; }
  921. .col-9-offset-1 {
  922. padding-left: 1em;
  923. padding-right: 1em;
  924. margin-left: 75%;
  925. width: 75%;
  926. vertical-align: top; }
  927. .col-9-offset-1:last-child {
  928. padding-right: 0; }
  929. .col-9-offset-2 {
  930. padding-left: 2em;
  931. padding-right: 1em;
  932. margin-left: 150%;
  933. width: 75%;
  934. vertical-align: top; }
  935. .col-9-offset-2:last-child {
  936. padding-right: 0; }
  937. .col-9-offset-3 {
  938. padding-left: 3em;
  939. padding-right: 1em;
  940. margin-left: 225%;
  941. width: 75%;
  942. vertical-align: top; }
  943. .col-9-offset-3:last-child {
  944. padding-right: 0; }
  945. .col-10-offset-1 {
  946. padding-left: 1em;
  947. padding-right: 1em;
  948. margin-left: 83.33333%;
  949. width: 83.33333%;
  950. vertical-align: top; }
  951. .col-10-offset-1:last-child {
  952. padding-right: 0; }
  953. .col-10-offset-2 {
  954. padding-left: 2em;
  955. padding-right: 1em;
  956. margin-left: 166.66667%;
  957. width: 83.33333%;
  958. vertical-align: top; }
  959. .col-10-offset-2:last-child {
  960. padding-right: 0; }
  961. .col-11-offset-1 {
  962. padding-left: 1em;
  963. padding-right: 1em;
  964. margin-left: 91.66667%;
  965. width: 91.66667%;
  966. vertical-align: top; }
  967. .col-11-offset-1:last-child {
  968. padding-right: 0; }
  969. body, html {
  970. position: relative;
  971. width: 100%;
  972. height: 100%;
  973. font-family: Georgia, serif;
  974. font-style: normal;
  975. margin: 0;
  976. padding: 0; }
  977. header[role="banner"] {
  978. z-index: 2;
  979. position: relative;
  980. padding: 0 1em; }
  981. header[role="banner"] > .wrapper {
  982. position: relative;
  983. padding: 0.5em 0;
  984. border-bottom: 1px solid red;
  985. height: 70px; }
  986. header[role="banner"] > .wrapper > .region {
  987. height: 100%;
  988. position: relative; }
  989. main[role="main"] {
  990. z-index: 1;
  991. position: absolute;
  992. left: 0;
  993. top: 0;
  994. -webkit-box-sizing: border-box;
  995. box-sizing: border-box;
  996. width: 100%;
  997. padding: 7em 2em 9em;
  998. overflow: hidden;
  999. pointer-events: none;
  1000. height: auto; }
  1001. main[role="main"] .layout-content {
  1002. width: 100%;
  1003. height: 100%;
  1004. overflow: hidden; }
  1005. main[role="main"] .layout-content > .messages {
  1006. max-height: 500px;
  1007. overflow: auto; }
  1008. main[role="main"] .layout-content > * {
  1009. pointer-events: auto; }
  1010. body[corpus-map="ready"] main[role="main"] {
  1011. height: 100%; }
  1012. footer[role="contentinfo"] {
  1013. z-index: 2;
  1014. position: fixed;
  1015. bottom: 0;
  1016. -webkit-box-sizing: content-box;
  1017. box-sizing: content-box;
  1018. width: 100%;
  1019. padding: 0.5em 1em; }
  1020. .os-scroll {
  1021. height: 100%; }
  1022. header[role="banner"] {
  1023. pointer-events: all; }
  1024. #block-edlptheme-branding {
  1025. display: inline-block; }
  1026. #block-edlptheme-branding h1 {
  1027. margin: 0;
  1028. display: inline-block; }
  1029. #block-edlptheme-branding h1 a.site-name {
  1030. display: block;
  1031. width: 290px;
  1032. height: 63.8px;
  1033. background-image: url(../img/logo.svg);
  1034. background-color: white;
  1035. background-repeat: no-repeat;
  1036. background-size: contain;
  1037. white-space: nowrap;
  1038. text-indent: 500px;
  1039. overflow: hidden; }
  1040. #block-mainnavigation {
  1041. float: right;
  1042. margin-top: 25px; }
  1043. #block-mainnavigation ul {
  1044. margin: 0;
  1045. padding: 0;
  1046. white-space: nowrap; }
  1047. #block-mainnavigation ul li {
  1048. margin: 0;
  1049. padding: 0;
  1050. display: inline-block; }
  1051. #block-mainnavigation ul li a {
  1052. font-size: 0.756em;
  1053. color: inherit;
  1054. text-decoration: none;
  1055. text-transform: uppercase;
  1056. margin-left: 1em; }
  1057. #block-mainnavigation ul li a:before {
  1058. content: "";
  1059. display: inline-block;
  1060. width: 0.6em;
  1061. height: 0.6em;
  1062. border: 1px solid red;
  1063. margin-right: 0.3em; }
  1064. #block-mainnavigation ul li a.ajax-loading:before {
  1065. -webkit-animation: rotation 2s infinite linear;
  1066. animation: rotation 2s infinite linear; }
  1067. @-webkit-keyframes rotation {
  1068. from {
  1069. -webkit-transform: rotate(0deg);
  1070. transform: rotate(0deg); }
  1071. to {
  1072. -webkit-transform: rotate(359deg);
  1073. transform: rotate(359deg); } }
  1074. @keyframes rotation {
  1075. from {
  1076. -webkit-transform: rotate(0deg);
  1077. transform: rotate(0deg); }
  1078. to {
  1079. -webkit-transform: rotate(359deg);
  1080. transform: rotate(359deg); } }
  1081. #block-mainnavigation ul li a.is-active:before, #block-mainnavigation ul li a:hover:before {
  1082. border-color: red;
  1083. background-color: red; }
  1084. .block-language {
  1085. float: right;
  1086. margin-top: 24px;
  1087. margin-left: 2em; }
  1088. .block-language ul {
  1089. margin: 0;
  1090. padding: 0; }
  1091. .block-language ul li {
  1092. display: inline-block;
  1093. vertical-align: middle;
  1094. list-style: none; }
  1095. .block-language ul li a {
  1096. font-size: 0.690em;
  1097. color: inherit;
  1098. text-decoration: none;
  1099. text-transform: capitalize;
  1100. margin-left: 0.8em; }
  1101. .block-language ul li a:before {
  1102. content: "";
  1103. display: inline-block;
  1104. width: 0.6em;
  1105. height: 0.6em;
  1106. border: 1px solid red;
  1107. margin-right: 0.3em; }
  1108. .block-language ul li.is-active a:before, .block-language ul li:hover a:before {
  1109. border-color: red;
  1110. background-color: red; }
  1111. main[role="main"] .layout-content {
  1112. pointer-events: none; }
  1113. main[role="main"] .layout-content .row {
  1114. pointer-events: none;
  1115. height: 100%;
  1116. overflow: hidden; }
  1117. main[role="main"] .layout-content .row .col {
  1118. pointer-events: none;
  1119. height: 100%;
  1120. position: relative; }
  1121. main[role="main"] .layout-content .row .col > .wrapper {
  1122. pointer-events: all;
  1123. position: relative;
  1124. -webkit-box-sizing: border-box;
  1125. box-sizing: border-box;
  1126. border-top: 1px solid red;
  1127. border-bottom: 1px solid red;
  1128. background-color: rgba(255, 255, 255, 0.95);
  1129. padding: 0 0 1em;
  1130. max-height: 100%;
  1131. overflow-y: auto; }
  1132. main[role="main"] .layout-content .row .col > .wrapper > * {
  1133. padding: 0 1em; }
  1134. main[role="main"] .layout-content .field.text-formatted a.audio-link {
  1135. border-bottom: 1px dotted red; }
  1136. main[role="main"] article.node > h2 {
  1137. font-size: 0.9em;
  1138. font-weight: normal;
  1139. text-transform: uppercase; }
  1140. main[role="main"] article.node p {
  1141. font-size: 0.75em;
  1142. font-weight: normal; }
  1143. main[role="main"] img {
  1144. max-width: 100%;
  1145. height: auto; }
  1146. main[role="main"] ul, main[role="main"] li, main[role="main"] ul.inline li:first-child {
  1147. margin: 0;
  1148. padding: 0;
  1149. list-style: none; }
  1150. main[role="main"] .layout-content {
  1151. -webkit-transition: opacity 0.5s ease-in-out;
  1152. transition: opacity 0.5s ease-in-out;
  1153. opacity: 1; }
  1154. body.ajax-loading main[role="main"] .layout-content {
  1155. opacity: 0.2; }
  1156. body.ajax-loading main[role="main"]:before {
  1157. content: "";
  1158. display: block;
  1159. position: absolute;
  1160. z-index: 10;
  1161. width: 60px;
  1162. height: 60px;
  1163. top: calc(50% - 30px);
  1164. left: calc(50% - 30px);
  1165. background-color: rgba(255, 255, 255, 0.5);
  1166. background-image: url(../img/edlp-loader-anim.svg);
  1167. background-size: 50%;
  1168. background-repeat: no-repeat;
  1169. background-position: center; }
  1170. #audio-player {
  1171. position: absolute;
  1172. top: 0;
  1173. left: 0;
  1174. background-color: white;
  1175. height: 100%;
  1176. min-width: 300px;
  1177. z-index: 20;
  1178. opacity: 0;
  1179. pointer-events: none;
  1180. -webkit-transition: opacity 0.7s ease-in-out;
  1181. transition: opacity 0.7s ease-in-out; }
  1182. #audio-player.visible {
  1183. opacity: 1;
  1184. pointer-events: all; }
  1185. #audio-player > * {
  1186. display: inline-block;
  1187. vertical-align: middle;
  1188. padding: 0;
  1189. max-height: 100%; }
  1190. #audio-player .btns {
  1191. cursor: pointer; }
  1192. #audio-player .btns > * {
  1193. display: inline-block;
  1194. vertical-align: middle;
  1195. width: 20px;
  1196. height: 30px;
  1197. background-position: center;
  1198. background-size: contain; }
  1199. #audio-player .btns .previous {
  1200. background-image: url(../img/audio-player-previous.svg);
  1201. opacity: 0.3; }
  1202. #audio-player .btns .play-pause {
  1203. background-image: url(../img/audio-player-play.svg);
  1204. padding: 0 0.3em; }
  1205. #audio-player .btns .next {
  1206. background-image: url(../img/audio-player-next.svg);
  1207. opacity: 0.3; }
  1208. #audio-player .time-line-container .time-line {
  1209. position: relative;
  1210. width: 70px;
  1211. height: 1px;
  1212. background-color: #000;
  1213. overflow: visible;
  1214. -webkit-transform: rotateZ(-45deg);
  1215. transform: rotateZ(-45deg); }
  1216. #audio-player .time-line-container .time-line .loader {
  1217. width: 0;
  1218. height: 100%;
  1219. background-color: red;
  1220. top: 0;
  1221. left: 0; }
  1222. #audio-player .time-line-container .time-line .cursor {
  1223. height: 10px;
  1224. width: 0;
  1225. border-left: 2px solid red;
  1226. position: absolute;
  1227. left: 0;
  1228. top: -5px; }
  1229. #audio-player .time > * {
  1230. width: 70px;
  1231. text-align: right; }
  1232. #audio-player .time .current-time {
  1233. font-size: 1.4em;
  1234. font-weight: 600; }
  1235. #audio-player .time .duration {
  1236. font-size: 0.75em;
  1237. font-weight: 400; }
  1238. #audio-player .favoris {
  1239. height: 100%; }
  1240. #audio-player .cartel {
  1241. position: relative;
  1242. max-width: 350px;
  1243. margin-left: 1em;
  1244. background-color: white;
  1245. opacity: 1;
  1246. -webkit-transition: opacity 0.5s ease-in-out;
  1247. transition: opacity 0.5s ease-in-out;
  1248. white-space: nowrap; }
  1249. #audio-player .cartel.loading {
  1250. opacity: 0; }
  1251. #audio-player .cartel .actions, #audio-player .cartel .cartels {
  1252. display: inline-block;
  1253. vertical-align: top;
  1254. white-space: normal;
  1255. position: relative; }
  1256. #audio-player .cartel .actions {
  1257. width: 1.5em; }
  1258. #audio-player .cartel .cartels .first-cartel .entrees {
  1259. line-height: 0; }
  1260. #audio-player .cartel .cartels .first-cartel .entrees span {
  1261. display: inline-block;
  1262. width: 8px;
  1263. height: 8px;
  1264. background-color: black;
  1265. margin-right: 3px; }
  1266. #audio-player .cartel .cartels .first-cartel .entrees span[tid='134'] {
  1267. background-color: var(--e-col-134); }
  1268. #audio-player .cartel .cartels .first-cartel .entrees span[tid='121'] {
  1269. background-color: var(--e-col-121); }
  1270. #audio-player .cartel .cartels .first-cartel .entrees span[tid='125'] {
  1271. background-color: var(--e-col-125); }
  1272. #audio-player .cartel .cartels .first-cartel .entrees span[tid='119'] {
  1273. background-color: var(--e-col-119); }
  1274. #audio-player .cartel .cartels .first-cartel .entrees span[tid='132'] {
  1275. background-color: var(--e-col-132); }
  1276. #audio-player .cartel .cartels .first-cartel .entrees span[tid='122'] {
  1277. background-color: var(--e-col-122); }
  1278. #audio-player .cartel .cartels .first-cartel .entrees span[tid='129'] {
  1279. background-color: var(--e-col-129); }
  1280. #audio-player .cartel .cartels .first-cartel .entrees span[tid='120'] {
  1281. background-color: var(--e-col-120); }
  1282. #audio-player .cartel .cartels .first-cartel .entrees span[tid='130'] {
  1283. background-color: var(--e-col-130); }
  1284. #audio-player .cartel .cartels .first-cartel .entrees span[tid='118'] {
  1285. background-color: var(--e-col-118); }
  1286. #audio-player .cartel .cartels .first-cartel .entrees span[tid='127'] {
  1287. background-color: var(--e-col-127); }
  1288. #audio-player .cartel .cartels .first-cartel .entrees span[tid='133'] {
  1289. background-color: var(--e-col-133); }
  1290. #audio-player .cartel .cartels .first-cartel .entrees span[tid='128'] {
  1291. background-color: var(--e-col-128); }
  1292. #audio-player .cartel .cartels .first-cartel .entrees span[tid='124'] {
  1293. background-color: var(--e-col-124); }
  1294. #audio-player .cartel .cartels .first-cartel .entrees span[tid='116'] {
  1295. background-color: var(--e-col-116); }
  1296. #audio-player .cartel .cartels .first-cartel .entrees span[tid='117'] {
  1297. background-color: var(--e-col-117); }
  1298. #audio-player .cartel .cartels .first-cartel .entrees span[tid='131'] {
  1299. background-color: var(--e-col-131); }
  1300. #audio-player .cartel .cartels .first-cartel .entrees span[tid='126'] {
  1301. background-color: var(--e-col-126); }
  1302. #audio-player .cartel .cartels .first-cartel .entrees span[tid='123'] {
  1303. background-color: var(--e-col-123); }
  1304. #audio-player .cartel .cartels .first-cartel h2.node-title {
  1305. margin: 0.2em 0 0;
  1306. font-size: 1em; }
  1307. #audio-player .cartel .cartels .first-cartel p {
  1308. margin: 0;
  1309. font-size: 0.75em; }
  1310. #audio-player .cartel .cartels .second-cartel {
  1311. position: absolute;
  1312. top: 0;
  1313. left: 0;
  1314. background-color: white;
  1315. height: 100%;
  1316. min-width: 100%;
  1317. opacity: 0;
  1318. -webkit-transition: opacity 0.2s ease-in-out;
  1319. transition: opacity 0.2s ease-in-out; }
  1320. #audio-player .cartel .cartels .second-cartel > * {
  1321. display: inline-block;
  1322. vertical-align: top; }
  1323. #audio-player .cartel .cartels .second-cartel .col-left a {
  1324. display: block;
  1325. font-size: 0.90em;
  1326. font-weight: 600; }
  1327. #audio-player .cartel .cartels .second-cartel .col-right {
  1328. font-size: 0.75em; }
  1329. #audio-player .cartel:hover .second-cartel {
  1330. opacity: 1; }
  1331. #audio-player.is-playing .btns .play-pause {
  1332. background-image: url(../img/audio-player-pause.svg); }
  1333. .chutier-icon {
  1334. z-index: 1;
  1335. display: block;
  1336. position: relative;
  1337. width: 1em;
  1338. height: 1em;
  1339. overflow: hidden;
  1340. text-indent: 50em;
  1341. background-position: center;
  1342. background-repeat: no-repeat;
  1343. background-size: contain;
  1344. background-image: url(../img/favori-off.svg);
  1345. -webkit-transition: opacity 0.2s ease-in-out;
  1346. transition: opacity 0.2s ease-in-out; }
  1347. .chutier-icon[action="remove"] {
  1348. background-image: url(../img/favori-on.svg); }
  1349. .chutier-icon.ajax-loading {
  1350. opacity: 0.2; }
  1351. .chutier-icon.not-logedin {
  1352. overflow: visible; }
  1353. .chutier-icon .popup {
  1354. display: none;
  1355. position: absolute;
  1356. top: 0;
  1357. left: 0;
  1358. width: 300px;
  1359. height: auto;
  1360. min-height: 100px; }
  1361. .chutier-icon .popup .inner {
  1362. background-color: rgba(255, 255, 255, 0.9);
  1363. border: 1px solid red;
  1364. text-indent: 0;
  1365. padding: 0.5em;
  1366. margin: 1.2em 0 0 1.2em; }
  1367. .chutier-icon .popup .inner p {
  1368. margin: 0; }
  1369. .chutier-icon:hover .popup {
  1370. display: block; }
  1371. .row .col .studio-ui-wrapper {
  1372. height: 100%; }
  1373. #studio-ui {
  1374. height: 100%; }
  1375. #studio-ui .chutier_ui {
  1376. height: 50%;
  1377. border-bottom: 1px solid red;
  1378. position: relative; }
  1379. #studio-ui .chutier_ui > h2 {
  1380. z-index: 10;
  1381. position: absolute;
  1382. width: calc(100% - 20px);
  1383. margin: 0;
  1384. padding: 0.5em 0;
  1385. font-size: 1em;
  1386. font-weight: 500;
  1387. text-transform: uppercase;
  1388. background-color: white; }
  1389. #studio-ui .chutier_ui .documents {
  1390. padding-top: 35px;
  1391. height: calc(100% - 35px);
  1392. overflow-y: auto; }
  1393. #studio-ui .chutier_ui .documents ul, #studio-ui .chutier_ui .documents li {
  1394. margin: 0;
  1395. padding: 0;
  1396. line-height: 1.2; }
  1397. #studio-ui .chutier_ui .documents li {
  1398. display: inline-block;
  1399. vertical-align: top;
  1400. width: 49%;
  1401. margin-bottom: 0.5em;
  1402. white-space: nowrap; }
  1403. #studio-ui .chutier_ui .documents li .entrees {
  1404. line-height: 0; }
  1405. #studio-ui .chutier_ui .documents li .entrees span {
  1406. display: inline-block;
  1407. width: 8px;
  1408. height: 8px;
  1409. background-color: black;
  1410. margin-right: 3px; }
  1411. #studio-ui .chutier_ui .documents li .entrees span[tid='134'] {
  1412. background-color: var(--e-col-134); }
  1413. #studio-ui .chutier_ui .documents li .entrees span[tid='121'] {
  1414. background-color: var(--e-col-121); }
  1415. #studio-ui .chutier_ui .documents li .entrees span[tid='125'] {
  1416. background-color: var(--e-col-125); }
  1417. #studio-ui .chutier_ui .documents li .entrees span[tid='119'] {
  1418. background-color: var(--e-col-119); }
  1419. #studio-ui .chutier_ui .documents li .entrees span[tid='132'] {
  1420. background-color: var(--e-col-132); }
  1421. #studio-ui .chutier_ui .documents li .entrees span[tid='122'] {
  1422. background-color: var(--e-col-122); }
  1423. #studio-ui .chutier_ui .documents li .entrees span[tid='129'] {
  1424. background-color: var(--e-col-129); }
  1425. #studio-ui .chutier_ui .documents li .entrees span[tid='120'] {
  1426. background-color: var(--e-col-120); }
  1427. #studio-ui .chutier_ui .documents li .entrees span[tid='130'] {
  1428. background-color: var(--e-col-130); }
  1429. #studio-ui .chutier_ui .documents li .entrees span[tid='118'] {
  1430. background-color: var(--e-col-118); }
  1431. #studio-ui .chutier_ui .documents li .entrees span[tid='127'] {
  1432. background-color: var(--e-col-127); }
  1433. #studio-ui .chutier_ui .documents li .entrees span[tid='133'] {
  1434. background-color: var(--e-col-133); }
  1435. #studio-ui .chutier_ui .documents li .entrees span[tid='128'] {
  1436. background-color: var(--e-col-128); }
  1437. #studio-ui .chutier_ui .documents li .entrees span[tid='124'] {
  1438. background-color: var(--e-col-124); }
  1439. #studio-ui .chutier_ui .documents li .entrees span[tid='116'] {
  1440. background-color: var(--e-col-116); }
  1441. #studio-ui .chutier_ui .documents li .entrees span[tid='117'] {
  1442. background-color: var(--e-col-117); }
  1443. #studio-ui .chutier_ui .documents li .entrees span[tid='131'] {
  1444. background-color: var(--e-col-131); }
  1445. #studio-ui .chutier_ui .documents li .entrees span[tid='126'] {
  1446. background-color: var(--e-col-126); }
  1447. #studio-ui .chutier_ui .documents li .entrees span[tid='123'] {
  1448. background-color: var(--e-col-123); }
  1449. #studio-ui .chutier_ui .documents li a.audio-link {
  1450. text-transform: capitalize;
  1451. font-size: 0.756em;
  1452. margin-right: 0.5em;
  1453. white-space: normal; }
  1454. #studio-ui .chutier_ui .documents li .chutier-icon {
  1455. display: inline-block;
  1456. width: 0.7em;
  1457. height: 0.7em;
  1458. opacity: 0.8; }
  1459. #studio-ui .composition_ui {
  1460. height: 50%; }
  1461. #studio-ui .composition_ui > h2 {
  1462. z-index: 10;
  1463. position: absolute;
  1464. width: calc(100% - 20px);
  1465. margin: 0;
  1466. padding: 0.5em 0;
  1467. font-size: 1em;
  1468. font-weight: 500;
  1469. text-transform: uppercase;
  1470. background-color: white; }
  1471. #studio-ui .composition_ui > .wrapper {
  1472. padding-top: 35px;
  1473. height: calc(100% - 35px);
  1474. overflow: hidden;
  1475. white-space: nowrap; }
  1476. #studio-ui .composition_ui > .wrapper section.compositions-list, #studio-ui .composition_ui > .wrapper section.composer {
  1477. display: inline-block;
  1478. vertical-align: top;
  1479. height: 100%; }
  1480. #studio-ui .composition_ui > .wrapper .compositions-list {
  1481. width: 30%;
  1482. height: 100%;
  1483. overflow-y: auto; }
  1484. #studio-ui .composition_ui > .wrapper .compositions-list a {
  1485. font-size: 0.756em; }
  1486. #studio-ui .composition_ui > .wrapper .compositions-list a.new-composition-link {
  1487. display: inline-block;
  1488. vertical-align: top;
  1489. overflow: hidden;
  1490. height: 1em;
  1491. -webkit-transition: height 0.2s ease-in-out;
  1492. transition: height 0.2s ease-in-out; }
  1493. #studio-ui .composition_ui > .wrapper .compositions-list a.new-composition-link:before {
  1494. content: "+";
  1495. font-weight: bold;
  1496. margin-right: 0.2em; }
  1497. #studio-ui .composition_ui > .wrapper .compositions-list a.new-composition-link.folded {
  1498. height: 0; }
  1499. #studio-ui .composition_ui > .wrapper .compositions-list .new-compo-form {
  1500. opacity: 1;
  1501. -webkit-transition: opacity 0.2s ease-in-out;
  1502. transition: opacity 0.2s ease-in-out; }
  1503. #studio-ui .composition_ui > .wrapper .compositions-list .new-compo-form input[type="text"] {
  1504. font-size: 0.756em;
  1505. padding: 0 0.5em;
  1506. width: calc(100% - 50px);
  1507. height: 1.7em;
  1508. border: none;
  1509. border-top: 1px dotted red;
  1510. border-bottom: 1px dotted red; }
  1511. #studio-ui .composition_ui > .wrapper .compositions-list .new-compo-form button {
  1512. background: none;
  1513. border: none;
  1514. font-size: 1em;
  1515. line-height: 1;
  1516. font-weight: bold; }
  1517. #studio-ui .composition_ui > .wrapper .compositions-list .new-compo-form.ajax-loading {
  1518. opacity: 0.4; }
  1519. #studio-ui .composition_ui > .wrapper .composer {
  1520. -webkit-box-sizing: content-box;
  1521. box-sizing: content-box;
  1522. width: 69%;
  1523. padding-left: 1em;
  1524. border-left: 1px solid #aaa; }
  1525. body.path-agenda main .col > .wrapper {
  1526. height: 100%; }
  1527. #agenda {
  1528. position: relative;
  1529. white-space: nowrap;
  1530. height: 100%; }
  1531. #agenda div.column {
  1532. white-space: normal;
  1533. display: inline-block;
  1534. vertical-align: top;
  1535. height: 100%; }
  1536. #agenda div.next-event {
  1537. width: 65%; }
  1538. #agenda div.future-past-events {
  1539. width: 33%; }
  1540. #agenda ul, #agenda li {
  1541. margin: 0;
  1542. padding: 0;
  1543. list-style: none; }
  1544. #agenda article.node--type-evenement h2 {
  1545. font-size: 0.9em;
  1546. font-weight: normal;
  1547. text-transform: uppercase; }
  1548. body.path-productions .layout-content .row {
  1549. white-space: normal; }
  1550. body.path-productions .layout-content .row .col {
  1551. height: auto; }
  1552. body.path-productions .layout-content .row .col.col-2:last-child {
  1553. padding-left: 0em;
  1554. padding-right: 1em; }
  1555. body.path-productions .layout-content .row .col > .wrapper {
  1556. margin-bottom: 1em;
  1557. padding: 0; }
  1558. body.path-productions .layout-content .row .col > .wrapper > * {
  1559. padding: 0; }
  1560. body.path-productions .layout-content .row .col > .wrapper article.node .field--name-field-visuel a, body.path-productions .layout-content .row .col > .wrapper article.node .field--name-field-visuel img {
  1561. display: block;
  1562. width: 100%;
  1563. height: auto; }
  1564. body.path-productions .layout-content .row .col > .wrapper article.node header {
  1565. background-color: rgba(255, 255, 255, 0.95);
  1566. padding: 0.5em 1em; }
  1567. body.path-productions .layout-content .row .col > .wrapper article.node header h2.node-title {
  1568. margin: 0; }
  1569. body.path-productions .layout-content .row .col > .wrapper article.node header p {
  1570. margin: 0; }
  1571. body.path-productions .layout-content .row .col > .wrapper article.node.node--view-mode-image-2-columns header {
  1572. position: absolute;
  1573. bottom: 0;
  1574. left: 0; }
  1575. body.path-productions .layout-content .row .col > .wrapper article.node.node--view-mode-image-2-columns header h2.node-title {
  1576. font-size: 1.6em;
  1577. font-weight: 500; }
  1578. body.path-productions .layout-content .row .col > .wrapper article.node.node--view-mode-image-1-columns h2.node-title {
  1579. font-size: 1.2em;
  1580. font-weight: 500; }
  1581. body.path-productions .layout-content .row .col > .wrapper article.node.node--view-mode-text-1-column {
  1582. padding: 0 1em; }
  1583. footer {
  1584. position: relative;
  1585. pointer-events: none; }
  1586. footer > .wrapper {
  1587. white-space: nowrap; }
  1588. footer > .wrapper > .region {
  1589. display: inline-block;
  1590. vertical-align: baseline;
  1591. white-space: normal; }
  1592. footer > .wrapper > .region > * {
  1593. display: inline-block;
  1594. vertical-align: bottom; }
  1595. footer > .wrapper .region-footer-left {
  1596. width: 12%;
  1597. text-align: left; }
  1598. footer > .wrapper .region-footer-center {
  1599. width: 72%;
  1600. overflow: hidden;
  1601. text-align: center; }
  1602. footer > .wrapper .region-footer-right {
  1603. width: 12%;
  1604. text-align: right; }
  1605. footer nav.block-menu {
  1606. display: inline-block; }
  1607. footer nav.block-menu ul {
  1608. margin: 0;
  1609. padding: 0; }
  1610. footer nav.block-menu ul li {
  1611. pointer-events: all;
  1612. display: inline-block;
  1613. position: relative;
  1614. list-style: none;
  1615. margin: 0 1.5em 0 0;
  1616. padding: 0; }
  1617. footer nav.block-menu ul li a {
  1618. position: absolute;
  1619. bottom: 0;
  1620. -webkit-transform-origin: left bottom;
  1621. transform-origin: left bottom;
  1622. -webkit-transform: rotateZ(-45deg);
  1623. transform: rotateZ(-45deg);
  1624. color: #000;
  1625. text-decoration: none;
  1626. text-transform: uppercase;
  1627. font-size: 0.756em;
  1628. white-space: nowrap; }
  1629. footer nav.block-menu ul li:first-of-type {
  1630. margin-left: 1em; }
  1631. footer nav.block-menu ul li a:before {
  1632. content: "";
  1633. display: inline-block;
  1634. width: 7px;
  1635. height: 7px;
  1636. border: 1px solid black;
  1637. margin-right: 0.5em; }
  1638. footer nav.block-menu ul li a:hover:before, footer nav.block-menu ul li a.is-active:before {
  1639. background-color: black; }
  1640. footer nav.block-menu ul li a.ajax-loading:before {
  1641. -webkit-animation: rotation 2s infinite linear;
  1642. animation: rotation 2s infinite linear; }
  1643. @keyframes rotation {
  1644. from {
  1645. -webkit-transform: rotate(0deg);
  1646. transform: rotate(0deg); }
  1647. to {
  1648. -webkit-transform: rotate(359deg);
  1649. transform: rotate(359deg); } }
  1650. footer .block-language {
  1651. display: inline-block;
  1652. position: relative; }
  1653. footer .block-language ul {
  1654. position: absolute;
  1655. bottom: 0;
  1656. margin: 0;
  1657. padding: 0;
  1658. -webkit-transform-origin: left bottom;
  1659. transform-origin: left bottom;
  1660. -webkit-transform: rotateZ(-45deg);
  1661. transform: rotateZ(-45deg);
  1662. white-space: nowrap;
  1663. pointer-events: all; }
  1664. footer .block-language ul li {
  1665. margin: 0;
  1666. padding: 0;
  1667. list-style: none;
  1668. display: inline-block; }
  1669. footer .block-language ul li:last-of-type:before {
  1670. content: "/";
  1671. margin: 0 0.2em; }
  1672. footer .block-language ul li a {
  1673. color: inherit;
  1674. text-decoration: none;
  1675. font-size: 0.756em; }
  1676. footer .block-language ul li.is-active a {
  1677. color: red; }
  1678. footer #block-productions {
  1679. position: relative;
  1680. pointer-events: none; }
  1681. body:not(.path-productions) footer #block-productions {
  1682. display: none; }
  1683. footer #block-productions ul {
  1684. margin-left: -3em;
  1685. white-space: nowrap; }
  1686. footer #block-productions ul li {
  1687. height: 200px; }
  1688. footer #block-productions ul li a {
  1689. pointer-events: all;
  1690. background-color: #fff;
  1691. padding-right: 0.4em; }
  1692. footer #block-productions ul li a:before {
  1693. content: "";
  1694. display: inline-block;
  1695. width: 7px;
  1696. height: 7px;
  1697. border: 1px solid red;
  1698. margin-right: 0.5em; }
  1699. footer #block-productions ul li a:hover:before {
  1700. background-color: red; }
  1701. footer #block-productions ul li a.ajax-loading:before {
  1702. -webkit-animation: rotation 2s infinite linear;
  1703. animation: rotation 2s infinite linear; }
  1704. @keyframes rotation {
  1705. from {
  1706. -webkit-transform: rotate(0deg);
  1707. transform: rotate(0deg); }
  1708. to {
  1709. -webkit-transform: rotate(359deg);
  1710. transform: rotate(359deg); } }
  1711. footer .block-block-edlp-entrees {
  1712. pointer-events: none;
  1713. display: inline-block; }
  1714. body.path-productions footer .block-block-edlp-entrees,
  1715. body.path-agenda footer .block-block-edlp-entrees {
  1716. display: none; }
  1717. footer .block-block-edlp-entrees ul {
  1718. margin: 0;
  1719. white-space: nowrap; }
  1720. footer .block-block-edlp-entrees ul li {
  1721. display: inline-block;
  1722. position: relative;
  1723. list-style: none;
  1724. margin: 0 1.5em 0 0;
  1725. padding: 0;
  1726. margin: 0;
  1727. white-space: nowrap;
  1728. pointer-events: none; }
  1729. footer .block-block-edlp-entrees ul li a {
  1730. position: absolute;
  1731. bottom: 0;
  1732. -webkit-transform-origin: left bottom;
  1733. transform-origin: left bottom;
  1734. -webkit-transform: rotateZ(-45deg);
  1735. transform: rotateZ(-45deg);
  1736. color: #000;
  1737. text-decoration: none;
  1738. text-transform: uppercase;
  1739. font-size: 0.756em;
  1740. white-space: nowrap; }
  1741. footer .block-block-edlp-entrees ul li span.oblique-wrapper {
  1742. height: 120px;
  1743. display: inline-block;
  1744. vertical-align: bottom;
  1745. position: relative;
  1746. width: 1.5em; }
  1747. footer .block-block-edlp-entrees ul li a.term-link, footer .block-block-edlp-entrees ul li a.articles-link {
  1748. pointer-events: all;
  1749. background-color: #fff;
  1750. padding-right: 0.4em; }
  1751. footer .block-block-edlp-entrees ul li a.term-link:before, footer .block-block-edlp-entrees ul li a.articles-link:before {
  1752. content: "";
  1753. display: inline-block;
  1754. width: 7px;
  1755. height: 7px;
  1756. border: 1px solid #000;
  1757. background-color: #000;
  1758. margin-right: 0.5em;
  1759. -webkit-transition: background-color 0.1s ease-in-out;
  1760. transition: background-color 0.1s ease-in-out; }
  1761. footer .block-block-edlp-entrees ul li a.term-link.articles-link, footer .block-block-edlp-entrees ul li a.articles-link.articles-link {
  1762. margin-left: 2em;
  1763. text-transform: capitalize; }
  1764. footer .block-block-edlp-entrees ul li .entree-content {
  1765. display: inline-block;
  1766. width: 0;
  1767. overflow: hidden;
  1768. opacity: 0;
  1769. -webkit-transition: all 300ms ease-in-out;
  1770. transition: all 300ms ease-in-out;
  1771. -webkit-transition-property: width,opacity;
  1772. transition-property: width,opacity; }
  1773. footer .block-block-edlp-entrees ul li .entree-content span.oblique-wrapper:first-of-type {
  1774. margin-left: 0.5em; }
  1775. footer .block-block-edlp-entrees ul li .entree-content span.oblique-wrapper a {
  1776. text-transform: none;
  1777. pointer-events: auto; }
  1778. footer .block-block-edlp-entrees ul li .entree-content span.oblique-wrapper a:before {
  1779. content: "";
  1780. display: inline-block;
  1781. width: 5px;
  1782. height: 5px;
  1783. border: 1px solid #000;
  1784. margin-right: 0.5em; }
  1785. footer .block-block-edlp-entrees ul li .entree-content .term-description {
  1786. display: inline-block;
  1787. margin-left: 1.5em;
  1788. text-align: left;
  1789. width: 250px;
  1790. word-wrap: break-word;
  1791. -webkit-hyphens: auto;
  1792. -ms-hyphens: auto;
  1793. hyphens: auto;
  1794. white-space: normal;
  1795. background-color: rgba(255, 255, 255, 0.95);
  1796. padding: 0.5em;
  1797. padding-bottom: 0; }
  1798. footer .block-block-edlp-entrees ul li .entree-content .term-description p {
  1799. font-size: 0.65em;
  1800. margin: 0; }
  1801. footer .block-block-edlp-entrees ul li[tid='134'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='134'] .entree-content span.oblique-wrapper a:before {
  1802. border-color: var(--e-col-134);
  1803. background-color: var(--e-col-134); }
  1804. footer .block-block-edlp-entrees ul li[tid='121'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='121'] .entree-content span.oblique-wrapper a:before {
  1805. border-color: var(--e-col-121);
  1806. background-color: var(--e-col-121); }
  1807. footer .block-block-edlp-entrees ul li[tid='125'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='125'] .entree-content span.oblique-wrapper a:before {
  1808. border-color: var(--e-col-125);
  1809. background-color: var(--e-col-125); }
  1810. footer .block-block-edlp-entrees ul li[tid='119'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='119'] .entree-content span.oblique-wrapper a:before {
  1811. border-color: var(--e-col-119);
  1812. background-color: var(--e-col-119); }
  1813. footer .block-block-edlp-entrees ul li[tid='132'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='132'] .entree-content span.oblique-wrapper a:before {
  1814. border-color: var(--e-col-132);
  1815. background-color: var(--e-col-132); }
  1816. footer .block-block-edlp-entrees ul li[tid='122'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='122'] .entree-content span.oblique-wrapper a:before {
  1817. border-color: var(--e-col-122);
  1818. background-color: var(--e-col-122); }
  1819. footer .block-block-edlp-entrees ul li[tid='129'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='129'] .entree-content span.oblique-wrapper a:before {
  1820. border-color: var(--e-col-129);
  1821. background-color: var(--e-col-129); }
  1822. footer .block-block-edlp-entrees ul li[tid='120'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='120'] .entree-content span.oblique-wrapper a:before {
  1823. border-color: var(--e-col-120);
  1824. background-color: var(--e-col-120); }
  1825. footer .block-block-edlp-entrees ul li[tid='130'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='130'] .entree-content span.oblique-wrapper a:before {
  1826. border-color: var(--e-col-130);
  1827. background-color: var(--e-col-130); }
  1828. footer .block-block-edlp-entrees ul li[tid='118'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='118'] .entree-content span.oblique-wrapper a:before {
  1829. border-color: var(--e-col-118);
  1830. background-color: var(--e-col-118); }
  1831. footer .block-block-edlp-entrees ul li[tid='127'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='127'] .entree-content span.oblique-wrapper a:before {
  1832. border-color: var(--e-col-127);
  1833. background-color: var(--e-col-127); }
  1834. footer .block-block-edlp-entrees ul li[tid='133'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='133'] .entree-content span.oblique-wrapper a:before {
  1835. border-color: var(--e-col-133);
  1836. background-color: var(--e-col-133); }
  1837. footer .block-block-edlp-entrees ul li[tid='128'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='128'] .entree-content span.oblique-wrapper a:before {
  1838. border-color: var(--e-col-128);
  1839. background-color: var(--e-col-128); }
  1840. footer .block-block-edlp-entrees ul li[tid='124'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='124'] .entree-content span.oblique-wrapper a:before {
  1841. border-color: var(--e-col-124);
  1842. background-color: var(--e-col-124); }
  1843. footer .block-block-edlp-entrees ul li[tid='116'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='116'] .entree-content span.oblique-wrapper a:before {
  1844. border-color: var(--e-col-116);
  1845. background-color: var(--e-col-116); }
  1846. footer .block-block-edlp-entrees ul li[tid='117'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='117'] .entree-content span.oblique-wrapper a:before {
  1847. border-color: var(--e-col-117);
  1848. background-color: var(--e-col-117); }
  1849. footer .block-block-edlp-entrees ul li[tid='131'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='131'] .entree-content span.oblique-wrapper a:before {
  1850. border-color: var(--e-col-131);
  1851. background-color: var(--e-col-131); }
  1852. footer .block-block-edlp-entrees ul li[tid='126'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='126'] .entree-content span.oblique-wrapper a:before {
  1853. border-color: var(--e-col-126);
  1854. background-color: var(--e-col-126); }
  1855. footer .block-block-edlp-entrees ul li[tid='123'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='123'] .entree-content span.oblique-wrapper a:before {
  1856. border-color: var(--e-col-123);
  1857. background-color: var(--e-col-123); }
  1858. footer .block-block-edlp-entrees ul li .entree-content span.oblique-wrapper a:not(:hover):not(.is-active):before {
  1859. background-color: #fff !important; }
  1860. footer .block-block-edlp-entrees ul li a.articles-link:not(:hover):not(.is-active):before {
  1861. background-color: #fff !important; }
  1862. footer .block-block-edlp-entrees ul li:not(.opened) a.term-link:not(:hover):not(.highlighted):before {
  1863. background-color: #fff !important; }
  1864. footer .block-block-edlp-entrees ul li.opened a.term-link:after {
  1865. content: '';
  1866. position: absolute;
  1867. left: 15px;
  1868. right: 0;
  1869. bottom: -3px;
  1870. border-bottom: 1px solid grey; }
  1871. footer .block-block-edlp-entrees ul li.opened .entree-content {
  1872. width: 350px;
  1873. opacity: 1; }
  1874. footer #block-studiolinkblock {
  1875. pointer-events: all; }
  1876. footer #block-studiolinkblock a {
  1877. display: block;
  1878. width: 20px;
  1879. height: 20px;
  1880. background-image: url(../img/studio.svg);
  1881. background-size: contain;
  1882. text-indent: 40px;
  1883. margin: 0;
  1884. overflow: hidden; }
  1885. footer #block-userlogin {
  1886. pointer-events: all;
  1887. position: relative;
  1888. width: 20px;
  1889. height: 20px; }
  1890. footer #block-userlogin h2 {
  1891. position: relative;
  1892. width: 20px;
  1893. height: 20px;
  1894. background-image: url(../img/studio.svg);
  1895. background-size: contain;
  1896. text-indent: 40px;
  1897. margin: 0;
  1898. overflow: hidden;
  1899. z-index: 1;
  1900. cursor: pointer; }
  1901. footer #block-userlogin .block-content {
  1902. z-index: 0;
  1903. position: absolute;
  1904. right: 0;
  1905. bottom: 20px;
  1906. padding: 0.5em;
  1907. padding-bottom: 20px;
  1908. background-color: rgba(255, 255, 255, 0.95);
  1909. border-top: 1px solid red;
  1910. border-bottom: 1px solid red;
  1911. overflow: hidden;
  1912. -webkit-box-sizing: border-box;
  1913. box-sizing: border-box;
  1914. height: 0px;
  1915. opacity: 0;
  1916. pointer-events: none;
  1917. -webkit-transition: all 0.5s ease-in-out;
  1918. transition: all 0.5s ease-in-out;
  1919. -webkit-transition-property: height,opacity;
  1920. transition-property: height,opacity; }
  1921. footer #block-userlogin .block-content form {
  1922. font-size: 0.75em; }
  1923. footer #block-userlogin .block-content .item-list ul {
  1924. margin: 0; }
  1925. footer #block-userlogin .block-content .item-list li {
  1926. margin: 0;
  1927. list-style: none; }
  1928. footer #block-userlogin .block-content .item-list li a {
  1929. color: inherit;
  1930. text-decoration: none;
  1931. font-size: 0.75em;
  1932. white-space: nowrap; }
  1933. footer #block-userlogin:hover .block-content {
  1934. height: 200px;
  1935. opacity: 1;
  1936. pointer-events: auto; }
  1937. .node-popup .inner {
  1938. position: relative; }
  1939. .node-popup .inner .entrees span {
  1940. display: inline-block;
  1941. width: 8px;
  1942. height: 8px;
  1943. background-color: black;
  1944. margin-right: 3px; }
  1945. .node-popup .inner .entrees span[tid='134'] {
  1946. background-color: var(--e-col-134); }
  1947. .node-popup .inner .entrees span[tid='121'] {
  1948. background-color: var(--e-col-121); }
  1949. .node-popup .inner .entrees span[tid='125'] {
  1950. background-color: var(--e-col-125); }
  1951. .node-popup .inner .entrees span[tid='119'] {
  1952. background-color: var(--e-col-119); }
  1953. .node-popup .inner .entrees span[tid='132'] {
  1954. background-color: var(--e-col-132); }
  1955. .node-popup .inner .entrees span[tid='122'] {
  1956. background-color: var(--e-col-122); }
  1957. .node-popup .inner .entrees span[tid='129'] {
  1958. background-color: var(--e-col-129); }
  1959. .node-popup .inner .entrees span[tid='120'] {
  1960. background-color: var(--e-col-120); }
  1961. .node-popup .inner .entrees span[tid='130'] {
  1962. background-color: var(--e-col-130); }
  1963. .node-popup .inner .entrees span[tid='118'] {
  1964. background-color: var(--e-col-118); }
  1965. .node-popup .inner .entrees span[tid='127'] {
  1966. background-color: var(--e-col-127); }
  1967. .node-popup .inner .entrees span[tid='133'] {
  1968. background-color: var(--e-col-133); }
  1969. .node-popup .inner .entrees span[tid='128'] {
  1970. background-color: var(--e-col-128); }
  1971. .node-popup .inner .entrees span[tid='124'] {
  1972. background-color: var(--e-col-124); }
  1973. .node-popup .inner .entrees span[tid='116'] {
  1974. background-color: var(--e-col-116); }
  1975. .node-popup .inner .entrees span[tid='117'] {
  1976. background-color: var(--e-col-117); }
  1977. .node-popup .inner .entrees span[tid='131'] {
  1978. background-color: var(--e-col-131); }
  1979. .node-popup .inner .entrees span[tid='126'] {
  1980. background-color: var(--e-col-126); }
  1981. .node-popup .inner .entrees span[tid='123'] {
  1982. background-color: var(--e-col-123); }
  1983. .node-popup .inner .title {
  1984. margin: 0.3em 0;
  1985. font-size: 1.2em;
  1986. font-weight: 500; }
  1987. .node-popup .inner .description p {
  1988. margin: 0;
  1989. font-size: 0.75em; }
  1990. .node-popup .inner .chutier-icon {
  1991. position: absolute;
  1992. top: 1em;
  1993. right: 1em; }
  1994. .url-to-video-container {
  1995. margin: 10px auto; }
  1996. .url-to-video-container.no-js {
  1997. border: solid black 1px; }
  1998. .url-to-video-container.no-js .url-to-video-player {
  1999. cursor: auto; }
  2000. .url-to-video-container .loader {
  2001. top: auto;
  2002. left: auto;
  2003. -webkit-transform: none;
  2004. transform: none; }
  2005. .url-to-video-container span.url-to-video-player {
  2006. /* assuming that the video has a 16:9 ratio */
  2007. padding-bottom: 0;
  2008. height: auto; }
  2009. .url-to-video-container span.url-to-video-player:before {
  2010. content: "";
  2011. display: block;
  2012. /* assuming that the video has a 16:9 ratio */
  2013. padding-top: 56.25%; }
  2014. .url-to-video-container span.url-to-video-player .play-button {
  2015. z-index: 5;
  2016. top: 50%; }