main.css 46 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672
  1. .overlay[data-v-b98ce164] {
  2. background-color: rgba(0, 0, 0, 0.8);
  3. position: fixed;
  4. top: 0;
  5. right: 0;
  6. bottom: 0;
  7. left: 0;
  8. z-index: 99999;
  9. }
  10. .modal[data-v-b98ce164] {
  11. background-color: #fff;
  12. position: absolute;
  13. box-sizing: border;
  14. max-width: 80vw;
  15. max-height: 70vh;
  16. top: 0;
  17. right: 0;
  18. bottom: 0;
  19. left: 0;
  20. margin: auto;
  21. padding: 1em;
  22. border-radius: 3px;
  23. box-shadow: 2px 2px;
  24. }
  25. .form-item[data-v-7bb795f8],
  26. .form-actions[data-v-7bb795f8] {
  27. display: inline-block;
  28. max-width: 32%;
  29. margin: 0;
  30. }
  31. input[data-v-7bb795f8] {
  32. box-sizing: border-box;
  33. max-width: 100%;
  34. }
  35. div.description[data-v-7bb795f8] {
  36. display: none;
  37. }
  38. .form-item-persistent-login[data-v-7bb795f8] {
  39. display: none;
  40. }
  41. .form-type-email[data-v-2acc57a0],
  42. .form-type-password-confirm[data-v-2acc57a0] {
  43. max-width: 30%;
  44. margin: 0;
  45. }
  46. input[data-v-2acc57a0] {
  47. box-sizing: content-box;
  48. max-width: 100%;
  49. }
  50. label[data-v-2acc57a0],
  51. div.description[data-v-2acc57a0] {
  52. display: none;
  53. }
  54. fieldset[data-v-340aa566] {
  55. padding: 0;
  56. margin: 0;
  57. border: none;
  58. }
  59. li input[data-v-0e1971fa] {
  60. border: none;
  61. }
  62. li span.mdi-plus-box[data-v-0e1971fa] {
  63. cursor: pointer;
  64. }
  65. #user-tools[data-v-4e9a834e]{
  66. margin-right:0.5em;
  67. /* padding-right:0.5em; */
  68. /* border-right:1px solid #222; */
  69. }
  70. h4[data-v-4e9a834e]{
  71. margin:0;
  72. display:inline-block;
  73. font-size:inherited;
  74. }
  75. body {
  76. background: white; }
  77. a {
  78. color: inherit;
  79. text-decoration: none; }
  80. a, a:focus, a:active {
  81. outline: none; }
  82. a:focus {
  83. -moz-outline-style: none; }
  84. ul {
  85. margin: 0;
  86. padding: 0; }
  87. ul li {
  88. margin: 0;
  89. padding: 0;
  90. list-style: none; }
  91. h1, h2, h3, h4, h5, h6 {
  92. margin: 0; }
  93. p a {
  94. position: relative; }
  95. p a:after {
  96. content: '';
  97. position: absolute;
  98. top: 1em;
  99. left: 0;
  100. width: 100%;
  101. border-bottom: 1px dotted #000; }
  102. .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 {
  103. width: 100%;
  104. float: left;
  105. box-sizing: border-box; }
  106. .row {
  107. position: relative; }
  108. .row:after {
  109. content: "";
  110. clear: both;
  111. display: block; }
  112. .col-1 {
  113. padding-left: 0em;
  114. padding-right: 1em;
  115. margin-left: 0%;
  116. width: 8.33333%; }
  117. .col-1:last-child {
  118. padding-right: 0; }
  119. @media only screen and (max-width: 768px) {
  120. .small-col-1 {
  121. padding-left: 0em;
  122. padding-right: 1em;
  123. margin-left: 0%;
  124. width: 8.33333%; }
  125. .small-col-1:last-child {
  126. padding-right: 0; } }
  127. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  128. .med-col-1 {
  129. padding-left: 0em;
  130. padding-right: 1em;
  131. margin-left: 0%;
  132. width: 8.33333%; }
  133. .med-col-1:last-child {
  134. padding-right: 0; } }
  135. @media only screen and (min-width: 1081px) {
  136. .large-col-1 {
  137. padding-left: 0em;
  138. padding-right: 1em;
  139. margin-left: 0%;
  140. width: 8.33333%; }
  141. .large-col-1:last-child {
  142. padding-right: 0; } }
  143. .col-2 {
  144. padding-left: 0em;
  145. padding-right: 1em;
  146. margin-left: 0%;
  147. width: 16.66667%; }
  148. .col-2:last-child {
  149. padding-right: 0; }
  150. @media only screen and (max-width: 768px) {
  151. .small-col-2 {
  152. padding-left: 0em;
  153. padding-right: 1em;
  154. margin-left: 0%;
  155. width: 16.66667%; }
  156. .small-col-2:last-child {
  157. padding-right: 0; } }
  158. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  159. .med-col-2 {
  160. padding-left: 0em;
  161. padding-right: 1em;
  162. margin-left: 0%;
  163. width: 16.66667%; }
  164. .med-col-2:last-child {
  165. padding-right: 0; } }
  166. @media only screen and (min-width: 1081px) {
  167. .large-col-2 {
  168. padding-left: 0em;
  169. padding-right: 1em;
  170. margin-left: 0%;
  171. width: 16.66667%; }
  172. .large-col-2:last-child {
  173. padding-right: 0; } }
  174. .col-3 {
  175. padding-left: 0em;
  176. padding-right: 1em;
  177. margin-left: 0%;
  178. width: 25%; }
  179. .col-3:last-child {
  180. padding-right: 0; }
  181. @media only screen and (max-width: 768px) {
  182. .small-col-3 {
  183. padding-left: 0em;
  184. padding-right: 1em;
  185. margin-left: 0%;
  186. width: 25%; }
  187. .small-col-3:last-child {
  188. padding-right: 0; } }
  189. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  190. .med-col-3 {
  191. padding-left: 0em;
  192. padding-right: 1em;
  193. margin-left: 0%;
  194. width: 25%; }
  195. .med-col-3:last-child {
  196. padding-right: 0; } }
  197. @media only screen and (min-width: 1081px) {
  198. .large-col-3 {
  199. padding-left: 0em;
  200. padding-right: 1em;
  201. margin-left: 0%;
  202. width: 25%; }
  203. .large-col-3:last-child {
  204. padding-right: 0; } }
  205. .col-4 {
  206. padding-left: 0em;
  207. padding-right: 1em;
  208. margin-left: 0%;
  209. width: 33.33333%; }
  210. .col-4:last-child {
  211. padding-right: 0; }
  212. @media only screen and (max-width: 768px) {
  213. .small-col-4 {
  214. padding-left: 0em;
  215. padding-right: 1em;
  216. margin-left: 0%;
  217. width: 33.33333%; }
  218. .small-col-4:last-child {
  219. padding-right: 0; } }
  220. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  221. .med-col-4 {
  222. padding-left: 0em;
  223. padding-right: 1em;
  224. margin-left: 0%;
  225. width: 33.33333%; }
  226. .med-col-4:last-child {
  227. padding-right: 0; } }
  228. @media only screen and (min-width: 1081px) {
  229. .large-col-4 {
  230. padding-left: 0em;
  231. padding-right: 1em;
  232. margin-left: 0%;
  233. width: 33.33333%; }
  234. .large-col-4:last-child {
  235. padding-right: 0; } }
  236. .col-5 {
  237. padding-left: 0em;
  238. padding-right: 1em;
  239. margin-left: 0%;
  240. width: 41.66667%; }
  241. .col-5:last-child {
  242. padding-right: 0; }
  243. @media only screen and (max-width: 768px) {
  244. .small-col-5 {
  245. padding-left: 0em;
  246. padding-right: 1em;
  247. margin-left: 0%;
  248. width: 41.66667%; }
  249. .small-col-5:last-child {
  250. padding-right: 0; } }
  251. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  252. .med-col-5 {
  253. padding-left: 0em;
  254. padding-right: 1em;
  255. margin-left: 0%;
  256. width: 41.66667%; }
  257. .med-col-5:last-child {
  258. padding-right: 0; } }
  259. @media only screen and (min-width: 1081px) {
  260. .large-col-5 {
  261. padding-left: 0em;
  262. padding-right: 1em;
  263. margin-left: 0%;
  264. width: 41.66667%; }
  265. .large-col-5:last-child {
  266. padding-right: 0; } }
  267. .col-6 {
  268. padding-left: 0em;
  269. padding-right: 1em;
  270. margin-left: 0%;
  271. width: 50%; }
  272. .col-6:last-child {
  273. padding-right: 0; }
  274. @media only screen and (max-width: 768px) {
  275. .small-col-6 {
  276. padding-left: 0em;
  277. padding-right: 1em;
  278. margin-left: 0%;
  279. width: 50%; }
  280. .small-col-6:last-child {
  281. padding-right: 0; } }
  282. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  283. .med-col-6 {
  284. padding-left: 0em;
  285. padding-right: 1em;
  286. margin-left: 0%;
  287. width: 50%; }
  288. .med-col-6:last-child {
  289. padding-right: 0; } }
  290. @media only screen and (min-width: 1081px) {
  291. .large-col-6 {
  292. padding-left: 0em;
  293. padding-right: 1em;
  294. margin-left: 0%;
  295. width: 50%; }
  296. .large-col-6:last-child {
  297. padding-right: 0; } }
  298. .col-7 {
  299. padding-left: 0em;
  300. padding-right: 1em;
  301. margin-left: 0%;
  302. width: 58.33333%; }
  303. .col-7:last-child {
  304. padding-right: 0; }
  305. @media only screen and (max-width: 768px) {
  306. .small-col-7 {
  307. padding-left: 0em;
  308. padding-right: 1em;
  309. margin-left: 0%;
  310. width: 58.33333%; }
  311. .small-col-7:last-child {
  312. padding-right: 0; } }
  313. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  314. .med-col-7 {
  315. padding-left: 0em;
  316. padding-right: 1em;
  317. margin-left: 0%;
  318. width: 58.33333%; }
  319. .med-col-7:last-child {
  320. padding-right: 0; } }
  321. @media only screen and (min-width: 1081px) {
  322. .large-col-7 {
  323. padding-left: 0em;
  324. padding-right: 1em;
  325. margin-left: 0%;
  326. width: 58.33333%; }
  327. .large-col-7:last-child {
  328. padding-right: 0; } }
  329. .col-8 {
  330. padding-left: 0em;
  331. padding-right: 1em;
  332. margin-left: 0%;
  333. width: 66.66667%; }
  334. .col-8:last-child {
  335. padding-right: 0; }
  336. @media only screen and (max-width: 768px) {
  337. .small-col-8 {
  338. padding-left: 0em;
  339. padding-right: 1em;
  340. margin-left: 0%;
  341. width: 66.66667%; }
  342. .small-col-8:last-child {
  343. padding-right: 0; } }
  344. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  345. .med-col-8 {
  346. padding-left: 0em;
  347. padding-right: 1em;
  348. margin-left: 0%;
  349. width: 66.66667%; }
  350. .med-col-8:last-child {
  351. padding-right: 0; } }
  352. @media only screen and (min-width: 1081px) {
  353. .large-col-8 {
  354. padding-left: 0em;
  355. padding-right: 1em;
  356. margin-left: 0%;
  357. width: 66.66667%; }
  358. .large-col-8:last-child {
  359. padding-right: 0; } }
  360. .col-9 {
  361. padding-left: 0em;
  362. padding-right: 1em;
  363. margin-left: 0%;
  364. width: 75%; }
  365. .col-9:last-child {
  366. padding-right: 0; }
  367. @media only screen and (max-width: 768px) {
  368. .small-col-9 {
  369. padding-left: 0em;
  370. padding-right: 1em;
  371. margin-left: 0%;
  372. width: 75%; }
  373. .small-col-9:last-child {
  374. padding-right: 0; } }
  375. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  376. .med-col-9 {
  377. padding-left: 0em;
  378. padding-right: 1em;
  379. margin-left: 0%;
  380. width: 75%; }
  381. .med-col-9:last-child {
  382. padding-right: 0; } }
  383. @media only screen and (min-width: 1081px) {
  384. .large-col-9 {
  385. padding-left: 0em;
  386. padding-right: 1em;
  387. margin-left: 0%;
  388. width: 75%; }
  389. .large-col-9:last-child {
  390. padding-right: 0; } }
  391. .col-10 {
  392. padding-left: 0em;
  393. padding-right: 1em;
  394. margin-left: 0%;
  395. width: 83.33333%; }
  396. .col-10:last-child {
  397. padding-right: 0; }
  398. @media only screen and (max-width: 768px) {
  399. .small-col-10 {
  400. padding-left: 0em;
  401. padding-right: 1em;
  402. margin-left: 0%;
  403. width: 83.33333%; }
  404. .small-col-10:last-child {
  405. padding-right: 0; } }
  406. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  407. .med-col-10 {
  408. padding-left: 0em;
  409. padding-right: 1em;
  410. margin-left: 0%;
  411. width: 83.33333%; }
  412. .med-col-10:last-child {
  413. padding-right: 0; } }
  414. @media only screen and (min-width: 1081px) {
  415. .large-col-10 {
  416. padding-left: 0em;
  417. padding-right: 1em;
  418. margin-left: 0%;
  419. width: 83.33333%; }
  420. .large-col-10:last-child {
  421. padding-right: 0; } }
  422. .col-11 {
  423. padding-left: 0em;
  424. padding-right: 1em;
  425. margin-left: 0%;
  426. width: 91.66667%; }
  427. .col-11:last-child {
  428. padding-right: 0; }
  429. @media only screen and (max-width: 768px) {
  430. .small-col-11 {
  431. padding-left: 0em;
  432. padding-right: 1em;
  433. margin-left: 0%;
  434. width: 91.66667%; }
  435. .small-col-11:last-child {
  436. padding-right: 0; } }
  437. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  438. .med-col-11 {
  439. padding-left: 0em;
  440. padding-right: 1em;
  441. margin-left: 0%;
  442. width: 91.66667%; }
  443. .med-col-11:last-child {
  444. padding-right: 0; } }
  445. @media only screen and (min-width: 1081px) {
  446. .large-col-11 {
  447. padding-left: 0em;
  448. padding-right: 1em;
  449. margin-left: 0%;
  450. width: 91.66667%; }
  451. .large-col-11:last-child {
  452. padding-right: 0; } }
  453. .col-12 {
  454. padding-left: 0em;
  455. padding-right: 0;
  456. margin-left: 0%;
  457. width: 100%; }
  458. .col-12:last-child {
  459. padding-right: 0; }
  460. @media only screen and (max-width: 768px) {
  461. .small-col-12 {
  462. padding-left: 0em;
  463. padding-right: 0;
  464. margin-left: 0%;
  465. width: 100%; }
  466. .small-col-12:last-child {
  467. padding-right: 0; } }
  468. @media only screen and (min-width: 769px) and (max-width: 1080px) {
  469. .med-col-12 {
  470. padding-left: 0em;
  471. padding-right: 0;
  472. margin-left: 0%;
  473. width: 100%; }
  474. .med-col-12:last-child {
  475. padding-right: 0; } }
  476. @media only screen and (min-width: 1081px) {
  477. .large-col-12 {
  478. padding-left: 0em;
  479. padding-right: 0;
  480. margin-left: 0%;
  481. width: 100%; }
  482. .large-col-12:last-child {
  483. padding-right: 0; } }
  484. .col-1-offset-1 {
  485. padding-left: 1em;
  486. padding-right: 1em;
  487. margin-left: 8.33333%;
  488. width: 8.33333%; }
  489. .col-1-offset-1:last-child {
  490. padding-right: 0; }
  491. .col-1-offset-2 {
  492. padding-left: 2em;
  493. padding-right: 1em;
  494. margin-left: 16.66667%;
  495. width: 8.33333%; }
  496. .col-1-offset-2:last-child {
  497. padding-right: 0; }
  498. .col-1-offset-3 {
  499. padding-left: 3em;
  500. padding-right: 1em;
  501. margin-left: 25%;
  502. width: 8.33333%; }
  503. .col-1-offset-3:last-child {
  504. padding-right: 0; }
  505. .col-1-offset-4 {
  506. padding-left: 4em;
  507. padding-right: 1em;
  508. margin-left: 33.33333%;
  509. width: 8.33333%; }
  510. .col-1-offset-4:last-child {
  511. padding-right: 0; }
  512. .col-1-offset-5 {
  513. padding-left: 5em;
  514. padding-right: 1em;
  515. margin-left: 41.66667%;
  516. width: 8.33333%; }
  517. .col-1-offset-5:last-child {
  518. padding-right: 0; }
  519. .col-1-offset-6 {
  520. padding-left: 6em;
  521. padding-right: 1em;
  522. margin-left: 50%;
  523. width: 8.33333%; }
  524. .col-1-offset-6:last-child {
  525. padding-right: 0; }
  526. .col-1-offset-7 {
  527. padding-left: 7em;
  528. padding-right: 1em;
  529. margin-left: 58.33333%;
  530. width: 8.33333%; }
  531. .col-1-offset-7:last-child {
  532. padding-right: 0; }
  533. .col-1-offset-8 {
  534. padding-left: 8em;
  535. padding-right: 1em;
  536. margin-left: 66.66667%;
  537. width: 8.33333%; }
  538. .col-1-offset-8:last-child {
  539. padding-right: 0; }
  540. .col-1-offset-9 {
  541. padding-left: 9em;
  542. padding-right: 1em;
  543. margin-left: 75%;
  544. width: 8.33333%; }
  545. .col-1-offset-9:last-child {
  546. padding-right: 0; }
  547. .col-1-offset-10 {
  548. padding-left: 10em;
  549. padding-right: 1em;
  550. margin-left: 83.33333%;
  551. width: 8.33333%; }
  552. .col-1-offset-10:last-child {
  553. padding-right: 0; }
  554. .col-1-offset-11 {
  555. padding-left: 11em;
  556. padding-right: 1em;
  557. margin-left: 91.66667%;
  558. width: 8.33333%; }
  559. .col-1-offset-11:last-child {
  560. padding-right: 0; }
  561. .col-2-offset-1 {
  562. padding-left: 1em;
  563. padding-right: 1em;
  564. margin-left: 16.66667%;
  565. width: 16.66667%; }
  566. .col-2-offset-1:last-child {
  567. padding-right: 0; }
  568. .col-2-offset-2 {
  569. padding-left: 2em;
  570. padding-right: 1em;
  571. margin-left: 33.33333%;
  572. width: 16.66667%; }
  573. .col-2-offset-2:last-child {
  574. padding-right: 0; }
  575. .col-2-offset-3 {
  576. padding-left: 3em;
  577. padding-right: 1em;
  578. margin-left: 50%;
  579. width: 16.66667%; }
  580. .col-2-offset-3:last-child {
  581. padding-right: 0; }
  582. .col-2-offset-4 {
  583. padding-left: 4em;
  584. padding-right: 1em;
  585. margin-left: 66.66667%;
  586. width: 16.66667%; }
  587. .col-2-offset-4:last-child {
  588. padding-right: 0; }
  589. .col-2-offset-5 {
  590. padding-left: 5em;
  591. padding-right: 1em;
  592. margin-left: 83.33333%;
  593. width: 16.66667%; }
  594. .col-2-offset-5:last-child {
  595. padding-right: 0; }
  596. .col-2-offset-6 {
  597. padding-left: 6em;
  598. padding-right: 1em;
  599. margin-left: 100%;
  600. width: 16.66667%; }
  601. .col-2-offset-6:last-child {
  602. padding-right: 0; }
  603. .col-2-offset-7 {
  604. padding-left: 7em;
  605. padding-right: 1em;
  606. margin-left: 116.66667%;
  607. width: 16.66667%; }
  608. .col-2-offset-7:last-child {
  609. padding-right: 0; }
  610. .col-2-offset-8 {
  611. padding-left: 8em;
  612. padding-right: 1em;
  613. margin-left: 133.33333%;
  614. width: 16.66667%; }
  615. .col-2-offset-8:last-child {
  616. padding-right: 0; }
  617. .col-2-offset-9 {
  618. padding-left: 9em;
  619. padding-right: 1em;
  620. margin-left: 150%;
  621. width: 16.66667%; }
  622. .col-2-offset-9:last-child {
  623. padding-right: 0; }
  624. .col-2-offset-10 {
  625. padding-left: 10em;
  626. padding-right: 1em;
  627. margin-left: 166.66667%;
  628. width: 16.66667%; }
  629. .col-2-offset-10:last-child {
  630. padding-right: 0; }
  631. .col-3-offset-1 {
  632. padding-left: 1em;
  633. padding-right: 1em;
  634. margin-left: 25%;
  635. width: 25%; }
  636. .col-3-offset-1:last-child {
  637. padding-right: 0; }
  638. .col-3-offset-2 {
  639. padding-left: 2em;
  640. padding-right: 1em;
  641. margin-left: 50%;
  642. width: 25%; }
  643. .col-3-offset-2:last-child {
  644. padding-right: 0; }
  645. .col-3-offset-3 {
  646. padding-left: 3em;
  647. padding-right: 1em;
  648. margin-left: 75%;
  649. width: 25%; }
  650. .col-3-offset-3:last-child {
  651. padding-right: 0; }
  652. .col-3-offset-4 {
  653. padding-left: 4em;
  654. padding-right: 1em;
  655. margin-left: 100%;
  656. width: 25%; }
  657. .col-3-offset-4:last-child {
  658. padding-right: 0; }
  659. .col-3-offset-5 {
  660. padding-left: 5em;
  661. padding-right: 1em;
  662. margin-left: 125%;
  663. width: 25%; }
  664. .col-3-offset-5:last-child {
  665. padding-right: 0; }
  666. .col-3-offset-6 {
  667. padding-left: 6em;
  668. padding-right: 1em;
  669. margin-left: 150%;
  670. width: 25%; }
  671. .col-3-offset-6:last-child {
  672. padding-right: 0; }
  673. .col-3-offset-7 {
  674. padding-left: 7em;
  675. padding-right: 1em;
  676. margin-left: 175%;
  677. width: 25%; }
  678. .col-3-offset-7:last-child {
  679. padding-right: 0; }
  680. .col-3-offset-8 {
  681. padding-left: 8em;
  682. padding-right: 1em;
  683. margin-left: 200%;
  684. width: 25%; }
  685. .col-3-offset-8:last-child {
  686. padding-right: 0; }
  687. .col-3-offset-9 {
  688. padding-left: 9em;
  689. padding-right: 1em;
  690. margin-left: 225%;
  691. width: 25%; }
  692. .col-3-offset-9:last-child {
  693. padding-right: 0; }
  694. .col-4-offset-1 {
  695. padding-left: 1em;
  696. padding-right: 1em;
  697. margin-left: 33.33333%;
  698. width: 33.33333%; }
  699. .col-4-offset-1:last-child {
  700. padding-right: 0; }
  701. .col-4-offset-2 {
  702. padding-left: 2em;
  703. padding-right: 1em;
  704. margin-left: 66.66667%;
  705. width: 33.33333%; }
  706. .col-4-offset-2:last-child {
  707. padding-right: 0; }
  708. .col-4-offset-3 {
  709. padding-left: 3em;
  710. padding-right: 1em;
  711. margin-left: 100%;
  712. width: 33.33333%; }
  713. .col-4-offset-3:last-child {
  714. padding-right: 0; }
  715. .col-4-offset-4 {
  716. padding-left: 4em;
  717. padding-right: 1em;
  718. margin-left: 133.33333%;
  719. width: 33.33333%; }
  720. .col-4-offset-4:last-child {
  721. padding-right: 0; }
  722. .col-4-offset-5 {
  723. padding-left: 5em;
  724. padding-right: 1em;
  725. margin-left: 166.66667%;
  726. width: 33.33333%; }
  727. .col-4-offset-5:last-child {
  728. padding-right: 0; }
  729. .col-4-offset-6 {
  730. padding-left: 6em;
  731. padding-right: 1em;
  732. margin-left: 200%;
  733. width: 33.33333%; }
  734. .col-4-offset-6:last-child {
  735. padding-right: 0; }
  736. .col-4-offset-7 {
  737. padding-left: 7em;
  738. padding-right: 1em;
  739. margin-left: 233.33333%;
  740. width: 33.33333%; }
  741. .col-4-offset-7:last-child {
  742. padding-right: 0; }
  743. .col-4-offset-8 {
  744. padding-left: 8em;
  745. padding-right: 1em;
  746. margin-left: 266.66667%;
  747. width: 33.33333%; }
  748. .col-4-offset-8:last-child {
  749. padding-right: 0; }
  750. .col-5-offset-1 {
  751. padding-left: 1em;
  752. padding-right: 1em;
  753. margin-left: 41.66667%;
  754. width: 41.66667%; }
  755. .col-5-offset-1:last-child {
  756. padding-right: 0; }
  757. .col-5-offset-2 {
  758. padding-left: 2em;
  759. padding-right: 1em;
  760. margin-left: 83.33333%;
  761. width: 41.66667%; }
  762. .col-5-offset-2:last-child {
  763. padding-right: 0; }
  764. .col-5-offset-3 {
  765. padding-left: 3em;
  766. padding-right: 1em;
  767. margin-left: 125%;
  768. width: 41.66667%; }
  769. .col-5-offset-3:last-child {
  770. padding-right: 0; }
  771. .col-5-offset-4 {
  772. padding-left: 4em;
  773. padding-right: 1em;
  774. margin-left: 166.66667%;
  775. width: 41.66667%; }
  776. .col-5-offset-4:last-child {
  777. padding-right: 0; }
  778. .col-5-offset-5 {
  779. padding-left: 5em;
  780. padding-right: 1em;
  781. margin-left: 208.33333%;
  782. width: 41.66667%; }
  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. .col-5-offset-6:last-child {
  791. padding-right: 0; }
  792. .col-5-offset-7 {
  793. padding-left: 7em;
  794. padding-right: 1em;
  795. margin-left: 291.66667%;
  796. width: 41.66667%; }
  797. .col-5-offset-7:last-child {
  798. padding-right: 0; }
  799. .col-6-offset-1 {
  800. padding-left: 1em;
  801. padding-right: 1em;
  802. margin-left: 50%;
  803. width: 50%; }
  804. .col-6-offset-1:last-child {
  805. padding-right: 0; }
  806. .col-6-offset-2 {
  807. padding-left: 2em;
  808. padding-right: 1em;
  809. margin-left: 100%;
  810. width: 50%; }
  811. .col-6-offset-2:last-child {
  812. padding-right: 0; }
  813. .col-6-offset-3 {
  814. padding-left: 3em;
  815. padding-right: 1em;
  816. margin-left: 150%;
  817. width: 50%; }
  818. .col-6-offset-3:last-child {
  819. padding-right: 0; }
  820. .col-6-offset-4 {
  821. padding-left: 4em;
  822. padding-right: 1em;
  823. margin-left: 200%;
  824. width: 50%; }
  825. .col-6-offset-4:last-child {
  826. padding-right: 0; }
  827. .col-6-offset-5 {
  828. padding-left: 5em;
  829. padding-right: 1em;
  830. margin-left: 250%;
  831. width: 50%; }
  832. .col-6-offset-5:last-child {
  833. padding-right: 0; }
  834. .col-6-offset-6 {
  835. padding-left: 6em;
  836. padding-right: 1em;
  837. margin-left: 300%;
  838. width: 50%; }
  839. .col-6-offset-6:last-child {
  840. padding-right: 0; }
  841. .col-7-offset-1 {
  842. padding-left: 1em;
  843. padding-right: 1em;
  844. margin-left: 58.33333%;
  845. width: 58.33333%; }
  846. .col-7-offset-1:last-child {
  847. padding-right: 0; }
  848. .col-7-offset-2 {
  849. padding-left: 2em;
  850. padding-right: 1em;
  851. margin-left: 116.66667%;
  852. width: 58.33333%; }
  853. .col-7-offset-2:last-child {
  854. padding-right: 0; }
  855. .col-7-offset-3 {
  856. padding-left: 3em;
  857. padding-right: 1em;
  858. margin-left: 175%;
  859. width: 58.33333%; }
  860. .col-7-offset-3:last-child {
  861. padding-right: 0; }
  862. .col-7-offset-4 {
  863. padding-left: 4em;
  864. padding-right: 1em;
  865. margin-left: 233.33333%;
  866. width: 58.33333%; }
  867. .col-7-offset-4:last-child {
  868. padding-right: 0; }
  869. .col-7-offset-5 {
  870. padding-left: 5em;
  871. padding-right: 1em;
  872. margin-left: 291.66667%;
  873. width: 58.33333%; }
  874. .col-7-offset-5:last-child {
  875. padding-right: 0; }
  876. .col-8-offset-1 {
  877. padding-left: 1em;
  878. padding-right: 1em;
  879. margin-left: 66.66667%;
  880. width: 66.66667%; }
  881. .col-8-offset-1:last-child {
  882. padding-right: 0; }
  883. .col-8-offset-2 {
  884. padding-left: 2em;
  885. padding-right: 1em;
  886. margin-left: 133.33333%;
  887. width: 66.66667%; }
  888. .col-8-offset-2:last-child {
  889. padding-right: 0; }
  890. .col-8-offset-3 {
  891. padding-left: 3em;
  892. padding-right: 1em;
  893. margin-left: 200%;
  894. width: 66.66667%; }
  895. .col-8-offset-3:last-child {
  896. padding-right: 0; }
  897. .col-8-offset-4 {
  898. padding-left: 4em;
  899. padding-right: 1em;
  900. margin-left: 266.66667%;
  901. width: 66.66667%; }
  902. .col-8-offset-4:last-child {
  903. padding-right: 0; }
  904. .col-9-offset-1 {
  905. padding-left: 1em;
  906. padding-right: 1em;
  907. margin-left: 75%;
  908. width: 75%; }
  909. .col-9-offset-1:last-child {
  910. padding-right: 0; }
  911. .col-9-offset-2 {
  912. padding-left: 2em;
  913. padding-right: 1em;
  914. margin-left: 150%;
  915. width: 75%; }
  916. .col-9-offset-2:last-child {
  917. padding-right: 0; }
  918. .col-9-offset-3 {
  919. padding-left: 3em;
  920. padding-right: 1em;
  921. margin-left: 225%;
  922. width: 75%; }
  923. .col-9-offset-3:last-child {
  924. padding-right: 0; }
  925. .col-10-offset-1 {
  926. padding-left: 1em;
  927. padding-right: 1em;
  928. margin-left: 83.33333%;
  929. width: 83.33333%; }
  930. .col-10-offset-1:last-child {
  931. padding-right: 0; }
  932. .col-10-offset-2 {
  933. padding-left: 2em;
  934. padding-right: 1em;
  935. margin-left: 166.66667%;
  936. width: 83.33333%; }
  937. .col-10-offset-2:last-child {
  938. padding-right: 0; }
  939. .col-11-offset-1 {
  940. padding-left: 1em;
  941. padding-right: 1em;
  942. margin-left: 91.66667%;
  943. width: 91.66667%; }
  944. .col-11-offset-1:last-child {
  945. padding-right: 0; }
  946. .col.float-right {
  947. float: right;
  948. padding-right: 0;
  949. padding-left: 1em; }
  950. body, html {
  951. position: relative;
  952. width: 100%;
  953. height: 100%;
  954. font-family: sans-serif;
  955. font-style: normal;
  956. margin: 0;
  957. padding: 0; }
  958. body {
  959. overflow-x: hidden; }
  960. div.dialog-off-canvas-main-canvas {
  961. width: 100vw;
  962. height: 100vh;
  963. display: flex;
  964. flex-direction: column; }
  965. body.toolbar-horizontal.toolbar-themes.toolbar-no-tabs {
  966. padding-top: 24px !important; }
  967. header[role="banner"] .wrapper, main[role="main"] > .wrapper > * {
  968. margin: 0 auto; }
  969. @media only screen and (min-width: 226px) and (max-width: 450px) {
  970. header[role="banner"] .wrapper, main[role="main"] > .wrapper > * {
  971. width: 210px; } }
  972. @media only screen and (min-width: 451px) and (max-width: 675px) {
  973. header[role="banner"] .wrapper, main[role="main"] > .wrapper > * {
  974. width: 435px; } }
  975. @media only screen and (min-width: 676px) and (max-width: 900px) {
  976. header[role="banner"] .wrapper, main[role="main"] > .wrapper > * {
  977. width: 660px; } }
  978. @media only screen and (min-width: 901px) and (max-width: 1125px) {
  979. header[role="banner"] .wrapper, main[role="main"] > .wrapper > * {
  980. width: 885px; } }
  981. @media only screen and (min-width: 1126px) and (max-width: 1350px) {
  982. header[role="banner"] .wrapper, main[role="main"] > .wrapper > * {
  983. width: 1110px; } }
  984. @media only screen and (min-width: 1351px) and (max-width: 1575px) {
  985. header[role="banner"] .wrapper, main[role="main"] > .wrapper > * {
  986. width: 1335px; } }
  987. @media only screen and (min-width: 1576px) and (max-width: 1800px) {
  988. header[role="banner"] .wrapper, main[role="main"] > .wrapper > * {
  989. width: 1560px; } }
  990. @media only screen and (min-width: 1801px) and (max-width: 2025px) {
  991. header[role="banner"] .wrapper, main[role="main"] > .wrapper > * {
  992. width: 1785px; } }
  993. @media only screen and (min-width: 2026px) and (max-width: 2250px) {
  994. header[role="banner"] .wrapper, main[role="main"] > .wrapper > * {
  995. width: 2010px; } }
  996. @media only screen and (min-width: 2251px) and (max-width: 2475px) {
  997. header[role="banner"] .wrapper, main[role="main"] > .wrapper > * {
  998. width: 2235px; } }
  999. @media only screen and (min-width: 2476px) and (max-width: 2700px) {
  1000. header[role="banner"] .wrapper, main[role="main"] > .wrapper > * {
  1001. width: 2460px; } }
  1002. @media only screen and (min-width: 2701px) and (max-width: 2925px) {
  1003. header[role="banner"] .wrapper, main[role="main"] > .wrapper > * {
  1004. width: 2685px; } }
  1005. @media only screen and (min-width: 2926px) and (max-width: 3150px) {
  1006. header[role="banner"] .wrapper, main[role="main"] > .wrapper > * {
  1007. width: 2910px; } }
  1008. @media only screen and (min-width: 3151px) and (max-width: 3375px) {
  1009. header[role="banner"] .wrapper, main[role="main"] > .wrapper > * {
  1010. width: 3135px; } }
  1011. @media only screen and (min-width: 3376px) and (max-width: 3600px) {
  1012. header[role="banner"] .wrapper, main[role="main"] > .wrapper > * {
  1013. width: 3360px; } }
  1014. @media only screen and (min-width: 3601px) and (max-width: 3825px) {
  1015. header[role="banner"] .wrapper, main[role="main"] > .wrapper > * {
  1016. width: 3585px; } }
  1017. @media only screen and (min-width: 3826px) and (max-width: 4050px) {
  1018. header[role="banner"] .wrapper, main[role="main"] > .wrapper > * {
  1019. width: 3810px; } }
  1020. @media only screen and (min-width: 4051px) and (max-width: 4275px) {
  1021. header[role="banner"] .wrapper, main[role="main"] > .wrapper > * {
  1022. width: 4035px; } }
  1023. header[role="banner"] {
  1024. flex: 0 0 auto;
  1025. background-color: #fff;
  1026. width: 100vw; }
  1027. header[role="banner"] .wrapper {
  1028. background-color: #fff; }
  1029. header[role="banner"] .wrapper:after {
  1030. content: "";
  1031. clear: both;
  1032. display: block; }
  1033. header[role="banner"] .wrapper .header-block {
  1034. min-height: 15px;
  1035. font-size: 0; }
  1036. header[role="banner"] .wrapper .header-block.header-right {
  1037. text-align: right; }
  1038. header[role="banner"] .wrapper .header-block > * {
  1039. display: inline-block;
  1040. vertical-align: top;
  1041. font-size: 16px;
  1042. text-align: left; }
  1043. main[role="main"] {
  1044. flex: 1 1 auto;
  1045. overflow-y: auto;
  1046. overflow-x: hidden; }
  1047. main[role="main"] > .wrapper {
  1048. width: 100vw; }
  1049. body {
  1050. font-size: 16px;
  1051. font-family: "Ubuntu",Arial,"MS Trebuchet",sans-serif;
  1052. font-weight: 500;
  1053. font-style: normal;
  1054. line-height: 1.3; }
  1055. aside.messages {
  1056. border: none; }
  1057. header[role="banner"] {
  1058. padding: 0.2em 0 0 0; }
  1059. header[role="banner"] #block-userlogin h2, header[role="banner"] #block-header ul.menu li a {
  1060. font-size: 0.9em;
  1061. font-weight: 400; }
  1062. header[role="banner"] #block-sitebranding h1 {
  1063. margin: 0;
  1064. line-height: 1; }
  1065. header[role="banner"] #block-userlogin {
  1066. position: relative;
  1067. padding: 0 1em;
  1068. overflow: visible; }
  1069. header[role="banner"] #block-userlogin h2 {
  1070. line-height: 1.38;
  1071. margin: 0; }
  1072. header[role="banner"] #block-userlogin > section {
  1073. background-color: #fff;
  1074. overflow: hidden;
  1075. width: 11em;
  1076. height: 1px;
  1077. padding: 0.01em 1em;
  1078. box-sizing: content-box;
  1079. transition: all 0.4s ease-in-out;
  1080. transition-delay: 2s;
  1081. position: absolute;
  1082. right: 0;
  1083. top: 1.7em;
  1084. box-sizing: content-box; }
  1085. header[role="banner"] #block-userlogin:hover > section {
  1086. transition-delay: 0s;
  1087. height: 12em;
  1088. padding: 1em 1em;
  1089. box-shadow: 0 0 10px #ccc; }
  1090. header[role="banner"] #block-userlogin .form-item {
  1091. margin: 0;
  1092. position: relative;
  1093. width: 100%; }
  1094. header[role="banner"] #block-userlogin .form-item.form-item-name {
  1095. margin: 2px 0 0.5em 0; }
  1096. header[role="banner"] #block-userlogin .form-item.form-item-name input {
  1097. width: 90%;
  1098. padding: 0;
  1099. box-sizing: content-box; }
  1100. header[role="banner"] #block-userlogin .form-item.form-item-pass {
  1101. margin: 0 0 0.5em 0; }
  1102. header[role="banner"] #block-userlogin .form-item.form-item-pass input {
  1103. width: 90%;
  1104. padding: 0;
  1105. box-sizing: content-box; }
  1106. header[role="banner"] #block-userlogin .form-item.form-item-persistent-login {
  1107. font-size: 0.756em; }
  1108. header[role="banner"] #block-userlogin .form-item.form-item-persistent-login label {
  1109. vertical-align: top; }
  1110. header[role="banner"] #block-userlogin #edit-actions {
  1111. margin: 0; }
  1112. header[role="banner"] #block-userlogin .item-list ul {
  1113. margin: 0; }
  1114. header[role="banner"] #block-userlogin .item-list ul li {
  1115. list-style: none;
  1116. margin: 0; }
  1117. header[role="banner"] #block-userlogin .item-list ul li a {
  1118. font-size: 0.756em; }
  1119. header[role="banner"] #block-userblock h2 {
  1120. display: none; }
  1121. header[role="banner"] #block-userblock a {
  1122. margin-right: 1em; }
  1123. header[role="banner"] #block-header {
  1124. margin-right: 1em;
  1125. padding-left: 1em;
  1126. border-left: 1px solid #000; }
  1127. header[role="banner"] #block-header ul.menu {
  1128. margin: 0; }
  1129. header[role="banner"] #block-header ul.menu li {
  1130. padding: 0;
  1131. display: inline-block; }
  1132. header[role="banner"] #block-header ul.menu li:not(:first-of-type) {
  1133. margin-left: 0.5em; }
  1134. header[role="banner"] #block-languageswitcher {
  1135. text-align: right; }
  1136. header[role="banner"] #block-languageswitcher h2 {
  1137. margin: 0.1em 0 0 0;
  1138. font-size: 0.756em;
  1139. font-weight: 400;
  1140. padding: 0.1em 0.4em 0.2em;
  1141. border-radius: 3px;
  1142. background-color: #444;
  1143. color: #fff;
  1144. display: inline-block;
  1145. vertical-align: top; }
  1146. header[role="banner"] #block-languageswitcher > ul.links {
  1147. overflow: hidden;
  1148. width: 3.5em;
  1149. height: 1px;
  1150. padding: 0.01em 0;
  1151. margin: 0;
  1152. box-sizing: content-box;
  1153. transition: all 0.4s ease-in-out; }
  1154. header[role="banner"] #block-languageswitcher:hover > ul.links {
  1155. transition-delay: 0s;
  1156. height: 2em;
  1157. padding: 0.3em 0; }
  1158. header[role="banner"] #block-languageswitcher li {
  1159. list-style: none;
  1160. padding: 0;
  1161. display: inline-block; }
  1162. header[role="banner"] #block-languageswitcher li.is-active {
  1163. display: none; }
  1164. header[role="banner"] #block-languageswitcher li a {
  1165. margin: 0;
  1166. font-size: 0.756em;
  1167. font-weight: 400;
  1168. padding: 0.2em 0.4em;
  1169. border-radius: 3px;
  1170. background-color: #444;
  1171. color: #fff; }
  1172. header[role="banner"] #block-pagetitle {
  1173. float: left;
  1174. padding: 1em 0; }
  1175. header[role="banner"] #block-pagetitle h2 {
  1176. margin: 0;
  1177. font-size: 1.512em;
  1178. text-transform: capitalize;
  1179. font-weight: 300; }
  1180. body:not(.path-home) header[role="banner"] #block-pagetitle h2 {
  1181. padding: 0.5em 1em; }
  1182. body.path-blabla header[role="banner"] #block-pagetitle h2 {
  1183. color: #fff;
  1184. background-color: #9458aa; }
  1185. body.path-showrooms header[role="banner"] #block-pagetitle h2 {
  1186. color: #fff;
  1187. background-color: #50aa3c; }
  1188. body.path-base header[role="banner"] #block-pagetitle h2 {
  1189. color: #fff;
  1190. background-color: #69cdcf; }
  1191. header[role="banner"] #block-materiosapisearchblock {
  1192. float: right;
  1193. display: inline-block;
  1194. padding: 0; }
  1195. header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form .form-item, header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form input.button {
  1196. display: inline-block; }
  1197. header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form #edit-search {
  1198. border: 1px #BBB solid;
  1199. border-radius: 14px;
  1200. padding: 0.3em;
  1201. color: #666; }
  1202. header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form #edit-submit {
  1203. border: 0;
  1204. text-indent: 50px;
  1205. overflow: hidden;
  1206. width: 20px;
  1207. height: 20px;
  1208. margin: 0;
  1209. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATFJREFUeNqcU8sNgkAQxc9dEr1rQgEkWoBGPEOid0ygA+6asDagBZCIHUgFrBVABWoF0ME6yZqRz/jBFw7D7ryZnZk3LSGEQiHP8/M5ut9v8rfXU2ezqa7rJSdBwff9fn/Q6XQr33xuXK83dCPIy+UKvSEEEMbjSfEkSRKa7HkeOh2PIZ5DQgwBBkEGD8yA4RFZliFfxi2R9/uDvIP8ZC/iOC4mL5GhvHdpEdhIsNvknHAkjDHDWIThqX6VpmlX+QjGdtJYr+26EL6Qt9sN5xfbtutXqqrSNUNjGtdsmqY0oigiH8I5h9e+Kv9vzjBUQmF4/UFhmqYRCnMcp7IJUtvg/UXbyATjx61qyX12XVcqAeYZBAG5z5ZljUbD6j4Xc4omUFDrTZnPmqGrfzABDwEGACI/YeOOd/wDAAAAAElFTkSuQmCC);
  1210. background-position: center;
  1211. background-repeat: no-repeat;
  1212. background-size: contain; }
  1213. aside.messages {
  1214. padding: 0; }
  1215. article.node--type-frontpage .node__content > section.home-intro > div:nth-child(1) .field__label, article.node--type-frontpage .node__content > section.home-pricing > div:nth-child(1) .field__label, article.node--type-frontpage .node__content > section.home-database > div:nth-child(1) .field__label, article.node--type-frontpage .node__content > section.home-showrooms > div:nth-child(1) .field__label, article.node--type-frontpage .node__content > section.home-blabla > div:nth-child(1) .field__label {
  1216. font-size: 3.5em;
  1217. line-height: 1; }
  1218. article.node--type-frontpage .node__content > section.home-intro > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-pricing > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-database > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-showrooms > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-blabla > div:nth-child(1) .field__item {
  1219. font-size: 0.9em;
  1220. line-height: 1.3; }
  1221. article.node--type-frontpage .node__content > section.home-intro, article.node--type-frontpage .node__content > section.home-pricing {
  1222. padding: 1.5em 0;
  1223. background-color: #fff; }
  1224. article.node--type-frontpage .node__content > section.home-intro > div:nth-child(1), article.node--type-frontpage .node__content > section.home-pricing > div:nth-child(1) {
  1225. width: 80%;
  1226. margin: 0 auto;
  1227. text-align: center; }
  1228. article.node--type-frontpage .node__content > section.home-database, article.node--type-frontpage .node__content > section.home-showrooms, article.node--type-frontpage .node__content > section.home-blabla {
  1229. display: grid;
  1230. grid-template-columns: 300px 1fr;
  1231. grid-column-gap: 2em;
  1232. padding: 2em 1em; }
  1233. article.node--type-frontpage .node__content > section.home-database > div:nth-child(1), article.node--type-frontpage .node__content > section.home-showrooms > div:nth-child(1), article.node--type-frontpage .node__content > section.home-blabla > div:nth-child(1) {
  1234. color: #fff;
  1235. grid-column: 1; }
  1236. article.node--type-frontpage .node__content > section.home-database > div:nth-child(2), article.node--type-frontpage .node__content > section.home-showrooms > div:nth-child(2), article.node--type-frontpage .node__content > section.home-blabla > div:nth-child(2) {
  1237. grid-column: 2; }
  1238. article.node--type-frontpage .node__content > section.home-database {
  1239. background-color: #69cdcf; }
  1240. article.node--type-frontpage .node__content > section.home-database .cards-list-home {
  1241. position: relative;
  1242. max-height: 580px;
  1243. overflow-y: hidden; }
  1244. article.node--type-frontpage .node__content > section.home-database .cards-list-home ul {
  1245. width: 100%;
  1246. margin: 0;
  1247. padding: 0;
  1248. display: grid;
  1249. grid-template-columns: repeat(auto-fill, minmax(50px, 130px));
  1250. grid-template-rows: 1fr;
  1251. grid-gap: 1em;
  1252. justify-content: start; }
  1253. article.node--type-frontpage .node__content > section.home-database .cards-list-home ul li {
  1254. position: relative;
  1255. list-style: none;
  1256. margin: 0;
  1257. padding: 0;
  1258. padding-top: 140%; }
  1259. article.node--type-frontpage .node__content > section.home-database .cards-list-home ul li .card {
  1260. position: absolute;
  1261. top: 0;
  1262. bottom: 0;
  1263. left: 0;
  1264. right: 0;
  1265. width: auto;
  1266. height: auto; }
  1267. article.node--type-frontpage .node__content > section.home-database .cards-list-home ul li .card .field--name-field-short-description {
  1268. font-size: 0.756em;
  1269. line-height: 0.9; }
  1270. article.node--type-frontpage .node__content > section.home-showrooms {
  1271. background-color: #50aa3c; }
  1272. article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference {
  1273. position: relative;
  1274. display: grid;
  1275. grid-template-rows: 1fr; }
  1276. @media only screen and (max-width: 1575px) {
  1277. article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference {
  1278. grid-template-columns: 1fr; }
  1279. article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference > .field__item {
  1280. grid-column: 1; } }
  1281. @media only screen and (min-width: 1576px) {
  1282. article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference {
  1283. grid-template-columns: 1fr 1fr;
  1284. grid-gap: 1em; }
  1285. article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference > .field__item:nth-child(odd) {
  1286. grid-column: 1; }
  1287. article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference > .field__item:nth-child(even) {
  1288. grid-column: 2; } }
  1289. article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference > .field__item {
  1290. grid-row: 1; }
  1291. article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference > .field__item .taxonomy-term {
  1292. position: relative;
  1293. width: 100%;
  1294. height: 100%; }
  1295. article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference > .field__item .taxonomy-term div.visuel {
  1296. width: 100%;
  1297. padding-bottom: 10em; }
  1298. article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference > .field__item .taxonomy-term div.visuel img {
  1299. max-width: 100%;
  1300. height: auto; }
  1301. article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference > .field__item .taxonomy-term section.text {
  1302. position: absolute;
  1303. bottom: 0;
  1304. left: 0;
  1305. width: 100%;
  1306. box-sizing: border-box;
  1307. padding: 1em 0;
  1308. background-color: #50aa3c;
  1309. color: #fff; }
  1310. article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference > .field__item .taxonomy-term section.text > * {
  1311. font-size: 0.9em; }
  1312. article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference > .field__item .taxonomy-term section.text h2, article.node--type-frontpage .node__content > section.home-showrooms .field--name-computed-showrooms-reference > .field__item .taxonomy-term section.text p {
  1313. margin: 0; }
  1314. article.node--type-frontpage .node__content > section.home-blabla {
  1315. background-color: #9458aa; }
  1316. article.node--type-frontpage .node__content > section.home-blabla .cards-list-home {
  1317. position: relative;
  1318. overflow-y: hidden; }
  1319. @media only screen and (max-width: 2610px) {
  1320. article.node--type-frontpage .node__content > section.home-blabla .cards-list-home {
  1321. max-height: 630px; } }
  1322. @media only screen and (min-width: 2611px) {
  1323. article.node--type-frontpage .node__content > section.home-blabla .cards-list-home {
  1324. max-height: 310px; } }
  1325. article.node--type-frontpage .node__content > section.home-blabla .cards-list-home ul {
  1326. width: 100%;
  1327. margin: 0;
  1328. padding: 0;
  1329. display: grid;
  1330. grid-template-columns: repeat(auto-fill, minmax(80px, 420px));
  1331. grid-gap: 1em;
  1332. justify-content: start; }
  1333. article.node--type-frontpage .node__content > section.home-blabla .cards-list-home ul li {
  1334. position: relative;
  1335. list-style: none;
  1336. margin: 0;
  1337. padding: 0;
  1338. padding-top: 67.8%;
  1339. overflow: hidden; }
  1340. article.node--type-frontpage .node__content > section.home-blabla .cards-list-home ul li .card {
  1341. position: absolute;
  1342. top: 0;
  1343. bottom: 0;
  1344. left: 0;
  1345. right: 0;
  1346. width: auto;
  1347. height: auto; }
  1348. article.node--type-frontpage .node__content > section.home-blabla .cards-list-home ul li .card .field--name-title {
  1349. font-size: 0.756em;
  1350. line-height: 0.9; }
  1351. .infinite-loading-container .infinite-status-prompt i[class^="loading-"] {
  1352. width: 15px;
  1353. height: 15px; }
  1354. .cards-list {
  1355. position: relative; }
  1356. .cards-list .search-info {
  1357. font-size: 0.756em;
  1358. font-weight: 500;
  1359. margin: 0;
  1360. padding: 0 0 0.5em 0; }
  1361. .cards-list > ul {
  1362. margin: 0;
  1363. padding: 0;
  1364. width: calc(100% + 15px); }
  1365. .cards-list > ul > li {
  1366. list-style: none;
  1367. margin: 0 15px 15px 0;
  1368. padding: 0;
  1369. display: inline-block;
  1370. vertical-align: top; }
  1371. article.card {
  1372. position: relative;
  1373. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  1374. width: 210px;
  1375. height: 295px; }
  1376. article.card.article {
  1377. width: 435px;
  1378. height: 295px; }
  1379. article.card header {
  1380. position: absolute;
  1381. bottom: 0;
  1382. z-index: 10;
  1383. color: #000;
  1384. background-color: rgba(255, 255, 255, 0.8);
  1385. padding: 0.3em 0.3em;
  1386. box-sizing: border-box;
  1387. width: 100%; }
  1388. article.card header h1, article.card header h4 {
  1389. margin: 0;
  1390. padding: 0; }
  1391. article.card header h1 {
  1392. font-size: 1.3em;
  1393. font-weight: 700;
  1394. line-height: 0.85;
  1395. margin-bottom: 0.2em; }
  1396. article.card header h4 {
  1397. font-size: 0.882em;
  1398. font-weight: 300;
  1399. line-height: 1; }
  1400. article.card header span.ref {
  1401. font-size: 0.693em;
  1402. font-weight: 300;
  1403. line-height: 1; }
  1404. article.card section.images {
  1405. position: relative; }
  1406. article.card section.images, article.card section.images * {
  1407. width: 100%;
  1408. height: 100%; }
  1409. article.card section.images figure {
  1410. margin: 0;
  1411. position: absolute;
  1412. top: 0;
  1413. left: 0; }
  1414. article.card section.images figure:first-of-type {
  1415. z-index: 5; }
  1416. article.card section.images figure img.blank {
  1417. position: absolute;
  1418. top: 0;
  1419. left: 0;
  1420. z-index: 20; }
  1421. #main-content > article.article div.cols {
  1422. display: grid;
  1423. grid-template-rows: 1fr;
  1424. grid-template-columns: repeat(6, 1fr);
  1425. grid-gap: 1em; }
  1426. #main-content > article.article div.cols div.col-left {
  1427. grid-column: 1; }
  1428. #main-content > article.article div.cols div.col-right {
  1429. grid-column: 2/6; }
  1430. #main-content > article.article section.accroche figure {
  1431. width: 435px;
  1432. margin: 0 15px 0 0; }
  1433. #main-content > article.article section.accroche figure img {
  1434. width: 100%; }
  1435. #main-content > article.article section.taxonomy {
  1436. margin: 1em 0; }
  1437. #main-content > article.article section.taxonomy ul {
  1438. margin: 0; }
  1439. #main-content > article.article section.taxonomy li {
  1440. display: inline-block;
  1441. padding: 0 0.5em 0 0; }
  1442. #main-content > article.article div.gallery-wrapper .image {
  1443. display: inline-block;
  1444. width: 210px;
  1445. margin: 0 15px 9px 0;
  1446. height: 147.5px;
  1447. background-size: cover; }
  1448. #main-content > article.article aside.linked-materials ul {
  1449. width: calc(100% + 15px); }
  1450. #main-content > article.article aside.linked-materials ul li {
  1451. display: inline-block;
  1452. vertical-align: top;
  1453. width: 210px;
  1454. margin: 0 15px 0 0; }
  1455. #main-content > article.article aside.linked-materials h3.field__label {
  1456. font-size: 1em;
  1457. font-weight: 500;
  1458. margin: 2em 0 1em 0; }
  1459. #main-content > article.article aside.linked-materials h1.title {
  1460. font-size: 1em;
  1461. font-weight: 400; }
  1462. #main-content > article.article aside.linked-materials h3.ref {
  1463. font-size: 0.756em;
  1464. font-weight: 600; }
  1465. #main-content > article.article aside.linked-materials h2.description {
  1466. font-size: 0.756em;
  1467. font-weight: 400; }
  1468. #main-content > article.article nav.prevnext.bottom {
  1469. margin: 2em 0; }
  1470. #main-content > article.article nav.prevnext ul {
  1471. padding: 0;
  1472. margin: 0;
  1473. display: grid;
  1474. grid-template-columns: 1fr 1fr; }
  1475. #main-content > article.article nav.prevnext li {
  1476. padding: 0;
  1477. margin: 0;
  1478. list-style: none; }
  1479. #main-content > article.article nav.prevnext li a {
  1480. font-size: 0.756em;
  1481. font-weight: 700; }
  1482. #main-content > article.article nav.prevnext li:nth-child(1) {
  1483. grid-column: 1; }
  1484. #main-content > article.article nav.prevnext li:nth-child(1) a:before {
  1485. content: '< '; }
  1486. #main-content > article.article nav.prevnext li:nth-child(2) {
  1487. grid-column: 2;
  1488. text-align: right; }
  1489. #main-content > article.article nav.prevnext li:nth-child(2) a:after {
  1490. content: ' >'; }
  1491. #showrooms {
  1492. width: calc(100% + 15px); }
  1493. #showrooms article.showroom {
  1494. width: 435px;
  1495. display: inline-block;
  1496. vertical-align: top;
  1497. margin: 0 15px 15px 0; }
  1498. #showrooms article.showroom h1 {
  1499. margin: 0;
  1500. font-weight: 4; }
  1501. #showrooms article.showroom p {
  1502. margin: 0; }
  1503. #showrooms article.showroom figure {
  1504. margin: 0; }
  1505. #showrooms article.showroom figure img {
  1506. max-width: 100%; }