styles.css 68 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382
  1. /*popsu*/
  2. /*foundation*/
  3. /**
  4. * Foundation for Sites
  5. * Version 6.6.3
  6. * https://get.foundation
  7. * Licensed under MIT Open Source
  8. */
  9. /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
  10. html {
  11. line-height: 1.15;
  12. -webkit-text-size-adjust: 100%; }
  13. body {
  14. margin: 0; }
  15. h1 {
  16. font-size: 2em;
  17. margin: 0.67em 0; }
  18. hr {
  19. box-sizing: content-box;
  20. height: 0;
  21. overflow: visible; }
  22. pre {
  23. font-family: monospace, monospace;
  24. font-size: 1em; }
  25. a {
  26. background-color: transparent; }
  27. abbr[title] {
  28. border-bottom: none;
  29. text-decoration: underline;
  30. text-decoration: underline dotted; }
  31. b,
  32. strong {
  33. font-weight: bolder; }
  34. code,
  35. kbd,
  36. samp {
  37. font-family: monospace, monospace;
  38. font-size: 1em; }
  39. small {
  40. font-size: 80%; }
  41. sub,
  42. sup {
  43. font-size: 75%;
  44. line-height: 0;
  45. position: relative;
  46. vertical-align: baseline; }
  47. sub {
  48. bottom: -0.25em; }
  49. sup {
  50. top: -0.5em; }
  51. img {
  52. border-style: none; }
  53. button,
  54. input,
  55. optgroup,
  56. select,
  57. textarea {
  58. font-family: inherit;
  59. font-size: 100%;
  60. line-height: 1.15;
  61. margin: 0; }
  62. button,
  63. input {
  64. overflow: visible; }
  65. button,
  66. select {
  67. text-transform: none; }
  68. button,
  69. [type="button"],
  70. [type="reset"],
  71. [type="submit"] {
  72. -webkit-appearance: button; }
  73. button::-moz-focus-inner,
  74. [type="button"]::-moz-focus-inner,
  75. [type="reset"]::-moz-focus-inner,
  76. [type="submit"]::-moz-focus-inner {
  77. border-style: none;
  78. padding: 0; }
  79. button:-moz-focusring,
  80. [type="button"]:-moz-focusring,
  81. [type="reset"]:-moz-focusring,
  82. [type="submit"]:-moz-focusring {
  83. outline: 1px dotted ButtonText; }
  84. fieldset {
  85. padding: 0.35em 0.75em 0.625em; }
  86. legend {
  87. box-sizing: border-box;
  88. color: inherit;
  89. display: table;
  90. max-width: 100%;
  91. padding: 0;
  92. white-space: normal; }
  93. progress {
  94. vertical-align: baseline; }
  95. textarea {
  96. overflow: auto; }
  97. [type="checkbox"],
  98. [type="radio"] {
  99. box-sizing: border-box;
  100. padding: 0; }
  101. [type="number"]::-webkit-inner-spin-button,
  102. [type="number"]::-webkit-outer-spin-button {
  103. height: auto; }
  104. [type="search"] {
  105. -webkit-appearance: textfield;
  106. outline-offset: -2px; }
  107. [type="search"]::-webkit-search-decoration {
  108. -webkit-appearance: none; }
  109. ::-webkit-file-upload-button {
  110. -webkit-appearance: button;
  111. font: inherit; }
  112. details {
  113. display: block; }
  114. summary {
  115. display: list-item; }
  116. template {
  117. display: none; }
  118. [hidden] {
  119. display: none; }
  120. .foundation-mq {
  121. font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }
  122. html {
  123. box-sizing: border-box;
  124. font-size: 100%; }
  125. *,
  126. *::before,
  127. *::after {
  128. box-sizing: inherit; }
  129. body {
  130. margin: 0;
  131. padding: 0;
  132. background: #fefefe;
  133. font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  134. font-weight: normal;
  135. line-height: 1.5;
  136. color: #0a0a0a;
  137. -webkit-font-smoothing: antialiased;
  138. -moz-osx-font-smoothing: grayscale; }
  139. img {
  140. display: inline-block;
  141. vertical-align: middle;
  142. max-width: 100%;
  143. height: auto;
  144. -ms-interpolation-mode: bicubic; }
  145. textarea {
  146. height: auto;
  147. min-height: 50px;
  148. border-radius: 0; }
  149. select {
  150. box-sizing: border-box;
  151. width: 100%;
  152. border-radius: 0; }
  153. .map_canvas img,
  154. .map_canvas embed,
  155. .map_canvas object,
  156. .mqa-display img,
  157. .mqa-display embed,
  158. .mqa-display object {
  159. max-width: none !important; }
  160. button {
  161. padding: 0;
  162. appearance: none;
  163. border: 0;
  164. border-radius: 0;
  165. background: transparent;
  166. line-height: 1;
  167. cursor: auto; }
  168. [data-whatinput='mouse'] button {
  169. outline: 0; }
  170. pre {
  171. overflow: auto; }
  172. button,
  173. input,
  174. optgroup,
  175. select,
  176. textarea {
  177. font-family: inherit; }
  178. .is-visible {
  179. display: block !important; }
  180. .is-hidden {
  181. display: none !important; }
  182. [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
  183. textarea {
  184. display: block;
  185. box-sizing: border-box;
  186. width: 100%;
  187. height: 2.4375rem;
  188. margin: 0 0 1rem;
  189. padding: 0.5rem;
  190. border: 1px solid #cacaca;
  191. border-radius: 0;
  192. background-color: #fefefe;
  193. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  194. font-family: inherit;
  195. font-size: 1rem;
  196. font-weight: normal;
  197. line-height: 1.5;
  198. color: #0a0a0a;
  199. transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  200. appearance: none; }
  201. [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  202. textarea:focus {
  203. outline: none;
  204. border: 1px solid #8a8a8a;
  205. background-color: #fefefe;
  206. box-shadow: 0 0 5px #cacaca;
  207. transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  208. textarea {
  209. max-width: 100%; }
  210. textarea[rows] {
  211. height: auto; }
  212. input:disabled, input[readonly],
  213. textarea:disabled,
  214. textarea[readonly] {
  215. background-color: #e6e6e6;
  216. cursor: not-allowed; }
  217. [type='submit'],
  218. [type='button'] {
  219. appearance: none;
  220. border-radius: 0; }
  221. input[type='search'] {
  222. box-sizing: border-box; }
  223. ::placeholder {
  224. color: #cacaca; }
  225. [type='file'],
  226. [type='checkbox'],
  227. [type='radio'] {
  228. margin: 0 0 1rem; }
  229. [type='checkbox'] + label,
  230. [type='radio'] + label {
  231. display: inline-block;
  232. vertical-align: baseline;
  233. margin-left: 0.5rem;
  234. margin-right: 1rem;
  235. margin-bottom: 0; }
  236. [type='checkbox'] + label[for],
  237. [type='radio'] + label[for] {
  238. cursor: pointer; }
  239. label > [type='checkbox'],
  240. label > [type='radio'] {
  241. margin-right: 0.5rem; }
  242. [type='file'] {
  243. width: 100%; }
  244. label {
  245. display: block;
  246. margin: 0;
  247. font-size: 0.875rem;
  248. font-weight: normal;
  249. line-height: 1.8;
  250. color: #0a0a0a; }
  251. label.middle {
  252. margin: 0 0 1rem;
  253. padding: 0.5625rem 0; }
  254. .help-text {
  255. margin-top: -0.5rem;
  256. font-size: 0.8125rem;
  257. font-style: italic;
  258. color: #0a0a0a; }
  259. .input-group {
  260. display: flex;
  261. width: 100%;
  262. margin-bottom: 1rem;
  263. align-items: stretch; }
  264. .input-group > :first-child, .input-group > :first-child.input-group-button > * {
  265. border-radius: 0 0 0 0; }
  266. .input-group > :last-child, .input-group > :last-child.input-group-button > * {
  267. border-radius: 0 0 0 0; }
  268. .input-group-label, .input-group-field, .input-group-button, .input-group-button a,
  269. .input-group-button input,
  270. .input-group-button button,
  271. .input-group-button label {
  272. margin: 0;
  273. white-space: nowrap; }
  274. .input-group-label {
  275. padding: 0 1rem;
  276. border: 1px solid #cacaca;
  277. background: #e6e6e6;
  278. color: #0a0a0a;
  279. text-align: center;
  280. white-space: nowrap;
  281. display: flex;
  282. flex: 0 0 auto;
  283. align-items: center; }
  284. .input-group-label:first-child {
  285. border-right: 0; }
  286. .input-group-label:last-child {
  287. border-left: 0; }
  288. .input-group-field {
  289. border-radius: 0;
  290. flex: 1 1 0px;
  291. min-width: 0; }
  292. .input-group-button {
  293. padding-top: 0;
  294. padding-bottom: 0;
  295. text-align: center;
  296. display: flex;
  297. flex: 0 0 auto; }
  298. .input-group-button a,
  299. .input-group-button input,
  300. .input-group-button button,
  301. .input-group-button label {
  302. align-self: stretch;
  303. height: auto;
  304. padding-top: 0;
  305. padding-bottom: 0;
  306. font-size: 1rem; }
  307. fieldset {
  308. margin: 0;
  309. padding: 0;
  310. border: 0; }
  311. legend {
  312. max-width: 100%;
  313. margin-bottom: 0.5rem; }
  314. .fieldset {
  315. margin: 1.125rem 0;
  316. padding: 1.25rem;
  317. border: 1px solid #cacaca; }
  318. .fieldset legend {
  319. margin: 0;
  320. margin-left: -0.1875rem;
  321. padding: 0 0.1875rem; }
  322. select {
  323. height: 2.4375rem;
  324. margin: 0 0 1rem;
  325. padding: 0.5rem;
  326. appearance: none;
  327. border: 1px solid #cacaca;
  328. border-radius: 0;
  329. background-color: #fefefe;
  330. font-family: inherit;
  331. font-size: 1rem;
  332. font-weight: normal;
  333. line-height: 1.5;
  334. color: #0a0a0a;
  335. background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  336. background-origin: content-box;
  337. background-position: right -1rem center;
  338. background-repeat: no-repeat;
  339. background-size: 9px 6px;
  340. padding-right: 1.5rem;
  341. transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  342. @media screen and (min-width: 0\0) {
  343. select {
  344. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
  345. select:focus {
  346. outline: none;
  347. border: 1px solid #8a8a8a;
  348. background-color: #fefefe;
  349. box-shadow: 0 0 5px #cacaca;
  350. transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  351. select:disabled {
  352. background-color: #e6e6e6;
  353. cursor: not-allowed; }
  354. select::-ms-expand {
  355. display: none; }
  356. select[multiple] {
  357. height: auto;
  358. background-image: none; }
  359. select:not([multiple]) {
  360. padding-top: 0;
  361. padding-bottom: 0; }
  362. .is-invalid-input:not(:focus) {
  363. border-color: #cc4b37;
  364. background-color: #f9ecea; }
  365. .is-invalid-input:not(:focus)::placeholder {
  366. color: #cc4b37; }
  367. .is-invalid-label {
  368. color: #cc4b37; }
  369. .form-error {
  370. display: none;
  371. margin-top: -0.5rem;
  372. margin-bottom: 1rem;
  373. font-size: 0.75rem;
  374. font-weight: bold;
  375. color: #cc4b37; }
  376. .form-error.is-visible {
  377. display: block; }
  378. .row {
  379. max-width: 100%;
  380. margin-right: auto;
  381. margin-left: auto;
  382. display: flex;
  383. flex-flow: row wrap; }
  384. .row .row {
  385. margin-right: -0.625rem;
  386. margin-left: -0.625rem; }
  387. @media print, screen and (min-width: 40em) {
  388. .row .row {
  389. margin-right: -0.9375rem;
  390. margin-left: -0.9375rem; } }
  391. @media print, screen and (min-width: 64em) {
  392. .row .row {
  393. margin-right: -0.9375rem;
  394. margin-left: -0.9375rem; } }
  395. .row .row.collapse {
  396. margin-right: 0;
  397. margin-left: 0; }
  398. .row.expanded {
  399. max-width: none; }
  400. .row.expanded .row {
  401. margin-right: auto;
  402. margin-left: auto; }
  403. .row:not(.expanded) .row {
  404. max-width: none; }
  405. .row.collapse > .column, .row.collapse > .columns {
  406. padding-right: 0;
  407. padding-left: 0; }
  408. .row.is-collapse-child,
  409. .row.collapse > .column > .row,
  410. .row.collapse > .columns > .row {
  411. margin-right: 0;
  412. margin-left: 0; }
  413. .column, .columns {
  414. flex: 1 1 0px;
  415. padding-right: 0.625rem;
  416. padding-left: 0.625rem;
  417. min-width: 0; }
  418. @media print, screen and (min-width: 40em) {
  419. .column, .columns {
  420. padding-right: 0.9375rem;
  421. padding-left: 0.9375rem; } }
  422. .column.row.row, .row.row.columns {
  423. float: none;
  424. display: block; }
  425. .row .column.row.row, .row .row.row.columns {
  426. margin-right: 0;
  427. margin-left: 0;
  428. padding-right: 0;
  429. padding-left: 0; }
  430. .small-1 {
  431. flex: 0 0 8.33333%;
  432. max-width: 8.33333%; }
  433. .small-offset-0 {
  434. margin-left: 0%; }
  435. .small-2 {
  436. flex: 0 0 16.66667%;
  437. max-width: 16.66667%; }
  438. .small-offset-1 {
  439. margin-left: 8.33333%; }
  440. .small-3 {
  441. flex: 0 0 25%;
  442. max-width: 25%; }
  443. .small-offset-2 {
  444. margin-left: 16.66667%; }
  445. .small-4 {
  446. flex: 0 0 33.33333%;
  447. max-width: 33.33333%; }
  448. .small-offset-3 {
  449. margin-left: 25%; }
  450. .small-5 {
  451. flex: 0 0 41.66667%;
  452. max-width: 41.66667%; }
  453. .small-offset-4 {
  454. margin-left: 33.33333%; }
  455. .small-6 {
  456. flex: 0 0 50%;
  457. max-width: 50%; }
  458. .small-offset-5 {
  459. margin-left: 41.66667%; }
  460. .small-7 {
  461. flex: 0 0 58.33333%;
  462. max-width: 58.33333%; }
  463. .small-offset-6 {
  464. margin-left: 50%; }
  465. .small-8 {
  466. flex: 0 0 66.66667%;
  467. max-width: 66.66667%; }
  468. .small-offset-7 {
  469. margin-left: 58.33333%; }
  470. .small-9 {
  471. flex: 0 0 75%;
  472. max-width: 75%; }
  473. .small-offset-8 {
  474. margin-left: 66.66667%; }
  475. .small-10 {
  476. flex: 0 0 83.33333%;
  477. max-width: 83.33333%; }
  478. .small-offset-9 {
  479. margin-left: 75%; }
  480. .small-11 {
  481. flex: 0 0 91.66667%;
  482. max-width: 91.66667%; }
  483. .small-offset-10 {
  484. margin-left: 83.33333%; }
  485. .small-12 {
  486. flex: 0 0 100%;
  487. max-width: 100%; }
  488. .small-offset-11 {
  489. margin-left: 91.66667%; }
  490. .small-up-1 {
  491. flex-wrap: wrap; }
  492. .small-up-1 > .column, .small-up-1 > .columns {
  493. flex: 0 0 100%;
  494. max-width: 100%; }
  495. .small-up-2 {
  496. flex-wrap: wrap; }
  497. .small-up-2 > .column, .small-up-2 > .columns {
  498. flex: 0 0 50%;
  499. max-width: 50%; }
  500. .small-up-3 {
  501. flex-wrap: wrap; }
  502. .small-up-3 > .column, .small-up-3 > .columns {
  503. flex: 0 0 33.33333%;
  504. max-width: 33.33333%; }
  505. .small-up-4 {
  506. flex-wrap: wrap; }
  507. .small-up-4 > .column, .small-up-4 > .columns {
  508. flex: 0 0 25%;
  509. max-width: 25%; }
  510. .small-up-5 {
  511. flex-wrap: wrap; }
  512. .small-up-5 > .column, .small-up-5 > .columns {
  513. flex: 0 0 20%;
  514. max-width: 20%; }
  515. .small-up-6 {
  516. flex-wrap: wrap; }
  517. .small-up-6 > .column, .small-up-6 > .columns {
  518. flex: 0 0 16.66667%;
  519. max-width: 16.66667%; }
  520. .small-up-7 {
  521. flex-wrap: wrap; }
  522. .small-up-7 > .column, .small-up-7 > .columns {
  523. flex: 0 0 14.28571%;
  524. max-width: 14.28571%; }
  525. .small-up-8 {
  526. flex-wrap: wrap; }
  527. .small-up-8 > .column, .small-up-8 > .columns {
  528. flex: 0 0 12.5%;
  529. max-width: 12.5%; }
  530. .small-collapse > .column, .small-collapse > .columns {
  531. padding-right: 0;
  532. padding-left: 0; }
  533. .small-uncollapse > .column, .small-uncollapse > .columns {
  534. padding-right: 0.625rem;
  535. padding-left: 0.625rem; }
  536. @media print, screen and (min-width: 40em) {
  537. .medium-1 {
  538. flex: 0 0 8.33333%;
  539. max-width: 8.33333%; }
  540. .medium-offset-0 {
  541. margin-left: 0%; }
  542. .medium-2 {
  543. flex: 0 0 16.66667%;
  544. max-width: 16.66667%; }
  545. .medium-offset-1 {
  546. margin-left: 8.33333%; }
  547. .medium-3 {
  548. flex: 0 0 25%;
  549. max-width: 25%; }
  550. .medium-offset-2 {
  551. margin-left: 16.66667%; }
  552. .medium-4 {
  553. flex: 0 0 33.33333%;
  554. max-width: 33.33333%; }
  555. .medium-offset-3 {
  556. margin-left: 25%; }
  557. .medium-5 {
  558. flex: 0 0 41.66667%;
  559. max-width: 41.66667%; }
  560. .medium-offset-4 {
  561. margin-left: 33.33333%; }
  562. .medium-6 {
  563. flex: 0 0 50%;
  564. max-width: 50%; }
  565. .medium-offset-5 {
  566. margin-left: 41.66667%; }
  567. .medium-7 {
  568. flex: 0 0 58.33333%;
  569. max-width: 58.33333%; }
  570. .medium-offset-6 {
  571. margin-left: 50%; }
  572. .medium-8 {
  573. flex: 0 0 66.66667%;
  574. max-width: 66.66667%; }
  575. .medium-offset-7 {
  576. margin-left: 58.33333%; }
  577. .medium-9 {
  578. flex: 0 0 75%;
  579. max-width: 75%; }
  580. .medium-offset-8 {
  581. margin-left: 66.66667%; }
  582. .medium-10 {
  583. flex: 0 0 83.33333%;
  584. max-width: 83.33333%; }
  585. .medium-offset-9 {
  586. margin-left: 75%; }
  587. .medium-11 {
  588. flex: 0 0 91.66667%;
  589. max-width: 91.66667%; }
  590. .medium-offset-10 {
  591. margin-left: 83.33333%; }
  592. .medium-12 {
  593. flex: 0 0 100%;
  594. max-width: 100%; }
  595. .medium-offset-11 {
  596. margin-left: 91.66667%; }
  597. .medium-up-1 {
  598. flex-wrap: wrap; }
  599. .medium-up-1 > .column, .medium-up-1 > .columns {
  600. flex: 0 0 100%;
  601. max-width: 100%; }
  602. .medium-up-2 {
  603. flex-wrap: wrap; }
  604. .medium-up-2 > .column, .medium-up-2 > .columns {
  605. flex: 0 0 50%;
  606. max-width: 50%; }
  607. .medium-up-3 {
  608. flex-wrap: wrap; }
  609. .medium-up-3 > .column, .medium-up-3 > .columns {
  610. flex: 0 0 33.33333%;
  611. max-width: 33.33333%; }
  612. .medium-up-4 {
  613. flex-wrap: wrap; }
  614. .medium-up-4 > .column, .medium-up-4 > .columns {
  615. flex: 0 0 25%;
  616. max-width: 25%; }
  617. .medium-up-5 {
  618. flex-wrap: wrap; }
  619. .medium-up-5 > .column, .medium-up-5 > .columns {
  620. flex: 0 0 20%;
  621. max-width: 20%; }
  622. .medium-up-6 {
  623. flex-wrap: wrap; }
  624. .medium-up-6 > .column, .medium-up-6 > .columns {
  625. flex: 0 0 16.66667%;
  626. max-width: 16.66667%; }
  627. .medium-up-7 {
  628. flex-wrap: wrap; }
  629. .medium-up-7 > .column, .medium-up-7 > .columns {
  630. flex: 0 0 14.28571%;
  631. max-width: 14.28571%; }
  632. .medium-up-8 {
  633. flex-wrap: wrap; }
  634. .medium-up-8 > .column, .medium-up-8 > .columns {
  635. flex: 0 0 12.5%;
  636. max-width: 12.5%; } }
  637. @media print, screen and (min-width: 40em) and (min-width: 40em) {
  638. .medium-expand {
  639. flex: 1 1 0px; } }
  640. .row.medium-unstack > .column, .row.medium-unstack > .columns {
  641. flex: 0 0 100%; }
  642. @media print, screen and (min-width: 40em) {
  643. .row.medium-unstack > .column, .row.medium-unstack > .columns {
  644. flex: 1 1 0px; } }
  645. @media print, screen and (min-width: 40em) {
  646. .medium-collapse > .column, .medium-collapse > .columns {
  647. padding-right: 0;
  648. padding-left: 0; }
  649. .medium-uncollapse > .column, .medium-uncollapse > .columns {
  650. padding-right: 0.9375rem;
  651. padding-left: 0.9375rem; } }
  652. @media print, screen and (min-width: 64em) {
  653. .large-1 {
  654. flex: 0 0 8.33333%;
  655. max-width: 8.33333%; }
  656. .large-offset-0 {
  657. margin-left: 0%; }
  658. .large-2 {
  659. flex: 0 0 16.66667%;
  660. max-width: 16.66667%; }
  661. .large-offset-1 {
  662. margin-left: 8.33333%; }
  663. .large-3 {
  664. flex: 0 0 25%;
  665. max-width: 25%; }
  666. .large-offset-2 {
  667. margin-left: 16.66667%; }
  668. .large-4 {
  669. flex: 0 0 33.33333%;
  670. max-width: 33.33333%; }
  671. .large-offset-3 {
  672. margin-left: 25%; }
  673. .large-5 {
  674. flex: 0 0 41.66667%;
  675. max-width: 41.66667%; }
  676. .large-offset-4 {
  677. margin-left: 33.33333%; }
  678. .large-6 {
  679. flex: 0 0 50%;
  680. max-width: 50%; }
  681. .large-offset-5 {
  682. margin-left: 41.66667%; }
  683. .large-7 {
  684. flex: 0 0 58.33333%;
  685. max-width: 58.33333%; }
  686. .large-offset-6 {
  687. margin-left: 50%; }
  688. .large-8 {
  689. flex: 0 0 66.66667%;
  690. max-width: 66.66667%; }
  691. .large-offset-7 {
  692. margin-left: 58.33333%; }
  693. .large-9 {
  694. flex: 0 0 75%;
  695. max-width: 75%; }
  696. .large-offset-8 {
  697. margin-left: 66.66667%; }
  698. .large-10 {
  699. flex: 0 0 83.33333%;
  700. max-width: 83.33333%; }
  701. .large-offset-9 {
  702. margin-left: 75%; }
  703. .large-11 {
  704. flex: 0 0 91.66667%;
  705. max-width: 91.66667%; }
  706. .large-offset-10 {
  707. margin-left: 83.33333%; }
  708. .large-12 {
  709. flex: 0 0 100%;
  710. max-width: 100%; }
  711. .large-offset-11 {
  712. margin-left: 91.66667%; }
  713. .large-up-1 {
  714. flex-wrap: wrap; }
  715. .large-up-1 > .column, .large-up-1 > .columns {
  716. flex: 0 0 100%;
  717. max-width: 100%; }
  718. .large-up-2 {
  719. flex-wrap: wrap; }
  720. .large-up-2 > .column, .large-up-2 > .columns {
  721. flex: 0 0 50%;
  722. max-width: 50%; }
  723. .large-up-3 {
  724. flex-wrap: wrap; }
  725. .large-up-3 > .column, .large-up-3 > .columns {
  726. flex: 0 0 33.33333%;
  727. max-width: 33.33333%; }
  728. .large-up-4 {
  729. flex-wrap: wrap; }
  730. .large-up-4 > .column, .large-up-4 > .columns {
  731. flex: 0 0 25%;
  732. max-width: 25%; }
  733. .large-up-5 {
  734. flex-wrap: wrap; }
  735. .large-up-5 > .column, .large-up-5 > .columns {
  736. flex: 0 0 20%;
  737. max-width: 20%; }
  738. .large-up-6 {
  739. flex-wrap: wrap; }
  740. .large-up-6 > .column, .large-up-6 > .columns {
  741. flex: 0 0 16.66667%;
  742. max-width: 16.66667%; }
  743. .large-up-7 {
  744. flex-wrap: wrap; }
  745. .large-up-7 > .column, .large-up-7 > .columns {
  746. flex: 0 0 14.28571%;
  747. max-width: 14.28571%; }
  748. .large-up-8 {
  749. flex-wrap: wrap; }
  750. .large-up-8 > .column, .large-up-8 > .columns {
  751. flex: 0 0 12.5%;
  752. max-width: 12.5%; } }
  753. @media print, screen and (min-width: 64em) and (min-width: 64em) {
  754. .large-expand {
  755. flex: 1 1 0px; } }
  756. .row.large-unstack > .column, .row.large-unstack > .columns {
  757. flex: 0 0 100%; }
  758. @media print, screen and (min-width: 64em) {
  759. .row.large-unstack > .column, .row.large-unstack > .columns {
  760. flex: 1 1 0px; } }
  761. @media print, screen and (min-width: 64em) {
  762. .large-collapse > .column, .large-collapse > .columns {
  763. padding-right: 0;
  764. padding-left: 0; }
  765. .large-uncollapse > .column, .large-uncollapse > .columns {
  766. padding-right: 0.9375rem;
  767. padding-left: 0.9375rem; } }
  768. .shrink {
  769. flex: 0 0 auto;
  770. max-width: 100%; }
  771. .column-block {
  772. margin-bottom: 1.25rem; }
  773. .column-block > :last-child {
  774. margin-bottom: 0; }
  775. @media print, screen and (min-width: 40em) {
  776. .column-block {
  777. margin-bottom: 1.875rem; }
  778. .column-block > :last-child {
  779. margin-bottom: 0; } }
  780. /*setup*/
  781. /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
  782. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  783. border: 0;
  784. font-size: 100%;
  785. font: inherit;
  786. vertical-align: baseline;
  787. margin: 0;
  788. padding: 0; }
  789. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  790. display: block; }
  791. body {
  792. line-height: 1; }
  793. ol, ul {
  794. list-style: none; }
  795. blockquote, q {
  796. quotes: none; }
  797. blockquote:before, blockquote:after, q:before, q:after {
  798. content: none; }
  799. table {
  800. border-collapse: collapse;
  801. border-spacing: 0; }
  802. /* Slider */
  803. .slick-slider {
  804. position: relative;
  805. display: block;
  806. box-sizing: border-box;
  807. -webkit-touch-callout: none;
  808. -webkit-user-select: none;
  809. -khtml-user-select: none;
  810. -moz-user-select: none;
  811. -ms-user-select: none;
  812. user-select: none;
  813. -ms-touch-action: pan-y;
  814. touch-action: pan-y;
  815. -webkit-tap-highlight-color: transparent; }
  816. .slick-list {
  817. position: relative;
  818. overflow: hidden;
  819. display: block;
  820. margin: 0;
  821. padding: 0; }
  822. .slick-list:focus {
  823. outline: none; }
  824. .slick-list.dragging {
  825. cursor: pointer;
  826. cursor: hand; }
  827. .slick-slider .slick-track,
  828. .slick-slider .slick-list {
  829. -webkit-transform: translate3d(0, 0, 0);
  830. -moz-transform: translate3d(0, 0, 0);
  831. -ms-transform: translate3d(0, 0, 0);
  832. -o-transform: translate3d(0, 0, 0);
  833. transform: translate3d(0, 0, 0); }
  834. .slick-track {
  835. position: relative;
  836. left: 0;
  837. top: 0;
  838. display: block;
  839. margin-left: auto;
  840. margin-right: auto; }
  841. .slick-track:before, .slick-track:after {
  842. content: "";
  843. display: table; }
  844. .slick-track:after {
  845. clear: both; }
  846. .slick-loading .slick-track {
  847. visibility: hidden; }
  848. .slick-slide {
  849. float: left;
  850. height: 100%;
  851. min-height: 1px;
  852. display: none; }
  853. [dir="rtl"] .slick-slide {
  854. float: right; }
  855. .slick-slide img {
  856. display: block; }
  857. .slick-slide.slick-loading img {
  858. display: none; }
  859. .slick-slide.dragging img {
  860. pointer-events: none; }
  861. .slick-initialized .slick-slide {
  862. display: block; }
  863. .slick-loading .slick-slide {
  864. visibility: hidden; }
  865. .slick-vertical .slick-slide {
  866. display: block;
  867. height: auto;
  868. border: 1px solid transparent; }
  869. .slick-arrow.slick-hidden {
  870. display: none; }
  871. @media (min-width: 48rem) {
  872. :root {
  873. font-size: calc(1rem + ((1vw - .48rem) * 1.389));
  874. /* .48rem = viewportWidthMinimum /100 */
  875. /* 1.389rem = 100 * fontSizeDifference / viewportWidthDifference */ } }
  876. @media (min-width: 120em) {
  877. :root {
  878. font-size: 2rem; } }
  879. @font-face {
  880. font-family: 'duke';
  881. src: url("../fonts/Duke_Fill.otf") format("opentype");
  882. font-weight: 400;
  883. font-style: normal; }
  884. /*trueno*/
  885. @font-face {
  886. font-family: 'trueno';
  887. src: url("../fonts/trueno/truenobd-webfont.woff2") format("woff2"), url("../fonts/trueno/truenobd-webfont.woff") format("woff");
  888. font-weight: 600;
  889. font-style: normal; }
  890. @font-face {
  891. font-family: 'trueno';
  892. src: url("../fonts/trueno/truenobdit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenobdit-webfont.woff") format("woff");
  893. font-weight: 600;
  894. font-style: italic; }
  895. @font-face {
  896. font-family: 'trueno_outline';
  897. src: url("../fonts/trueno/truenobdol-webfont.woff2") format("woff2"), url("../fonts/trueno/truenobdol-webfont.woff") format("woff");
  898. font-weight: 600;
  899. font-style: normal; }
  900. @font-face {
  901. font-family: 'trueno_outline';
  902. src: url("../fonts/trueno/truenobdolit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenobdolit-webfont.woff") format("woff");
  903. font-weight: 600;
  904. font-style: italic; }
  905. @font-face {
  906. font-family: 'trueno';
  907. src: url("../fonts/trueno/truenoblk-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoblk-webfont.woff") format("woff");
  908. font-weight: 800;
  909. font-style: normal; }
  910. @font-face {
  911. font-family: 'trueno';
  912. src: url("../fonts/trueno/truenoblkit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoblkit-webfont.woff") format("woff");
  913. font-weight: 800;
  914. font-style: italic; }
  915. @font-face {
  916. font-family: 'trueno_outline';
  917. src: url("../fonts/trueno/truenoblkol-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoblkol-webfont.woff") format("woff");
  918. font-weight: 800;
  919. font-style: normal; }
  920. @font-face {
  921. font-family: 'trueno_outline';
  922. src: url("../fonts/trueno/truenoblkolit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoblkolit-webfont.woff") format("woff");
  923. font-weight: 800;
  924. font-style: italic; }
  925. @font-face {
  926. font-family: 'truenoextrabold';
  927. src: url("../fonts/trueno/truenoexbd-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoexbd-webfont.woff") format("woff");
  928. font-weight: 900;
  929. font-style: normal; }
  930. @font-face {
  931. font-family: 'trueno';
  932. src: url("../fonts/trueno/truenoexbdit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoexbdit-webfont.woff") format("woff");
  933. font-weight: 900;
  934. font-style: italic; }
  935. @font-face {
  936. font-family: 'trueno_outline';
  937. src: url("../fonts/trueno/truenoexbdol-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoexbdol-webfont.woff") format("woff");
  938. font-weight: 900;
  939. font-style: normal; }
  940. @font-face {
  941. font-family: 'trueno_outline';
  942. src: url("../fonts/trueno/truenoexbdolit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoexbdolit-webfont.woff") format("woff");
  943. font-weight: 900;
  944. font-style: italic; }
  945. @font-face {
  946. font-family: 'trueno';
  947. src: url("../fonts/trueno/truenolt-webfont.woff2") format("woff2"), url("../fonts/trueno/truenolt-webfont.woff") format("woff");
  948. font-weight: 300;
  949. font-style: normal; }
  950. @font-face {
  951. font-family: 'trueno';
  952. src: url("../fonts/trueno/truenoltit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoltit-webfont.woff") format("woff");
  953. font-weight: 300;
  954. font-style: italic; }
  955. @font-face {
  956. font-family: 'trueno';
  957. src: url("../fonts/trueno/truenorg-webfont.woff2") format("woff2"), url("../fonts/trueno/truenorg-webfont.woff") format("woff");
  958. font-weight: 400;
  959. font-style: normal; }
  960. @font-face {
  961. font-family: 'trueno';
  962. src: url("../fonts/trueno/truenorgit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenorgit-webfont.woff") format("woff");
  963. font-weight: 400;
  964. font-style: italic; }
  965. @font-face {
  966. font-family: 'trueno';
  967. src: url("../fonts/trueno/truenosbd-webfont.woff2") format("woff2"), url("../fonts/trueno/truenosbd-webfont.woff") format("woff");
  968. font-weight: 500;
  969. font-style: normal; }
  970. @font-face {
  971. font-family: 'trueno';
  972. src: url("../fonts/trueno/truenosbdit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenosbdit-webfont.woff") format("woff");
  973. font-weight: 500;
  974. font-style: italic; }
  975. @font-face {
  976. font-family: 'trueno';
  977. src: url("../fonts/trueno/truenoultblk-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoultblk-webfont.woff") format("woff");
  978. font-weight: 1000;
  979. font-style: normal; }
  980. @font-face {
  981. font-family: 'trueno';
  982. src: url("../fonts/trueno/truenoultblkit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoultblkit-webfont.woff") format("woff");
  983. font-weight: 1000;
  984. font-style: italic; }
  985. @font-face {
  986. font-family: 'trueno';
  987. src: url("../fonts/trueno/truenoultlt-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoultlt-webfont.woff") format("woff");
  988. font-weight: 100;
  989. font-style: normal; }
  990. @font-face {
  991. font-family: 'trueno';
  992. src: url("../fonts/trueno/truenoultltit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoultltit-webfont.woff") format("woff");
  993. font-weight: 100;
  994. font-style: italic; }
  995. body {
  996. font-family: "trueno";
  997. font-size: 0.6rem;
  998. font-weight: 300;
  999. line-height: 1.5;
  1000. background: #eff2f9; }
  1001. main h2 {
  1002. text-transform: uppercase;
  1003. font-family: 'duke';
  1004. font-size: 2.3rem; }
  1005. a {
  1006. color: inherit; }
  1007. .ext {
  1008. display: none; }
  1009. strong {
  1010. font-weight: 600; }
  1011. iframe {
  1012. display: none; }
  1013. .slick-arrow {
  1014. font-size: 0;
  1015. background: center/40% no-repeat url(../images/fleche.svg); }
  1016. .slick-prev {
  1017. -moz-transform: rotate(180deg);
  1018. -webkit-transform: rotate(180deg);
  1019. -o-transform: rotate(180deg);
  1020. -ms-transform: rotate(180deg);
  1021. transform: rotate(180deg); }
  1022. .layout--threecol-25-50-25 {
  1023. display: grid;
  1024. grid-template-columns: 20% minmax(0, 1fr) 20%;
  1025. column-gap: 3rem;
  1026. row-gap: 1rem;
  1027. position: relative; }
  1028. .layout__region--bottom {
  1029. grid-column: 1 /span 3; }
  1030. /*pages*/
  1031. .header_top_middle_container .programme-1 .views-field-field-programme .field-content {
  1032. background: #4dabc1; }
  1033. .header_top_middle_container .programme-1 .views-field {
  1034. color: #4dabc1; }
  1035. .header_top_middle_container .programme-1 .views-field-title {
  1036. color: #4dabc1; }
  1037. .header_top_middle_container .programme-1 .views-field-title:hover {
  1038. background: #4dabc1;
  1039. color: white; }
  1040. .header_top_middle_container .programme-2 .views-field-field-programme .field-content {
  1041. background: #61ab32; }
  1042. .header_top_middle_container .programme-2 .views-field {
  1043. color: #61ab32; }
  1044. .header_top_middle_container .programme-2 .views-field-title {
  1045. color: #61ab32; }
  1046. .header_top_middle_container .programme-2 .views-field-title:hover {
  1047. background: #61ab32;
  1048. color: white; }
  1049. .header_top_middle_container .programme-3 .views-field-field-programme .field-content {
  1050. background: #646578; }
  1051. .header_top_middle_container .programme-3 .views-field {
  1052. color: #646578; }
  1053. .header_top_middle_container .programme-3 .views-field-title {
  1054. color: #646578; }
  1055. .header_top_middle_container .programme-3 .views-field-title:hover {
  1056. background: #646578;
  1057. color: white; }
  1058. .header_top_middle_container .programme-4 .views-field-field-programme .field-content {
  1059. background: #61ab32; }
  1060. .header_top_middle_container .programme-4 .views-field {
  1061. color: #61ab32; }
  1062. .header_top_middle_container .programme-4 .views-field-title {
  1063. color: #61ab32; }
  1064. .header_top_middle_container .programme-4 .views-field-title:hover {
  1065. background: #61ab32;
  1066. color: white; }
  1067. .header_top_middle_container .programme-5 .views-field-field-programme .field-content {
  1068. background: #ab9569; }
  1069. .header_top_middle_container .programme-5 .views-field {
  1070. color: #ab9569; }
  1071. .header_top_middle_container .programme-5 .views-field-title {
  1072. color: #ab9569; }
  1073. .header_top_middle_container .programme-5 .views-field-title:hover {
  1074. background: #ab9569;
  1075. color: white; }
  1076. .header_top_middle_container .programme-6 .views-field-field-programme .field-content {
  1077. background: #e01a35; }
  1078. .header_top_middle_container .programme-6 .views-field {
  1079. color: #e01a35; }
  1080. .header_top_middle_container .programme-6 .views-field-title {
  1081. color: #e01a35; }
  1082. .header_top_middle_container .programme-6 .views-field-title:hover {
  1083. background: #e01a35;
  1084. color: white; }
  1085. .header_top_middle_container .programme-7 .views-field-field-programme .field-content {
  1086. background: #28429f; }
  1087. .header_top_middle_container .programme-7 .views-field {
  1088. color: #28429f; }
  1089. .header_top_middle_container .programme-7 .views-field-title {
  1090. color: #28429f; }
  1091. .header_top_middle_container .programme-7 .views-field-title:hover {
  1092. background: #28429f;
  1093. color: white; }
  1094. #header-top {
  1095. height: 5rem;
  1096. background: white;
  1097. padding-bottom: 1rem;
  1098. padding-top: 1rem; }
  1099. .header_top_left_container {
  1100. height: 100%; }
  1101. .header_top_left_container > div:first-child {
  1102. height: 100%; }
  1103. .header_top_left_container a[rel~='home'] {
  1104. height: 100%;
  1105. display: block;
  1106. font-size: 0;
  1107. color: transparent;
  1108. background: left/contain no-repeat url(../images/POPSU_logo.svg); }
  1109. .header_top_middle_container {
  1110. height: 100%; }
  1111. .header_top_middle_container .views-element-container {
  1112. height: 100%; }
  1113. .header_top_middle_container .views-element-container > div:first-child {
  1114. height: 100%; }
  1115. .header_top_middle_container .views-element-container > div:first-child > div:first-child {
  1116. height: 100%;
  1117. display: grid;
  1118. grid-template-columns: repeat(4, 1fr);
  1119. align-items: center; }
  1120. .header_top_middle_container .views-element-container > div:first-child > div:first-child > div:first-child {
  1121. grid-column-start: 2; }
  1122. .header_top_middle_container .views-row {
  1123. text-align: center;
  1124. display: inline-block;
  1125. width: auto; }
  1126. .header_top_middle_container .views-row a {
  1127. text-transform: uppercase;
  1128. text-decoration: none;
  1129. font-weight: 600; }
  1130. .header_top_middle_container .views-row .views-field-title {
  1131. display: inline-block;
  1132. width: auto;
  1133. padding: .2rem .5rem; }
  1134. .close-block, .open-block {
  1135. cursor: pointer; }
  1136. .close-block span, .open-block span {
  1137. display: block;
  1138. width: 33px;
  1139. height: 2px;
  1140. position: relative;
  1141. background: black;
  1142. border-radius: 3px;
  1143. z-index: 1; }
  1144. .close-block {
  1145. padding-top: 1rem; }
  1146. .close-block span {
  1147. transform-origin: center; }
  1148. .close-block > div > span:first-child {
  1149. transform: translateY(57%) rotate(45deg); }
  1150. .close-block > div > span:nth-child(2) {
  1151. transform: rotate(-45deg); }
  1152. .open-block {
  1153. height: 100%;
  1154. display: grid;
  1155. align-items: center; }
  1156. .open-block span {
  1157. margin-bottom: 5px;
  1158. transform-origin: 4px 0px; }
  1159. #header-top-right .header_top_right_container {
  1160. position: absolute;
  1161. top: 0;
  1162. left: 0;
  1163. width: 100%;
  1164. background: white;
  1165. display: none;
  1166. grid-template-columns: 10% 25% 25% 30% 10%;
  1167. padding: 1rem 0;
  1168. z-index: 100;
  1169. line-height: 2; }
  1170. #header-top-right .header_top_right_container nav {
  1171. grid-column-start: 2; }
  1172. #header-top-right .header_top_right_container a {
  1173. text-decoration: none;
  1174. font-weight: 400; }
  1175. #header-top-right .header_top_right_container a:hover {
  1176. text-decoration: underline; }
  1177. #header-top-right .header_top_right_container h2 {
  1178. font-weight: 100;
  1179. margin-bottom: .3rem; }
  1180. #header-top-right .header_top_right_container .views-field-title {
  1181. color: black !important; }
  1182. #header-top-right .header_top_right_container .views-field-title:hover {
  1183. background: transparent; }
  1184. #header-top-right .header_top_right_container .is-active {
  1185. font-weight: 800; }
  1186. #header-top-right .header_top_right_container #block-views-block-programmes-block-2 .views-row {
  1187. width: 100%; }
  1188. footer {
  1189. background: white; }
  1190. #footer-bottom {
  1191. padding: 2rem 0;
  1192. height: 15rem; }
  1193. #footer-bottom * {
  1194. word-wrap: break-word; }
  1195. #footer-bottom h2 {
  1196. font-weight: 500; }
  1197. #footer-bottom .footer_bottom_left_container {
  1198. height: 100%; }
  1199. #footer-bottom .footer_bottom_left_container div {
  1200. height: 100%; }
  1201. #footer-bottom .footer_bottom_left_container p {
  1202. height: 100%;
  1203. display: grid; }
  1204. #footer-bottom .logo-gouv {
  1205. height: 100%;
  1206. display: block;
  1207. color: transparent;
  1208. font-size: 0;
  1209. background: left/contain no-repeat url(../images/gouv.svg); }
  1210. #footer-bottom .logo-puca {
  1211. height: 100%;
  1212. display: block;
  1213. color: transparent;
  1214. font-size: 0;
  1215. background: left/contain no-repeat url(../images/puca.svg);
  1216. margin-top: -1.5rem; }
  1217. #footer-bottom #block-pieddepage ul {
  1218. line-height: 2; }
  1219. #footer-bottom #block-pieddepage ul li a {
  1220. text-transform: uppercase;
  1221. text-decoration: none;
  1222. font-weight: 400; }
  1223. #footer-bottom #block-pieddepage ul li a:hover {
  1224. text-decoration: underline; }
  1225. #footer-bottom .footer_bottom_right_container > div > div p {
  1226. display: inline-block; }
  1227. #footer-bottom .footer_bottom_right_container > div > div p a {
  1228. min-width: 3rem;
  1229. min-height: 3rem; }
  1230. #footer-bottom .footer_bottom_right_container > div > div p a[href*='twitter'] {
  1231. height: 100%;
  1232. display: block;
  1233. font-size: 0;
  1234. color: transparent;
  1235. background: left/contain no-repeat url(../images/tw.svg); }
  1236. #footer-bottom .footer_bottom_right_container > div > div p a[href*='linkedin'] {
  1237. height: 100%;
  1238. display: block;
  1239. font-size: 0;
  1240. color: transparent;
  1241. background: left/contain no-repeat url(../images/ln.svg); }
  1242. #footer-bottom .footer_bottom_right_container > div > div p a[href*='youtube'] {
  1243. height: 100%;
  1244. display: block;
  1245. font-size: 0;
  1246. color: transparent;
  1247. background: left/contain no-repeat url(../images/yt.svg); }
  1248. .path-frontpage .block-region-content {
  1249. display: grid;
  1250. grid-template-columns: repeat(3, minmax(0, 1fr));
  1251. align-items: center; }
  1252. .path-frontpage .block-region-content .views-element-container {
  1253. grid-column: 1 / span 3; }
  1254. .last-news .slick-slide, .last-ressources .slick-slide {
  1255. margin: 0 1rem; }
  1256. .last-news .slick-arrow, .last-ressources .slick-arrow {
  1257. position: absolute;
  1258. height: 100%;
  1259. cursor: pointer;
  1260. z-index: 100;
  1261. opacity: 0.2;
  1262. transition: opacity 250ms;
  1263. width: 10%; }
  1264. .last-news .slick-arrow:hover, .last-ressources .slick-arrow:hover {
  1265. opacity: .5; }
  1266. .last-news .slick-next, .last-ressources .slick-next {
  1267. right: 0;
  1268. top: 0; }
  1269. .last-news .views-row, .last-ressources .views-row {
  1270. display: grid !important;
  1271. grid-template-columns: 1fr;
  1272. position: relative;
  1273. height: auto; }
  1274. .last-news .views-row a, .last-ressources .views-row a {
  1275. text-decoration: none; }
  1276. .last-news .programme-1 .views-field {
  1277. background: #4dabc1 !important; }
  1278. .last-news .programme-2 .views-field {
  1279. background: #61ab32 !important; }
  1280. .last-news .programme-3 .views-field {
  1281. background: #646578 !important; }
  1282. .last-news .programme-4 .views-field {
  1283. background: black; }
  1284. .last-news .programme-5 .views-field {
  1285. background: #ab9569 !important; }
  1286. .last-news .programme-6 .views-field {
  1287. background: #e01a35 !important; }
  1288. .last-news .programme-7 .views-field {
  1289. background: #28429f !important; }
  1290. .last-news {
  1291. margin-top: 2rem; }
  1292. .last-news .views-field-field-image {
  1293. height: 25rem; }
  1294. .last-news .views-field-field-image img {
  1295. width: 100%; }
  1296. .last-news .views-field-field-image {
  1297. grid-column: 1;
  1298. grid-row: auto;
  1299. z-index: -1;
  1300. margin-top: -15%; }
  1301. .last-news .views-field:not(.views-field-field-image) {
  1302. padding-right: .5rem;
  1303. padding-left: .5rem;
  1304. background-color: black;
  1305. width: 90%;
  1306. margin-left: 1rem;
  1307. color: white;
  1308. align-self: flex-start;
  1309. grid-column: 1;
  1310. grid-auto-rows: min-content;
  1311. font-size: 0.8rem;
  1312. text-transform: uppercase; }
  1313. .last-news .views-field-title {
  1314. font-size: 2.3rem !important;
  1315. font-weight: 500;
  1316. line-height: 1.2;
  1317. padding-top: .3rem; }
  1318. .last-news .views-field-field-sous-titre {
  1319. padding: .5rem 0 1rem 0; }
  1320. .last-news .views-field-field-programme {
  1321. text-transform: uppercase;
  1322. grid-row: 1;
  1323. font-weight: 500;
  1324. padding: .5rem 0 .5rem 0; }
  1325. .last-ressources .views-field {
  1326. color: black; }
  1327. .last-ressources .views-field-field-image {
  1328. grid-column: 1;
  1329. grid-row: 1 / span 4;
  1330. z-index: -1; }
  1331. .last-ressources .views-field:not(.views-field-field-image) {
  1332. background: black;
  1333. width: 50%;
  1334. margin-left: 1rem;
  1335. padding-left: 1rem;
  1336. color: white; }
  1337. .last-ressources .views-field-title-1, .last-ressources .views-field-title {
  1338. padding-bottom: 1rem;
  1339. grid-column: 2;
  1340. grid-row: 3;
  1341. font-weight: 600; }
  1342. .last-ressources .views-field-view-node {
  1343. grid-row: 4 / span 1;
  1344. grid-column: 2 / span 1;
  1345. margin-bottom: 1rem; }
  1346. .last-ressources .views-field-field-programme {
  1347. text-transform: uppercase;
  1348. grid-column: 1;
  1349. grid-row: 1;
  1350. font-weight: 500;
  1351. margin-bottom: 1rem; }
  1352. .last-ressources .programme-1 .views-field {
  1353. color: #4dabc1 !important; }
  1354. .last-ressources .programme-2 .views-field {
  1355. color: #61ab32 !important; }
  1356. .last-ressources .programme-3 .views-field {
  1357. color: #646578 !important; }
  1358. .last-ressources .programme-4 .views-field {
  1359. color: black; }
  1360. .last-ressources .programme-5 .views-field {
  1361. color: #ab9569 !important; }
  1362. .last-ressources .programme-6 .views-field {
  1363. color: #e01a35 !important; }
  1364. .last-ressources .programme-7 .views-field {
  1365. color: #28429f !important; }
  1366. .main_logo {
  1367. z-index: 10;
  1368. height: 7rem;
  1369. position: relative;
  1370. background: center/contain no-repeat url(../images/popsu-home-logo.png);
  1371. margin: -5rem 0 3rem 0; }
  1372. .about {
  1373. box-shadow: inset 0 17rem 18rem #eff2f9;
  1374. background: url(../images/motif_croix.svg);
  1375. font-size: 0.8rem;
  1376. text-align: center;
  1377. padding: 18rem 0 3rem 0;
  1378. margin-top: -20rem; }
  1379. .about .views-row .views-field-title {
  1380. font-family: "duke" !important;
  1381. font-size: 1.6rem;
  1382. color: black;
  1383. font-weight: 400; }
  1384. .about .views-row .views-field-title a {
  1385. text-decoration: none; }
  1386. .about .views-row h3 {
  1387. color: black; }
  1388. .about .views-row div {
  1389. margin: 0 5%; }
  1390. .about .views-row .views-field-view-node {
  1391. display: inline-block;
  1392. margin: 0 auto;
  1393. background: black;
  1394. color: white;
  1395. font-family: "trueno";
  1396. font-weight: 500;
  1397. padding: .5rem 1.5rem;
  1398. font-size: 0.8rem;
  1399. margin-top: 1rem; }
  1400. .about .views-row .views-field-view-node a {
  1401. text-decoration: none; }
  1402. .about .views-row .views-field-view-node a:hover {
  1403. text-decoration: underline; }
  1404. #home_blocks-block_3 {
  1405. background: url(../images/motif_croix.svg);
  1406. padding: 2rem; }
  1407. #home_blocks-block_3 h2 {
  1408. text-align: center;
  1409. margin: 0 0 1rem 0; }
  1410. #home_blocks-block_3 .last-ressources .views-field:not(.views-field-field-image) {
  1411. width: 80%; }
  1412. #home_blocks-block_3 .last-ressources .views-row {
  1413. display: grid !important;
  1414. grid-template-columns: 1fr 1fr;
  1415. align-items: center;
  1416. background: white;
  1417. position: relative;
  1418. height: auto;
  1419. padding: 1rem;
  1420. background-clip: content-box; }
  1421. #home_blocks-block_3 .last-ressources .views-field-field-image {
  1422. grid-row: 3 / span 2;
  1423. z-index: 0;
  1424. padding: .5rem; }
  1425. #home_blocks-block_3 .last-ressources .views-field:not(.views-field-field-image) {
  1426. background: transparent;
  1427. width: auto;
  1428. margin-left: 0;
  1429. padding-left: 0;
  1430. color: black; }
  1431. #home_blocks-block_3 .last-ressources .views-field-title-1, #home_blocks-block_3 .last-ressources .views-field-title {
  1432. font-weight: 600;
  1433. grid-row: 3 / span 1;
  1434. grid-column: 2 / span 1; }
  1435. #home_blocks-block_3 .last-ressources .views-field-field-programme {
  1436. padding-left: .5rem !important;
  1437. grid-row: 1 / span 1;
  1438. grid-column: 1 / span 2;
  1439. text-transform: uppercase;
  1440. margin-top: -.5rem; }
  1441. #home_blocks-block_3 .last-ressources .views-field-field-programme .field-content {
  1442. display: inline-block;
  1443. width: auto;
  1444. padding: .3rem .5rem; }
  1445. #home_blocks-block_3 .last-ressources .views-field-field-programme .empty {
  1446. background-color: black;
  1447. height: 1rem; }
  1448. #home_blocks-block_3 .last-ressources .views-field-field-programme .field-content {
  1449. font-weight: 600;
  1450. display: inline-block;
  1451. width: auto;
  1452. color: white;
  1453. padding: .02rem .3rem; }
  1454. #villes-block_1 {
  1455. grid-column: 1; }
  1456. #home_themes-block_1 {
  1457. grid-column: 2; }
  1458. #programmes-block_4 {
  1459. grid-column: 3; }
  1460. .home_info_container {
  1461. height: auto;
  1462. min-height: 5rem;
  1463. display: none;
  1464. grid-column: 1 / span 3; }
  1465. #home_prog_container {
  1466. display: grid;
  1467. grid-template-columns: repeat(3, 1fr);
  1468. align-items: center;
  1469. justify-items: center;
  1470. margin-top: 1rem; }
  1471. #home_prog_container .views-row {
  1472. background-clip: content-box;
  1473. height: 13rem;
  1474. width: 100%;
  1475. display: grid;
  1476. align-items: center;
  1477. padding: 1rem; }
  1478. #home_prog_container .views-row .views-field-title {
  1479. font-size: 0.8rem;
  1480. font-weight: 600;
  1481. display: none; }
  1482. #home_prog_container .views-row:hover .views-field-title {
  1483. font-weight: 600;
  1484. display: block;
  1485. color: white;
  1486. text-align: center; }
  1487. #home_prog_container .views-row:hover .views-field-title a {
  1488. text-decoration: none; }
  1489. #home_prog_container .views-field-field-diaporama {
  1490. display: none; }
  1491. #home_prog_container .programme-1 {
  1492. background: center/60% no-repeat url(../images/POPSU_1.svg) white; }
  1493. #home_prog_container .programme-1:hover {
  1494. background: #4dabc1; }
  1495. #home_prog_container .programme-2 {
  1496. background: center/60% no-repeat url(../images/POPSU_2.svg) white; }
  1497. #home_prog_container .programme-2:hover {
  1498. background: #61ab32; }
  1499. #home_prog_container .programme-3 {
  1500. background: center/50% no-repeat url(../images/POPSU_Europe.svg) white; }
  1501. #home_prog_container .programme-3:hover {
  1502. background: #646578; }
  1503. #home_prog_container .programme-5 {
  1504. background: center/45% no-repeat url(../images/POPSU_monde.svg) white; }
  1505. #home_prog_container .programme-5:hover {
  1506. background: #ab9569; }
  1507. #home_prog_container .programme-6 {
  1508. background: center/60% no-repeat url(../images/POPSU_territoires.svg) white; }
  1509. #home_prog_container .programme-6:hover {
  1510. background: #e01a35; }
  1511. #home_prog_container .programme-7 {
  1512. background: center/60% no-repeat url(../images/POPSU_metropoles.svg) white; }
  1513. #home_prog_container .programme-7:hover {
  1514. background: #28429f; }
  1515. #home_theme_container .slick-slide {
  1516. margin: 0 1rem; }
  1517. #home_theme_container .slick-arrow {
  1518. position: absolute;
  1519. height: 100%;
  1520. cursor: pointer;
  1521. z-index: 100;
  1522. opacity: 0.2;
  1523. transition: opacity 250ms;
  1524. width: 10%; }
  1525. #home_theme_container .slick-arrow:hover {
  1526. opacity: .5; }
  1527. #home_theme_container .slick-next {
  1528. right: 0;
  1529. top: 0; }
  1530. #home_theme_container .views-row {
  1531. background-clip: content-box;
  1532. background-color: grey;
  1533. height: 10rem;
  1534. width: 10rem !important;
  1535. position: relative; }
  1536. #home_theme_container .views-field-title {
  1537. display: grid;
  1538. top: 0;
  1539. left: 0;
  1540. width: 100%;
  1541. height: 100%;
  1542. z-index: 10;
  1543. position: absolute;
  1544. text-align: center;
  1545. align-items: center;
  1546. padding: .8rem 1rem;
  1547. font-size: 0.8rem;
  1548. font-weight: 600;
  1549. color: white; }
  1550. #home_theme_container .views-field-title a {
  1551. margin-top: -.5rem;
  1552. text-decoration: none; }
  1553. #home_theme_container .views-field-field-image {
  1554. top: 0;
  1555. left: 0;
  1556. width: 100%;
  1557. height: 100%;
  1558. position: absolute; }
  1559. #home_theme_container .views-field-field-image .field-content {
  1560. display: grid;
  1561. padding: 0;
  1562. overflow: hidden;
  1563. width: 100%;
  1564. height: 100%; }
  1565. #home_theme_container .views-field-field-image .field-content img {
  1566. height: 100% !important;
  1567. width: inherit !important;
  1568. max-width: none; }
  1569. #villes-block_1, #home_themes-block_1, #programmes-block_4 {
  1570. background: #eff2f9;
  1571. height: 100%;
  1572. display: grid;
  1573. align-items: center; }
  1574. #villes-block_1 header, #home_themes-block_1 header, #programmes-block_4 header {
  1575. text-align: center;
  1576. font-family: 'duke';
  1577. font-size: 3.1rem;
  1578. line-height: 1;
  1579. opacity: .3;
  1580. cursor: pointer;
  1581. padding: .8rem; }
  1582. #villes-block_1 header .arrow, #home_themes-block_1 header .arrow, #programmes-block_4 header .arrow {
  1583. font-size: 1.6rem;
  1584. display: block;
  1585. margin-top: -1rem; }
  1586. #villes-block_1 header.active, #home_themes-block_1 header.active, #programmes-block_4 header.active {
  1587. opacity: 1;
  1588. font-size: 4rem; }
  1589. #villes-block_1 .views-row, #villes-block_1 .leaflet-container, #home_themes-block_1 .views-row, #home_themes-block_1 .leaflet-container, #programmes-block_4 .views-row, #programmes-block_4 .leaflet-container {
  1590. display: none; }
  1591. .path-centre-de-ressources {
  1592. background-color: #eff2f9; }
  1593. .path-centre-de-ressources main {
  1594. flex: 0 0 100%;
  1595. max-width: 100%; }
  1596. .path-centre-de-ressources header {
  1597. margin-bottom: 0; }
  1598. .path-centre-de-ressources header .slick-slide {
  1599. margin: 0 1rem; }
  1600. .path-centre-de-ressources header .slick-slide .views-row {
  1601. display: grid !important;
  1602. grid-template-columns: 1fr;
  1603. position: relative;
  1604. height: auto; }
  1605. .path-centre-de-ressources header .slick-slide .views-row .views-field-field-image {
  1606. grid-column: 1;
  1607. grid-row: 1 / span 4;
  1608. z-index: -1;
  1609. padding-top: 1rem; }
  1610. .path-centre-de-ressources header .slick-slide .views-row .views-field:not(.views-field-field-image) {
  1611. background: blue;
  1612. width: 50%;
  1613. margin-left: 1rem;
  1614. padding-left: 1rem; }
  1615. .path-centre-de-ressources header .slick-slide .views-row .views-field-title {
  1616. padding-bottom: 1rem;
  1617. grid-column: 1;
  1618. grid-row: 3;
  1619. font-weight: 600; }
  1620. .path-centre-de-ressources header .slick-slide .views-row .views-field-view-node {
  1621. padding-top: 1rem;
  1622. grid-column: 1;
  1623. grid-row: 1; }
  1624. .path-centre-de-ressources header .slick-slide .views-row .views-field-field-programme {
  1625. text-transform: uppercase;
  1626. grid-column: 1;
  1627. grid-row: 2; }
  1628. .path-centre-de-ressources header .slick-slide .views-row a {
  1629. text-decoration: none; }
  1630. .path-centre-de-ressources header .slick-arrow {
  1631. position: absolute;
  1632. height: 100%;
  1633. cursor: pointer;
  1634. z-index: 100;
  1635. opacity: 0.2;
  1636. transition: opacity 250ms;
  1637. width: 10%; }
  1638. .path-centre-de-ressources header .slick-arrow:hover {
  1639. opacity: .5; }
  1640. .path-centre-de-ressources header .slick-next {
  1641. right: 0;
  1642. top: 0; }
  1643. .path-centre-de-ressources .content_container > div > h2:first-child {
  1644. text-align: center;
  1645. background-color: #98d0d9;
  1646. padding: 1rem 0; }
  1647. .path-centre-de-ressources form {
  1648. background-color: #98d0d9;
  1649. display: grid;
  1650. padding: 5rem 0 1rem 0;
  1651. margin-top: -3rem;
  1652. column-gap: 1rem;
  1653. grid-template-columns: calc(10% - 3em) repeat(4, 20%); }
  1654. .path-centre-de-ressources form > div:first-child {
  1655. grid-column-start: 2; }
  1656. .path-centre-de-ressources form .form-item-combine {
  1657. grid-row: 1 / span 1;
  1658. grid-column-start: 2; }
  1659. .path-centre-de-ressources form .form-item-programme {
  1660. grid-column-start: 2; }
  1661. .path-centre-de-ressources form .form-item-items-per-page {
  1662. grid-column-start: 2; }
  1663. .path-centre-de-ressources form select, .path-centre-de-ressources form input {
  1664. display: inline-block;
  1665. width: auto;
  1666. width: 100%;
  1667. font-size: 0.6rem;
  1668. padding: .3rem 1rem;
  1669. height: auto; }
  1670. .path-centre-de-ressources form div {
  1671. display: inline-block;
  1672. width: auto; }
  1673. .path-centre-de-ressources form .form-actions {
  1674. grid-column: 4 / span 2;
  1675. display: grid;
  1676. grid-template-columns: repeat(2, minmax(0, 1fr));
  1677. align-items: center;
  1678. column-gap: 1rem; }
  1679. .path-centre-de-ressources form .form-actions input {
  1680. background-color: transparent;
  1681. border: solid 1px black;
  1682. box-shadow: none; }
  1683. .path-centre-de-ressources .views-view-grid {
  1684. margin-top: 3rem; }
  1685. .path-centre-de-ressources .views-view-grid .views-row {
  1686. display: grid;
  1687. column-gap: 1rem;
  1688. row-gap: 1rem;
  1689. grid-template-columns: calc(10% - 3em) repeat(3, 27.3%);
  1690. align-items: flex-start; }
  1691. .path-centre-de-ressources .views-view-grid .views-row .views-col:first-child {
  1692. grid-column-start: 2; }
  1693. .path-centre-de-ressources .views-view-grid .views-col {
  1694. display: grid;
  1695. grid-template-columns: 40% 60%;
  1696. grid-auto-rows: min-content;
  1697. background-color: white;
  1698. width: 100% !important;
  1699. padding: .3rem; }
  1700. .path-centre-de-ressources .views-view-grid .views-col a {
  1701. text-decoration: none; }
  1702. .path-centre-de-ressources .views-view-grid .views-col a:hover {
  1703. text-decoration: underline; }
  1704. .path-centre-de-ressources .views-view-grid .views-col .views-field:not(:first-child) {
  1705. padding: 0 0 0 .4rem; }
  1706. .path-centre-de-ressources .views-view-grid .views-col .views-field-field-image {
  1707. grid-row: 3 / span 2;
  1708. margin-top: -1.5rem; }
  1709. .path-centre-de-ressources .views-view-grid .views-col .views-field-field-programme {
  1710. grid-row: 1 / span 1;
  1711. grid-column: 1 / span 2; }
  1712. .path-centre-de-ressources .views-view-grid .views-col .views-field-field-programme .field-content {
  1713. font-weight: 600;
  1714. display: inline-block;
  1715. width: auto;
  1716. color: white;
  1717. padding: .15rem .3rem;
  1718. margin-bottom: 1rem; }
  1719. .path-centre-de-ressources .views-view-grid .views-col .views-field-field-theme .field-content {
  1720. color: black; }
  1721. .path-centre-de-ressources .views-view-grid .views-col .views-field-field-type-de-ressource {
  1722. text-transform: uppercase;
  1723. font-weight: 600;
  1724. margin-bottom: .5rem;
  1725. font-size: 0.45rem;
  1726. grid-row: 2 / span 1;
  1727. grid-column: 2 / span 1; }
  1728. .path-centre-de-ressources .views-view-grid .views-col .views-field-title {
  1729. font-style: italic;
  1730. grid-row: 3 / span 1;
  1731. grid-column: 2 / span 1; }
  1732. .path-centre-de-ressources .views-view-grid .views-col .views-field-field-sous-titre {
  1733. margin-bottom: 1rem;
  1734. grid-row: 4 / span 1;
  1735. grid-column: 2 / span 1;
  1736. align-self: baseline; }
  1737. .path-centre-de-ressources .views-view-grid .views-col .views-field-field-theme {
  1738. grid-row: 5 / span 1;
  1739. grid-column: 1 / span 2;
  1740. font-size: 0.45rem; }
  1741. .path-centre-de-ressources .js-pager__items {
  1742. text-align: center; }
  1743. article h2, article h3, article h4, article h5, article h6, .paragraph h2, .paragraph h3, .paragraph h4, .paragraph h5, .paragraph h6 {
  1744. font-family: "trueno";
  1745. font-weight: 600;
  1746. font-size: 0.8rem;
  1747. color: black;
  1748. margin-top: 1rem;
  1749. margin-bottom: .3rem; }
  1750. article p, .paragraph p {
  1751. margin-bottom: .5rem; }
  1752. .block-region-third h2 {
  1753. font-size: 1rem;
  1754. background-color: black;
  1755. color: white;
  1756. padding: .3rem 1rem; }
  1757. .block-region-first {
  1758. background-color: black;
  1759. color: white; }
  1760. .block-region-first #node\:title {
  1761. text-transform: uppercase;
  1762. font-family: 'duke';
  1763. font-size: 1rem;
  1764. padding: .3rem .5rem;
  1765. text-decoration: none; }
  1766. .block-region-first #node\:title:hover {
  1767. text-decoration: underline; }
  1768. .page-node-type-static .layout__region--top {
  1769. position: absolute;
  1770. top: 0;
  1771. left: 0;
  1772. width: 100vw;
  1773. height: 40vh;
  1774. background: url(../images/motif_croix.svg);
  1775. box-shadow: inset 0 -5rem 8rem #eff2f9;
  1776. z-index: -1; }
  1777. .page-node-type-actualite .block-region-first, .page-node-type-evenement .block-region-first {
  1778. background-color: black;
  1779. color: white; }
  1780. .page-node-type-actualite .block-region-first a, .page-node-type-evenement .block-region-first a {
  1781. text-transform: uppercase;
  1782. font-family: 'duke';
  1783. font-size: 1rem;
  1784. padding: .3rem .5rem;
  1785. text-decoration: none; }
  1786. .page-node-type-actualite .block-region-first a:hover, .page-node-type-evenement .block-region-first a:hover {
  1787. text-decoration: underline; }
  1788. .page-node-type-actualite #node\:title, .page-node-type-evenement #node\:title {
  1789. font-family: "trueno";
  1790. font-weight: 600;
  1791. font-size: 0.8rem;
  1792. color: brown;
  1793. margin-top: 1rem;
  1794. margin-bottom: .3rem; }
  1795. .path-actus .content_container > div > h2:first-of-type {
  1796. text-align: center; }
  1797. .path-actus .content_container .layout__region--content .views-element-container {
  1798. display: grid;
  1799. grid-template-columns: 10% minmax(0, 1fr); }
  1800. .path-actus .content_container .layout__region--content .views-element-container h2 {
  1801. grid-column: 2;
  1802. padding: 0 0 0 20px; }
  1803. .path-actus .content_container .layout__region--content .views-element-container div {
  1804. grid-column: 2; }
  1805. .path-actus .content_container .layout__region--content .views-element-container div h2 {
  1806. margin: 1rem 0; }
  1807. .path-actus .content_container .layout__region--content .views-element-container article h2 {
  1808. padding: 0; }
  1809. .path-actus .content_container .layout__region--content .views-element-container article h2 a {
  1810. text-decoration: none; }
  1811. .path-actus .content_container .layout__region--content .views-element-container article h2 a:hover {
  1812. text-decoration: underline; }
  1813. .path-actus .content_container .layout__region--content .views-element-container footer {
  1814. text-align: center;
  1815. margin: 1.8rem 0;
  1816. grid-column: 1 / span 2;
  1817. background: transparent; }
  1818. .path-actus .content_container .layout__region--content .views-element-container footer a {
  1819. display: inline-block;
  1820. margin: 0 auto;
  1821. background: black;
  1822. color: white;
  1823. font-family: "trueno";
  1824. font-weight: 500;
  1825. padding: .5rem 1.5rem;
  1826. font-size: 0.8rem;
  1827. text-decoration: none; }
  1828. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-1 * {
  1829. color: #4dabc1 !important; }
  1830. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-2 * {
  1831. color: #61ab32 !important; }
  1832. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-3 * {
  1833. color: #646578 !important; }
  1834. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-4 * {
  1835. color: black; }
  1836. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-5 * {
  1837. color: #ab9569 !important; }
  1838. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-6 * {
  1839. color: #e01a35 !important; }
  1840. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-7 * {
  1841. color: #28429f !important; }
  1842. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article {
  1843. display: grid !important;
  1844. grid-template-columns: repeat(2, minmax(0, 1fr));
  1845. position: relative;
  1846. height: auto; }
  1847. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article h2 {
  1848. grid-row: 2;
  1849. grid-column: 1 / span 2; }
  1850. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article div {
  1851. grid-row: 1;
  1852. grid-column: 1 / span 2; }
  1853. .path-actus .content_container .layout__region--content #home_blocks-block_3 .views-field-field-image {
  1854. grid-column: 1; }
  1855. .path-actus .content_container .layout__region--content #home_blocks-block_3 .slick-slide {
  1856. background-color: transparent;
  1857. padding: 0; }
  1858. .path-actus .content_container .layout__region--content #home_blocks-block_3 .slick-slide .views-row {
  1859. padding: 0.4rem; }
  1860. .path-actus .content_container .slick-slide {
  1861. margin: 0 1rem;
  1862. background-color: white;
  1863. padding: 1rem; }
  1864. .path-actus .content_container .slick-arrow {
  1865. position: absolute;
  1866. height: 100%;
  1867. cursor: pointer;
  1868. z-index: 100;
  1869. opacity: 0.2;
  1870. transition: opacity 250ms;
  1871. width: 10%; }
  1872. .path-actus .content_container .slick-arrow:hover {
  1873. opacity: .5; }
  1874. .path-actus .content_container .slick-next {
  1875. right: 0;
  1876. top: 0; }
  1877. .page-node-type-programme #projets-block_2 {
  1878. position: relative; }
  1879. .page-node-type-programme #projets-block_2 .main_logo {
  1880. z-index: 10;
  1881. height: 7.2rem;
  1882. width: 100%;
  1883. position: absolute;
  1884. top: 0;
  1885. left: 0; }
  1886. .page-node-type-programme.programme-1 h2, .page-node-type-programme.programme-1 h3, .page-node-type-programme.programme-1 h4, .page-node-type-programme.programme-1 h5, .page-node-type-programme.programme-1 h6 {
  1887. color: #4dabc1; }
  1888. .page-node-type-programme.programme-1 .main_logo {
  1889. background: center/contain no-repeat url(../images/POPSU_1.svg); }
  1890. .page-node-type-programme.programme-2 h2, .page-node-type-programme.programme-2 h3, .page-node-type-programme.programme-2 h4, .page-node-type-programme.programme-2 h5, .page-node-type-programme.programme-2 h6 {
  1891. color: #61ab32; }
  1892. .page-node-type-programme.programme-2 .main_logo {
  1893. background: center/contain no-repeat url(../images/POPSU_2.svg); }
  1894. .page-node-type-programme.programme-3 h2, .page-node-type-programme.programme-3 h3, .page-node-type-programme.programme-3 h4, .page-node-type-programme.programme-3 h5, .page-node-type-programme.programme-3 h6 {
  1895. color: #646578; }
  1896. .page-node-type-programme.programme-3 .main_logo {
  1897. background: center/contain no-repeat url(../images/POPSU_Europe.svg); }
  1898. .page-node-type-programme.programme-4 h2, .page-node-type-programme.programme-4 h3, .page-node-type-programme.programme-4 h4, .page-node-type-programme.programme-4 h5, .page-node-type-programme.programme-4 h6 {
  1899. color: #28429f; }
  1900. .page-node-type-programme.programme-4 .main_logo {
  1901. background: center/contain no-repeat url(../images/POPSU_logo.svg); }
  1902. .page-node-type-programme.programme-5 h2, .page-node-type-programme.programme-5 h3, .page-node-type-programme.programme-5 h4, .page-node-type-programme.programme-5 h5, .page-node-type-programme.programme-5 h6 {
  1903. color: #ab9569; }
  1904. .page-node-type-programme.programme-5 .main_logo {
  1905. background: center/contain no-repeat url(../images/POPSU_monde.svg); }
  1906. .page-node-type-programme.programme-6 h2, .page-node-type-programme.programme-6 h3, .page-node-type-programme.programme-6 h4, .page-node-type-programme.programme-6 h5, .page-node-type-programme.programme-6 h6 {
  1907. color: #e01a35; }
  1908. .page-node-type-programme.programme-6 .main_logo {
  1909. background: center/contain no-repeat url(../images/POPSU_territoires.svg); }
  1910. .page-node-type-programme.programme-7 h2, .page-node-type-programme.programme-7 h3, .page-node-type-programme.programme-7 h4, .page-node-type-programme.programme-7 h5, .page-node-type-programme.programme-7 h6 {
  1911. color: #28429f; }
  1912. .page-node-type-programme.programme-7 .main_logo {
  1913. background: center/contain no-repeat url(../images/POPSU_metropoles.svg); }
  1914. .page-node-type-programme .layout-content {
  1915. position: relative; }
  1916. .page-node-type-programme .layout__region--top {
  1917. max-height: 30%;
  1918. grid-column: 1 / span 3; }
  1919. .page-node-type-programme .block-region-first {
  1920. position: absolute;
  1921. top: 0;
  1922. left: 0;
  1923. z-index: 10;
  1924. width: 25%;
  1925. padding: 1rem 1.5rem; }
  1926. .page-node-type-programme .block-region-first .prog-ressources-link {
  1927. font-family: "duke";
  1928. font-size: 1.6rem;
  1929. cursor: pointer;
  1930. transition: all 250ms;
  1931. text-decoration: none; }
  1932. .page-node-type-programme .block-region-first .prog-ressources-link:hover {
  1933. padding: 0 0 0 .3rem; }
  1934. .page-node-type-programme .block-region-first .views-element-container header {
  1935. font-family: "duke";
  1936. font-size: 1.6rem;
  1937. cursor: pointer;
  1938. transition: all 250ms; }
  1939. .page-node-type-programme .block-region-first .views-element-container header:hover {
  1940. padding: 0 0 0 .3rem; }
  1941. .page-node-type-programme .block-region-first .views-element-container .views-row {
  1942. display: none;
  1943. padding: 0 0 0 1.2rem;
  1944. margin-bottom: .5rem; }
  1945. .page-node-type-programme .block-region-first .views-element-container .views-row a {
  1946. text-decoration: none; }
  1947. .page-node-type-programme .block-region-first .views-element-container .views-row a:hover {
  1948. text-decoration: underline; }
  1949. .page-node-type-programme .block-region-third {
  1950. margin-top: -7rem;
  1951. z-index: 20;
  1952. position: relative; }
  1953. .page-node-type-programme .block-region-third #evenements-block_1 {
  1954. background-color: black;
  1955. margin-bottom: 3rem; }
  1956. .page-node-type-programme .block-region-third #evenements-block_1 h2 {
  1957. color: white; }
  1958. .page-node-type-programme .block-region-third .programme-1 {
  1959. background: #4dabc1; }
  1960. .page-node-type-programme .block-region-third .programme-2 {
  1961. background: #61ab32; }
  1962. .page-node-type-programme .block-region-third .programme-3 {
  1963. background: #646578; }
  1964. .page-node-type-programme .block-region-third .programme-4 {
  1965. background: #28429f; }
  1966. .page-node-type-programme .block-region-third .programme-5 {
  1967. background: #ab9569; }
  1968. .page-node-type-programme .block-region-third .programme-6 {
  1969. background: #e01a35; }
  1970. .page-node-type-programme .block-region-third .programme-7 {
  1971. background: #28429f; }
  1972. .page-node-type-programme .block-region-third .views-row {
  1973. padding: 1rem 0; }
  1974. .page-node-type-programme .block-region-third .views-row:last-of-type {
  1975. margin-bottom: 1rem; }
  1976. .page-node-type-programme .block-region-third .views-field {
  1977. color: white;
  1978. padding: 0 1rem;
  1979. font-weight: 500; }
  1980. .page-node-type-programme .block-region-third .views-field .views-field-field-type-de-ressource {
  1981. text-transform: uppercase;
  1982. margin-bottom: .2rem; }
  1983. .page-node-type-programme .block-region-third .views-field .views-field-title {
  1984. font-style: italic; }
  1985. .page-node-type-programme .block-region-third .views-field .views-field-field-sous-titre {
  1986. font-weight: 400; }
  1987. .page-node-type-programme .block-region-third .views-field a {
  1988. text-decoration: none; }
  1989. .page-node-type-programme .block-region-third .views-field a:hover {
  1990. text-decoration: underline; }
  1991. .page-node-type-programme article {
  1992. font-size: 0.45rem; }
  1993. .page-node-type-programme article h2:first-child {
  1994. display: none; }
  1995. .page-node-type-programme .block-region-bottom {
  1996. background: url(../images/motif_croix.svg); }
  1997. .page-node-type-programme .block-region-bottom h2 {
  1998. text-align: center; }
  1999. .page-node-type-programme .block-region-bottom .item-list .slick-slide {
  2000. margin: 0 1rem; }
  2001. .page-node-type-programme .block-region-bottom .item-list .slick-arrow {
  2002. position: absolute;
  2003. height: 100%;
  2004. cursor: pointer;
  2005. z-index: 100;
  2006. opacity: 0.2;
  2007. transition: opacity 250ms;
  2008. width: 10%; }
  2009. .page-node-type-programme .block-region-bottom .item-list .slick-arrow:hover {
  2010. opacity: .5; }
  2011. .page-node-type-programme .block-region-bottom .item-list .slick-next {
  2012. right: 0;
  2013. top: 0; }
  2014. .page-node-type-programme .block-region-bottom .item-list .views-field:not(.views-field-field-image) {
  2015. width: 80%; }
  2016. .page-node-type-programme .block-region-bottom .item-list li {
  2017. display: grid !important;
  2018. grid-template-columns: 1fr 1fr;
  2019. align-items: center;
  2020. background: white;
  2021. position: relative;
  2022. height: auto;
  2023. padding: 1rem;
  2024. background-clip: content-box; }
  2025. .page-node-type-programme .block-region-bottom .item-list .views-field-field-image {
  2026. grid-row: 1 / span 4;
  2027. z-index: 0;
  2028. padding: .5rem; }
  2029. .page-node-type-programme .block-region-bottom .item-list .views-field:not(.views-field-field-image) {
  2030. background: transparent;
  2031. width: auto;
  2032. margin-left: 0;
  2033. padding-left: 0; }
  2034. .page-node-type-programme .block-region-bottom .item-list .views-field-field-sous-titre {
  2035. grid-column: 2 / span 1; }
  2036. .page-node-type-programme .block-region-bottom .item-list .views-field-field-type-de-ressource {
  2037. grid-column: 2 / span 1; }
  2038. .page-node-type-programme .block-region-bottom .item-list .views-field-title {
  2039. font-weight: 600;
  2040. grid-row: 3 / span 1;
  2041. grid-column: 2 / span 1; }
  2042. .page-node-type-programme .block-region-bottom .item-list .views-field-view-node {
  2043. grid-row: 2 / span 1;
  2044. grid-column: 2 / span 1; }
  2045. .page-node-type-programme .block-region-bottom .item-list .views-field-field-programme {
  2046. padding-left: .5rem !important;
  2047. grid-row: 1 / span 1;
  2048. grid-column: 1 / span 2;
  2049. text-transform: uppercase;
  2050. margin-top: -.5rem; }
  2051. .page-node-type-programme .block-region-bottom .item-list .views-field-field-programme .field-content {
  2052. display: inline-block;
  2053. width: auto;
  2054. background-color: black !important;
  2055. padding: .3rem .5rem; }
  2056. .page-node-type-programme .block-region-bottom .item-list .views-field-field-programme .field-content {
  2057. font-weight: 600;
  2058. display: inline-block;
  2059. width: auto;
  2060. color: white;
  2061. padding: .02rem .3rem; }
  2062. .page-node-type-programme .block-region-bottom footer {
  2063. background-color: transparent;
  2064. text-align: center;
  2065. padding: 1rem; }
  2066. .page-node-type-programme .block-region-bottom footer a {
  2067. display: inline-block;
  2068. margin: 0 auto;
  2069. background: black;
  2070. color: white;
  2071. font-family: "trueno";
  2072. font-weight: 500;
  2073. padding: .5rem 1.5rem;
  2074. font-size: 0.6rem;
  2075. text-decoration: none; }
  2076. .path-archives .content_container > div > h2 {
  2077. text-align: center; }
  2078. .path-archives .content_container .views-element-container > div {
  2079. display: grid;
  2080. grid-template-columns: 10% repeat(3, minmax(0, 1fr)) 10%;
  2081. grid-column-gap: 2rem;
  2082. grid-row-gap: 1rem; }
  2083. .path-archives .content_container .views-element-container > div header {
  2084. grid-column: 1 / span 5;
  2085. text-align: center; }
  2086. .path-archives .content_container .views-element-container > div nav {
  2087. grid-column: 1 / span 5;
  2088. text-align: center; }
  2089. .path-archives .content_container .views-element-container > div .views-row:first-of-type {
  2090. grid-column: 2; }
  2091. .path-archives .content_container .views-element-container > div .views-row:nth-of-type(3n+1) {
  2092. grid-column: 2; }
  2093. .path-archives .content_container .views-element-container > div .views-row {
  2094. padding: .5rem 1rem;
  2095. background: #28429f; }
  2096. .path-archives .content_container .views-element-container > div .views-row a {
  2097. text-decoration: none;
  2098. color: white; }
  2099. /*# sourceMappingURL=styles.css.map */