/*popsu*/ /*foundation*/ /** * Foundation for Sites * Version 6.6.3 * https://get.foundation * Licensed under MIT Open Source */ /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } .foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } html { box-sizing: border-box; font-size: 100%; } *, *::before, *::after { box-sizing: inherit; } body { margin: 0; padding: 0; background: #fefefe; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #0a0a0a; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } textarea { height: auto; min-height: 50px; border-radius: 0; } select { box-sizing: border-box; width: 100%; border-radius: 0; } .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } button { padding: 0; appearance: none; border: 0; border-radius: 0; background: transparent; line-height: 1; cursor: auto; } [data-whatinput='mouse'] button { outline: 0; } pre { overflow: auto; } button, input, optgroup, select, textarea { font-family: inherit; } .is-visible { display: block !important; } .is-hidden { display: none !important; } [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'], textarea { display: block; box-sizing: border-box; width: 100%; height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #0a0a0a; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; appearance: none; } [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, textarea:focus { outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; } [type='submit'], [type='button'] { appearance: none; border-radius: 0; } input[type='search'] { box-sizing: border-box; } ::placeholder { color: #cacaca; } [type='file'], [type='checkbox'], [type='radio'] { margin: 0 0 1rem; } [type='checkbox'] + label, [type='radio'] + label { display: inline-block; vertical-align: baseline; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; } [type='checkbox'] + label[for], [type='radio'] + label[for] { cursor: pointer; } label > [type='checkbox'], label > [type='radio'] { margin-right: 0.5rem; } [type='file'] { width: 100%; } label { display: block; margin: 0; font-size: 0.875rem; font-weight: normal; line-height: 1.8; color: #0a0a0a; } label.middle { margin: 0 0 1rem; padding: 0.5625rem 0; } .help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: #0a0a0a; } .input-group { display: flex; width: 100%; margin-bottom: 1rem; align-items: stretch; } .input-group > :first-child, .input-group > :first-child.input-group-button > * { border-radius: 0 0 0 0; } .input-group > :last-child, .input-group > :last-child.input-group-button > * { border-radius: 0 0 0 0; } .input-group-label, .input-group-field, .input-group-button, .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { margin: 0; white-space: nowrap; } .input-group-label { padding: 0 1rem; border: 1px solid #cacaca; background: #e6e6e6; color: #0a0a0a; text-align: center; white-space: nowrap; display: flex; flex: 0 0 auto; align-items: center; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; flex: 1 1 0px; min-width: 0; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; display: flex; flex: 0 0 auto; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { align-self: stretch; height: auto; padding-top: 0; padding-bottom: 0; font-size: 1rem; } fieldset { margin: 0; padding: 0; border: 0; } legend { max-width: 100%; margin-bottom: 0.5rem; } .fieldset { margin: 1.125rem 0; padding: 1.25rem; border: 1px solid #cacaca; } .fieldset legend { margin: 0; margin-left: -0.1875rem; padding: 0 0.1875rem; } select { height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; appearance: none; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #0a0a0a; background-image: url("data:image/svg+xml;utf8,"); background-origin: content-box; background-position: right -1rem center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 1.5rem; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } @media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } select:focus { outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } select:disabled { background-color: #e6e6e6; cursor: not-allowed; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } select:not([multiple]) { padding-top: 0; padding-bottom: 0; } .is-invalid-input:not(:focus) { border-color: #cc4b37; background-color: #f9ecea; } .is-invalid-input:not(:focus)::placeholder { color: #cc4b37; } .is-invalid-label { color: #cc4b37; } .form-error { display: none; margin-top: -0.5rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: bold; color: #cc4b37; } .form-error.is-visible { display: block; } .row { max-width: 100%; margin-right: auto; margin-left: auto; display: flex; flex-flow: row wrap; } .row .row { margin-right: -0.625rem; margin-left: -0.625rem; } @media print, screen and (min-width: 40em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } } @media print, screen and (min-width: 64em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } } .row .row.collapse { margin-right: 0; margin-left: 0; } .row.expanded { max-width: none; } .row.expanded .row { margin-right: auto; margin-left: auto; } .row:not(.expanded) .row { max-width: none; } .row.collapse > .column, .row.collapse > .columns { padding-right: 0; padding-left: 0; } .row.is-collapse-child, .row.collapse > .column > .row, .row.collapse > .columns > .row { margin-right: 0; margin-left: 0; } .column, .columns { flex: 1 1 0px; padding-right: 0.625rem; padding-left: 0.625rem; min-width: 0; } @media print, screen and (min-width: 40em) { .column, .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .column.row.row, .row.row.columns { float: none; display: block; } .row .column.row.row, .row .row.row.columns { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } .small-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .small-offset-0 { margin-left: 0%; } .small-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .small-offset-1 { margin-left: 8.33333%; } .small-3 { flex: 0 0 25%; max-width: 25%; } .small-offset-2 { margin-left: 16.66667%; } .small-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .small-offset-3 { margin-left: 25%; } .small-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .small-offset-4 { margin-left: 33.33333%; } .small-6 { flex: 0 0 50%; max-width: 50%; } .small-offset-5 { margin-left: 41.66667%; } .small-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .small-offset-6 { margin-left: 50%; } .small-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .small-offset-7 { margin-left: 58.33333%; } .small-9 { flex: 0 0 75%; max-width: 75%; } .small-offset-8 { margin-left: 66.66667%; } .small-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .small-offset-9 { margin-left: 75%; } .small-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .small-offset-10 { margin-left: 83.33333%; } .small-12 { flex: 0 0 100%; max-width: 100%; } .small-offset-11 { margin-left: 91.66667%; } .small-up-1 { flex-wrap: wrap; } .small-up-1 > .column, .small-up-1 > .columns { flex: 0 0 100%; max-width: 100%; } .small-up-2 { flex-wrap: wrap; } .small-up-2 > .column, .small-up-2 > .columns { flex: 0 0 50%; max-width: 50%; } .small-up-3 { flex-wrap: wrap; } .small-up-3 > .column, .small-up-3 > .columns { flex: 0 0 33.33333%; max-width: 33.33333%; } .small-up-4 { flex-wrap: wrap; } .small-up-4 > .column, .small-up-4 > .columns { flex: 0 0 25%; max-width: 25%; } .small-up-5 { flex-wrap: wrap; } .small-up-5 > .column, .small-up-5 > .columns { flex: 0 0 20%; max-width: 20%; } .small-up-6 { flex-wrap: wrap; } .small-up-6 > .column, .small-up-6 > .columns { flex: 0 0 16.66667%; max-width: 16.66667%; } .small-up-7 { flex-wrap: wrap; } .small-up-7 > .column, .small-up-7 > .columns { flex: 0 0 14.28571%; max-width: 14.28571%; } .small-up-8 { flex-wrap: wrap; } .small-up-8 > .column, .small-up-8 > .columns { flex: 0 0 12.5%; max-width: 12.5%; } .small-collapse > .column, .small-collapse > .columns { padding-right: 0; padding-left: 0; } .small-uncollapse > .column, .small-uncollapse > .columns { padding-right: 0.625rem; padding-left: 0.625rem; } @media print, screen and (min-width: 40em) { .medium-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .medium-offset-0 { margin-left: 0%; } .medium-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .medium-offset-1 { margin-left: 8.33333%; } .medium-3 { flex: 0 0 25%; max-width: 25%; } .medium-offset-2 { margin-left: 16.66667%; } .medium-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .medium-offset-3 { margin-left: 25%; } .medium-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .medium-offset-4 { margin-left: 33.33333%; } .medium-6 { flex: 0 0 50%; max-width: 50%; } .medium-offset-5 { margin-left: 41.66667%; } .medium-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .medium-offset-6 { margin-left: 50%; } .medium-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .medium-offset-7 { margin-left: 58.33333%; } .medium-9 { flex: 0 0 75%; max-width: 75%; } .medium-offset-8 { margin-left: 66.66667%; } .medium-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .medium-offset-9 { margin-left: 75%; } .medium-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .medium-offset-10 { margin-left: 83.33333%; } .medium-12 { flex: 0 0 100%; max-width: 100%; } .medium-offset-11 { margin-left: 91.66667%; } .medium-up-1 { flex-wrap: wrap; } .medium-up-1 > .column, .medium-up-1 > .columns { flex: 0 0 100%; max-width: 100%; } .medium-up-2 { flex-wrap: wrap; } .medium-up-2 > .column, .medium-up-2 > .columns { flex: 0 0 50%; max-width: 50%; } .medium-up-3 { flex-wrap: wrap; } .medium-up-3 > .column, .medium-up-3 > .columns { flex: 0 0 33.33333%; max-width: 33.33333%; } .medium-up-4 { flex-wrap: wrap; } .medium-up-4 > .column, .medium-up-4 > .columns { flex: 0 0 25%; max-width: 25%; } .medium-up-5 { flex-wrap: wrap; } .medium-up-5 > .column, .medium-up-5 > .columns { flex: 0 0 20%; max-width: 20%; } .medium-up-6 { flex-wrap: wrap; } .medium-up-6 > .column, .medium-up-6 > .columns { flex: 0 0 16.66667%; max-width: 16.66667%; } .medium-up-7 { flex-wrap: wrap; } .medium-up-7 > .column, .medium-up-7 > .columns { flex: 0 0 14.28571%; max-width: 14.28571%; } .medium-up-8 { flex-wrap: wrap; } .medium-up-8 > .column, .medium-up-8 > .columns { flex: 0 0 12.5%; max-width: 12.5%; } } @media print, screen and (min-width: 40em) and (min-width: 40em) { .medium-expand { flex: 1 1 0px; } } .row.medium-unstack > .column, .row.medium-unstack > .columns { flex: 0 0 100%; } @media print, screen and (min-width: 40em) { .row.medium-unstack > .column, .row.medium-unstack > .columns { flex: 1 1 0px; } } @media print, screen and (min-width: 40em) { .medium-collapse > .column, .medium-collapse > .columns { padding-right: 0; padding-left: 0; } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } } @media print, screen and (min-width: 64em) { .large-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .large-offset-0 { margin-left: 0%; } .large-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .large-offset-1 { margin-left: 8.33333%; } .large-3 { flex: 0 0 25%; max-width: 25%; } .large-offset-2 { margin-left: 16.66667%; } .large-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .large-offset-3 { margin-left: 25%; } .large-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .large-offset-4 { margin-left: 33.33333%; } .large-6 { flex: 0 0 50%; max-width: 50%; } .large-offset-5 { margin-left: 41.66667%; } .large-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .large-offset-6 { margin-left: 50%; } .large-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .large-offset-7 { margin-left: 58.33333%; } .large-9 { flex: 0 0 75%; max-width: 75%; } .large-offset-8 { margin-left: 66.66667%; } .large-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .large-offset-9 { margin-left: 75%; } .large-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .large-offset-10 { margin-left: 83.33333%; } .large-12 { flex: 0 0 100%; max-width: 100%; } .large-offset-11 { margin-left: 91.66667%; } .large-up-1 { flex-wrap: wrap; } .large-up-1 > .column, .large-up-1 > .columns { flex: 0 0 100%; max-width: 100%; } .large-up-2 { flex-wrap: wrap; } .large-up-2 > .column, .large-up-2 > .columns { flex: 0 0 50%; max-width: 50%; } .large-up-3 { flex-wrap: wrap; } .large-up-3 > .column, .large-up-3 > .columns { flex: 0 0 33.33333%; max-width: 33.33333%; } .large-up-4 { flex-wrap: wrap; } .large-up-4 > .column, .large-up-4 > .columns { flex: 0 0 25%; max-width: 25%; } .large-up-5 { flex-wrap: wrap; } .large-up-5 > .column, .large-up-5 > .columns { flex: 0 0 20%; max-width: 20%; } .large-up-6 { flex-wrap: wrap; } .large-up-6 > .column, .large-up-6 > .columns { flex: 0 0 16.66667%; max-width: 16.66667%; } .large-up-7 { flex-wrap: wrap; } .large-up-7 > .column, .large-up-7 > .columns { flex: 0 0 14.28571%; max-width: 14.28571%; } .large-up-8 { flex-wrap: wrap; } .large-up-8 > .column, .large-up-8 > .columns { flex: 0 0 12.5%; max-width: 12.5%; } } @media print, screen and (min-width: 64em) and (min-width: 64em) { .large-expand { flex: 1 1 0px; } } .row.large-unstack > .column, .row.large-unstack > .columns { flex: 0 0 100%; } @media print, screen and (min-width: 64em) { .row.large-unstack > .column, .row.large-unstack > .columns { flex: 1 1 0px; } } @media print, screen and (min-width: 64em) { .large-collapse > .column, .large-collapse > .columns { padding-right: 0; padding-left: 0; } .large-uncollapse > .column, .large-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .shrink { flex: 0 0 auto; max-width: 100%; } .column-block { margin-bottom: 1.25rem; } .column-block > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .column-block { margin-bottom: 1.875rem; } .column-block > :last-child { margin-bottom: 0; } } /*setup*/ /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */ 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 { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @media (min-width: 48rem) { :root { font-size: calc(1rem + ((1vw - .48rem) * 1.389)); /* .48rem = viewportWidthMinimum /100 */ /* 1.389rem = 100 * fontSizeDifference / viewportWidthDifference */ } } @media (min-width: 120em) { :root { font-size: 2rem; } } @font-face { font-family: 'duke'; src: url("../fonts/Duke_Fill.otf") format("opentype"); font-weight: 400; font-style: normal; } /*trueno*/ @font-face { font-family: 'trueno'; src: url("../fonts/trueno/truenobd-webfont.woff2") format("woff2"), url("../fonts/trueno/truenobd-webfont.woff") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-family: 'trueno'; src: url("../fonts/trueno/truenobdit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenobdit-webfont.woff") format("woff"); font-weight: 600; font-style: italic; } @font-face { font-family: 'trueno_outline'; src: url("../fonts/trueno/truenobdol-webfont.woff2") format("woff2"), url("../fonts/trueno/truenobdol-webfont.woff") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-family: 'trueno_outline'; src: url("../fonts/trueno/truenobdolit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenobdolit-webfont.woff") format("woff"); font-weight: 600; font-style: italic; } @font-face { font-family: 'trueno'; src: url("../fonts/trueno/truenoblk-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoblk-webfont.woff") format("woff"); font-weight: 800; font-style: normal; } @font-face { font-family: 'trueno'; src: url("../fonts/trueno/truenoblkit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoblkit-webfont.woff") format("woff"); font-weight: 800; font-style: italic; } @font-face { font-family: 'trueno_outline'; src: url("../fonts/trueno/truenoblkol-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoblkol-webfont.woff") format("woff"); font-weight: 800; font-style: normal; } @font-face { font-family: 'trueno_outline'; src: url("../fonts/trueno/truenoblkolit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoblkolit-webfont.woff") format("woff"); font-weight: 800; font-style: italic; } @font-face { font-family: 'truenoextrabold'; src: url("../fonts/trueno/truenoexbd-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoexbd-webfont.woff") format("woff"); font-weight: 900; font-style: normal; } @font-face { font-family: 'trueno'; src: url("../fonts/trueno/truenoexbdit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoexbdit-webfont.woff") format("woff"); font-weight: 900; font-style: italic; } @font-face { font-family: 'trueno_outline'; src: url("../fonts/trueno/truenoexbdol-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoexbdol-webfont.woff") format("woff"); font-weight: 900; font-style: normal; } @font-face { font-family: 'trueno_outline'; src: url("../fonts/trueno/truenoexbdolit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoexbdolit-webfont.woff") format("woff"); font-weight: 900; font-style: italic; } @font-face { font-family: 'trueno'; src: url("../fonts/trueno/truenolt-webfont.woff2") format("woff2"), url("../fonts/trueno/truenolt-webfont.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: 'trueno'; src: url("../fonts/trueno/truenoltit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoltit-webfont.woff") format("woff"); font-weight: 300; font-style: italic; } @font-face { font-family: 'trueno'; src: url("../fonts/trueno/truenorg-webfont.woff2") format("woff2"), url("../fonts/trueno/truenorg-webfont.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: 'trueno'; src: url("../fonts/trueno/truenorgit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenorgit-webfont.woff") format("woff"); font-weight: 400; font-style: italic; } @font-face { font-family: 'trueno'; src: url("../fonts/trueno/truenosbd-webfont.woff2") format("woff2"), url("../fonts/trueno/truenosbd-webfont.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: 'trueno'; src: url("../fonts/trueno/truenosbdit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenosbdit-webfont.woff") format("woff"); font-weight: 500; font-style: italic; } @font-face { font-family: 'trueno'; src: url("../fonts/trueno/truenoultblk-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoultblk-webfont.woff") format("woff"); font-weight: 1000; font-style: normal; } @font-face { font-family: 'trueno'; src: url("../fonts/trueno/truenoultblkit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoultblkit-webfont.woff") format("woff"); font-weight: 1000; font-style: italic; } @font-face { font-family: 'trueno'; src: url("../fonts/trueno/truenoultlt-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoultlt-webfont.woff") format("woff"); font-weight: 100; font-style: normal; } @font-face { font-family: 'trueno'; src: url("../fonts/trueno/truenoultltit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoultltit-webfont.woff") format("woff"); font-weight: 100; font-style: italic; } body { font-family: "trueno"; font-size: 0.6rem; font-weight: 300; line-height: 1.5; background: #eff2f9; } main h2 { text-transform: uppercase; font-family: 'duke'; font-size: 2.3rem; } a { color: inherit; } .ext { display: none; } strong { font-weight: 600; } iframe { display: none; } .slick-arrow { font-size: 0; background: center/40% no-repeat url(../images/fleche.svg); } .slick-prev { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .layout--threecol-25-50-25 { display: grid; grid-template-columns: 20% minmax(0, 1fr) 20%; column-gap: 3rem; row-gap: 1rem; position: relative; } .layout__region--bottom { grid-column: 1 /span 3; } /*pages*/ .header_top_middle_container .programme-1 .views-field-field-programme .field-content { background: #4dabc1; } .header_top_middle_container .programme-1 .views-field { color: #4dabc1; } .header_top_middle_container .programme-1 .views-field-title { color: #4dabc1; } .header_top_middle_container .programme-1 .views-field-title:hover { background: #4dabc1; color: white; } .header_top_middle_container .programme-2 .views-field-field-programme .field-content { background: #61ab32; } .header_top_middle_container .programme-2 .views-field { color: #61ab32; } .header_top_middle_container .programme-2 .views-field-title { color: #61ab32; } .header_top_middle_container .programme-2 .views-field-title:hover { background: #61ab32; color: white; } .header_top_middle_container .programme-3 .views-field-field-programme .field-content { background: #646578; } .header_top_middle_container .programme-3 .views-field { color: #646578; } .header_top_middle_container .programme-3 .views-field-title { color: #646578; } .header_top_middle_container .programme-3 .views-field-title:hover { background: #646578; color: white; } .header_top_middle_container .programme-4 .views-field-field-programme .field-content { background: #61ab32; } .header_top_middle_container .programme-4 .views-field { color: #61ab32; } .header_top_middle_container .programme-4 .views-field-title { color: #61ab32; } .header_top_middle_container .programme-4 .views-field-title:hover { background: #61ab32; color: white; } .header_top_middle_container .programme-5 .views-field-field-programme .field-content { background: #ab9569; } .header_top_middle_container .programme-5 .views-field { color: #ab9569; } .header_top_middle_container .programme-5 .views-field-title { color: #ab9569; } .header_top_middle_container .programme-5 .views-field-title:hover { background: #ab9569; color: white; } .header_top_middle_container .programme-6 .views-field-field-programme .field-content { background: #e01a35; } .header_top_middle_container .programme-6 .views-field { color: #e01a35; } .header_top_middle_container .programme-6 .views-field-title { color: #e01a35; } .header_top_middle_container .programme-6 .views-field-title:hover { background: #e01a35; color: white; } .header_top_middle_container .programme-7 .views-field-field-programme .field-content { background: #28429f; } .header_top_middle_container .programme-7 .views-field { color: #28429f; } .header_top_middle_container .programme-7 .views-field-title { color: #28429f; } .header_top_middle_container .programme-7 .views-field-title:hover { background: #28429f; color: white; } #header-top { height: 5rem; background: white; padding-bottom: 1rem; padding-top: 1rem; } .header_top_left_container { height: 100%; display: grid; grid-template-columns: 1fr 1fr; } .header_top_left_container a[rel~='home'] { height: 100%; display: block; font-size: 0; color: transparent; background: left/contain no-repeat url(../images/POPSU_logo.svg); } .header_top_middle_container { height: 100%; } .header_top_middle_container .views-element-container { height: 100%; } .header_top_middle_container .views-element-container > div:first-child { height: 100%; } .header_top_middle_container .views-element-container > div:first-child > div:first-child { height: 100%; display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; } .header_top_middle_container .views-element-container > div:first-child > div:first-child > div:first-child { grid-column-start: 2; } .header_top_middle_container .views-row { text-align: center; display: inline-block; width: auto; } .header_top_middle_container .views-row a { text-transform: uppercase; text-decoration: none; font-weight: 600; } .header_top_middle_container .views-row .views-field-title { display: inline-block; width: auto; padding: .2rem .5rem; } .close-block, .open-block { cursor: pointer; } .close-block span, .open-block span { display: block; width: 33px; height: 2px; position: relative; background: black; border-radius: 3px; z-index: 1; } .close-block { padding-top: 1.2rem; padding-left: 2rem; } .close-block span { transform-origin: center; } .close-block > div > span:first-child { transform: translateY(57%) rotate(45deg); } .close-block > div > span:nth-child(2) { transform: rotate(-45deg); } .open-block { height: 100%; display: grid; align-items: center; } .open-block span { margin-bottom: 5px; transform-origin: 4px 0px; } #header-top-right .header_top_right_container { position: absolute; top: 0; left: 0; width: 100%; background: white; display: none; grid-template-columns: 10% 25% 25% 30% 10%; padding: 1rem 0; z-index: 100; line-height: 2; } #header-top-right .header_top_right_container nav { grid-column-start: 2; } #header-top-right .header_top_right_container a { text-decoration: none; font-weight: 400; } #header-top-right .header_top_right_container a:hover { text-decoration: underline; } #header-top-right .header_top_right_container h2 { font-weight: 100; margin-bottom: .3rem; } #header-top-right .header_top_right_container .views-field-title { color: black !important; } #header-top-right .header_top_right_container .views-field-title:hover { background: transparent; } #header-top-right .header_top_right_container .is-active { font-weight: 800; } #header-top-right .header_top_right_container #block-views-block-programmes-block-2 .views-row { width: 100%; } footer { background: white; } #footer-bottom { padding: 2rem 0; height: 15rem; } #footer-bottom * { word-wrap: break-word; } #footer-bottom h2 { font-weight: 500; } #footer-bottom .footer_bottom_left_container { height: 100%; } #footer-bottom .footer_bottom_left_container div { height: 100%; } #footer-bottom .footer_bottom_left_container p { height: 100%; display: grid; } #footer-bottom .logo-gouv { height: 70%; display: block; color: transparent; font-size: 0; background: left/contain no-repeat url(../images/gouv.svg); } #footer-bottom .logo-puca { height: 70%; display: block; color: transparent; font-size: 0; background: left/contain no-repeat url(../images/puca.svg); margin-top: -1rem; } #footer-bottom #block-pieddepage ul { line-height: 2; } #footer-bottom #block-pieddepage ul li a { text-transform: uppercase; text-decoration: none; font-weight: 400; } #footer-bottom #block-pieddepage ul li a:hover { text-decoration: underline; } #footer-bottom .footer_bottom_right_container > div > div p { display: inline-block; } #footer-bottom .footer_bottom_right_container > div > div p a { min-width: 3rem; min-height: 3rem; } #footer-bottom .footer_bottom_right_container > div > div p a[href*='twitter'] { height: 100%; display: block; font-size: 0; color: transparent; background: left/contain no-repeat url(../images/tw.svg); } #footer-bottom .footer_bottom_right_container > div > div p a[href*='linkedin'] { height: 100%; display: block; font-size: 0; color: transparent; background: left/contain no-repeat url(../images/ln.svg); } #footer-bottom .footer_bottom_right_container > div > div p a[href*='youtube'] { height: 100%; display: block; font-size: 0; color: transparent; background: left/contain no-repeat url(../images/yt.svg); } .path-frontpage .block-region-content { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center; } .path-frontpage .block-region-content .views-element-container { grid-column: 1 / span 3; } .last-news .slick-slide, .last-ressources .slick-slide { margin: 0 1rem; } .last-news .slick-arrow, .last-ressources .slick-arrow { position: absolute; height: 100%; cursor: pointer; z-index: 100; opacity: 0.2; transition: opacity 250ms; width: 10%; } .last-news .slick-arrow:hover, .last-ressources .slick-arrow:hover { opacity: .5; } .last-news .slick-next, .last-ressources .slick-next { right: 0; top: 0; } .last-news .views-row, .last-ressources .views-row { display: grid !important; grid-template-columns: 1fr; position: relative; height: auto; } .last-news .views-row a, .last-ressources .views-row a { text-decoration: none; } .last-news .programme-1 .views-field { background: #4dabc1 !important; } .last-news .programme-2 .views-field { background: #61ab32 !important; } .last-news .programme-3 .views-field { background: #646578 !important; } .last-news .programme-4 .views-field { background: black; } .last-news .programme-5 .views-field { background: #ab9569 !important; } .last-news .programme-6 .views-field { background: #e01a35 !important; } .last-news .programme-7 .views-field { background: #28429f !important; } .last-news { margin-top: 2rem; } .last-news .views-field-field-image { height: 20rem; } .last-news .views-field-field-image img { width: 100%; } .last-news .views-field-field-image { grid-column: 1; grid-row: auto; z-index: -1; margin-top: -15%; } .last-news .views-field:not(.views-field-field-image) { padding-right: .5rem; padding-left: .5rem; background-color: black; width: 90%; margin-left: 1rem; color: white; align-self: flex-start; grid-column: 1; grid-auto-rows: min-content; font-size: 0.6rem; text-transform: uppercase; } .last-news .views-field-title { font-size: 1rem !important; font-weight: 500; line-height: 1.2; padding-top: .3rem; } .last-news .views-field-field-sous-titre { padding: .5rem 0 1rem 0; } .last-news .views-field-field-programme { text-transform: uppercase; grid-row: 1; font-weight: 500; padding: .5rem 0 .5rem 0; } .last-ressources .views-field { color: black; } .last-ressources .views-field-field-image { grid-column: 1; grid-row: 1 / span 4; z-index: -1; } .last-ressources .views-field:not(.views-field-field-image) { background: black; width: 50%; margin-left: 1rem; padding-left: 1rem; color: white; } .last-ressources .views-field-title-1, .last-ressources .views-field-title { padding-bottom: 1rem; grid-column: 2; grid-row: 3; font-weight: 600; } .last-ressources .views-field-view-node { grid-row: 4 / span 1; grid-column: 2 / span 1; margin-bottom: 1rem; } .last-ressources .views-field-field-programme { text-transform: uppercase; grid-column: 1; grid-row: 1; font-weight: 500; margin-bottom: 1rem; } .last-ressources .programme-1 .views-field { color: #4dabc1 !important; } .last-ressources .programme-2 .views-field { color: #61ab32 !important; } .last-ressources .programme-3 .views-field { color: #646578 !important; } .last-ressources .programme-4 .views-field { color: black; } .last-ressources .programme-5 .views-field { color: #ab9569 !important; } .last-ressources .programme-6 .views-field { color: #e01a35 !important; } .last-ressources .programme-7 .views-field { color: #28429f !important; } .main_logo { z-index: 10; height: 7rem; position: relative; background: center/contain no-repeat url(../images/popsu-home-logo.png); margin: -5rem 0 3rem 0; } .about { box-shadow: inset 0 17rem 18rem #eff2f9; background: url(../images/motif_croix.svg); font-size: 0.8rem; text-align: center; padding: 18rem 0 3rem 0; margin-top: -20rem; } .about .views-row .views-field-title { font-family: "duke" !important; font-size: 1.6rem; color: black; font-weight: 400; } .about .views-row .views-field-title a { text-decoration: none; } .about .views-row h3 { color: black; } .about .views-row div { margin: 0 5%; } .about .views-row .views-field-view-node { display: inline-block; margin: 0 auto; background: black; color: white; font-family: "trueno"; font-weight: 500; padding: .5rem 1.5rem; font-size: 0.8rem; margin-top: 1rem; } .about .views-row .views-field-view-node a { text-decoration: none; } .about .views-row .views-field-view-node a:hover { text-decoration: underline; } #home_blocks-block_3 { background: url(../images/motif_croix.svg); padding: 2rem; } #home_blocks-block_3 h2 { text-align: center; margin: 0 0 1rem 0; } #home_blocks-block_3 .last-ressources .views-field:not(.views-field-field-image) { width: 80%; } #home_blocks-block_3 .last-ressources .views-row { display: grid !important; grid-template-columns: 1fr 1fr; align-items: center; background: white; position: relative; height: auto; padding: 1rem; background-clip: content-box; } #home_blocks-block_3 .last-ressources .views-field-field-image { grid-row: 3 / span 2; z-index: 0; padding: .5rem; } #home_blocks-block_3 .last-ressources .views-field:not(.views-field-field-image) { background: transparent; width: auto; margin-left: 0; padding-left: 0; color: black; } #home_blocks-block_3 .last-ressources .views-field-title-1, #home_blocks-block_3 .last-ressources .views-field-title { font-weight: 600; grid-row: 3 / span 1; grid-column: 2 / span 1; } #home_blocks-block_3 .last-ressources .views-field-field-programme { padding-left: .5rem !important; grid-row: 1 / span 1; grid-column: 1 / span 2; text-transform: uppercase; margin-top: -.5rem; } #home_blocks-block_3 .last-ressources .views-field-field-programme .field-content { display: inline-block; width: auto; padding: .3rem .5rem; } #home_blocks-block_3 .last-ressources .views-field-field-programme .empty { background-color: black; height: 1rem; } #home_blocks-block_3 .last-ressources .views-field-field-programme .field-content { font-weight: 600; display: inline-block; width: auto; color: white; padding: .02rem .3rem; } #villes-block_1 { grid-column: 1; } #home_themes-block_1 { grid-column: 2; } #programmes-block_4 { grid-column: 3; } .home_info_container { height: auto; min-height: 5rem; display: none; grid-column: 1 / span 3; } #home_prog_container { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; justify-items: center; margin-top: 1rem; } #home_prog_container .views-row { background-clip: content-box; height: 13rem; width: 100%; display: grid; align-items: center; padding: 1rem; } #home_prog_container .views-row .views-field-title { font-size: 0.8rem; font-weight: 600; display: none; } #home_prog_container .views-row:hover .views-field-title { font-weight: 600; display: block; color: white; text-align: center; } #home_prog_container .views-row:hover .views-field-title a { text-decoration: none; } #home_prog_container .views-field-field-diaporama { display: none; } #home_prog_container .programme-1 { background: center/60% no-repeat url(../images/POPSU_1.svg) white; } #home_prog_container .programme-1:hover { background: #4dabc1; } #home_prog_container .programme-2 { background: center/60% no-repeat url(../images/POPSU_2.svg) white; } #home_prog_container .programme-2:hover { background: #61ab32; } #home_prog_container .programme-3 { background: center/50% no-repeat url(../images/POPSU_Europe.svg) white; } #home_prog_container .programme-3:hover { background: #646578; } #home_prog_container .programme-5 { background: center/45% no-repeat url(../images/POPSU_monde.svg) white; } #home_prog_container .programme-5:hover { background: #ab9569; } #home_prog_container .programme-6 { background: center/60% no-repeat url(../images/POPSU_territoires.svg) white; } #home_prog_container .programme-6:hover { background: #e01a35; } #home_prog_container .programme-7 { background: center/60% no-repeat url(../images/POPSU_metropoles.svg) white; } #home_prog_container .programme-7:hover { background: #28429f; } #home_theme_container .slick-slide { margin: 0 1rem; } #home_theme_container .slick-arrow { position: absolute; height: 100%; cursor: pointer; z-index: 100; opacity: 0.2; transition: opacity 250ms; width: 10%; } #home_theme_container .slick-arrow:hover { opacity: .5; } #home_theme_container .slick-next { right: 0; top: 0; } #home_theme_container .views-row { background-clip: content-box; background-color: grey; height: 10rem; width: 10rem !important; position: relative; } #home_theme_container .views-field-title { display: grid; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; position: absolute; text-align: center; align-items: center; padding: .8rem 1rem; font-size: 0.8rem; font-weight: 600; color: white; } #home_theme_container .views-field-title a { margin-top: -.5rem; text-decoration: none; } #home_theme_container .views-field-field-image { top: 0; left: 0; width: 100%; height: 100%; position: absolute; } #home_theme_container .views-field-field-image .field-content { display: grid; padding: 0; overflow: hidden; width: 100%; height: 100%; } #home_theme_container .views-field-field-image .field-content img { height: 100% !important; width: inherit !important; max-width: none; } #villes-block_1, #home_themes-block_1, #programmes-block_4 { background: #eff2f9; height: 100%; display: grid; align-items: center; } #villes-block_1 header, #home_themes-block_1 header, #programmes-block_4 header { text-align: center; font-family: 'duke'; font-size: 3.1rem; line-height: 1; opacity: .3; cursor: pointer; padding: .8rem; } #villes-block_1 header .arrow, #home_themes-block_1 header .arrow, #programmes-block_4 header .arrow { font-size: 1.6rem; display: block; margin-top: -1rem; } #villes-block_1 header.active, #home_themes-block_1 header.active, #programmes-block_4 header.active { opacity: 1; font-size: 4rem; } #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 { display: none; } .path-centre-de-ressources { background-color: #eff2f9; } .path-centre-de-ressources .programme-1 { color: #4dabc1; } .path-centre-de-ressources .programme-1 .views-field-field-programme .field-content { background: #4dabc1; color: white; } .path-centre-de-ressources .programme-2 { color: #61ab32; } .path-centre-de-ressources .programme-2 .views-field-field-programme .field-content { background: #61ab32; color: white; } .path-centre-de-ressources .programme-3 { color: #646578; } .path-centre-de-ressources .programme-3 .views-field-field-programme .field-content { background: #646578; color: white; } .path-centre-de-ressources .programme-4 { color: #28429f; } .path-centre-de-ressources .programme-4 .views-field-field-programme .field-content { background: #28429f; color: white; } .path-centre-de-ressources .programme-5 { color: #ab9569; } .path-centre-de-ressources .programme-5 .views-field-field-programme .field-content { background: #ab9569; color: white; } .path-centre-de-ressources .programme-6 { color: #e01a35; } .path-centre-de-ressources .programme-6 .views-field-field-programme .field-content { background: #e01a35; color: white; } .path-centre-de-ressources .programme-7 { color: #28429f; } .path-centre-de-ressources .programme-7 .views-field-field-programme .field-content { background: #28429f; color: white; } .path-centre-de-ressources main { flex: 0 0 100%; max-width: 100%; } .path-centre-de-ressources header { margin-bottom: 0; } .path-centre-de-ressources header .slick-slide { margin: 0 1rem; } .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) { display: grid !important; grid-template-columns: 1fr; background-color: white; position: relative; height: auto; } .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field:not(:first-child) { padding: 0 0 0 .4rem; } .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-image { grid-row: 3 / span 2; margin-top: -1.5rem; } .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-image img { width: 100%; } .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-programme { grid-row: 1 / span 1; grid-column: 1 / span 2; } .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-programme .field-content { font-weight: 600; display: inline-block; width: auto; color: white; padding: .15rem .3rem; margin-bottom: 1rem; } .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-theme .field-content { color: black; } .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-type-de-ressource { text-transform: uppercase; font-weight: 600; margin-bottom: .5rem; font-size: 0.45rem; grid-row: 2 / span 1; grid-column: 2 / span 1; } .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-title { font-style: italic; grid-row: 3 / span 1; grid-column: 2 / span 1; } .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-sous-titre { margin-bottom: 1rem; grid-row: 4 / span 1; grid-column: 2 / span 1; align-self: baseline; } .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-theme { grid-row: 5 / span 1; grid-column: 1 / span 2; font-size: 0.45rem; } .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) a { text-decoration: none; } .path-centre-de-ressources header .slick-slide .type-74 { display: grid !important; grid-template-columns: 1fr; grid-auto-rows: min-content; background-color: white; width: 100% !important; padding: .3rem; } .path-centre-de-ressources header .slick-slide .type-74 a { text-decoration: none; } .path-centre-de-ressources header .slick-slide .type-74 a:hover { text-decoration: underline; } .path-centre-de-ressources header .slick-slide .type-74 .views-field:not(:first-child) { padding: 0 0 0 .4rem; } .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-image { grid-row: 2; } .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-image img { width: 80%; } .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-programme { grid-row: 1 / span 1; } .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-programme .field-content { font-weight: 600; display: inline-block; width: auto; color: white; padding: .15rem .3rem; margin-bottom: 1rem; } .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-theme .field-content { color: black; } .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-type-de-ressource { text-transform: uppercase; font-weight: 600; margin-bottom: .5rem; font-size: 0.45rem; } .path-centre-de-ressources header .slick-slide .type-74 .views-field-title { font-style: italic; } .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-sous-titre { margin-bottom: 1rem; align-self: baseline; } .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-theme { font-size: 0.45rem; text-align: right; } .path-centre-de-ressources header .slick-arrow { position: absolute; height: 100%; cursor: pointer; z-index: 100; opacity: 0.2; transition: opacity 250ms; width: 10%; } .path-centre-de-ressources header .slick-arrow:hover { opacity: .5; } .path-centre-de-ressources header .slick-next { right: 0; top: 0; } .path-centre-de-ressources .content_container > div > h2:first-child { text-align: center; background-color: #98d0d9; padding: 1rem 0; } .path-centre-de-ressources form { background-color: #98d0d9; display: grid; padding: 5rem 0 1rem 0; margin-top: -3rem; column-gap: 1rem; grid-template-columns: calc(10% - 3em) repeat(4, 20%); } .path-centre-de-ressources form > div:first-child { grid-column-start: 2; } .path-centre-de-ressources form .form-item-combine { grid-row: 1 / span 1; grid-column-start: 2; } .path-centre-de-ressources form .form-item-programme { grid-column-start: 2; } .path-centre-de-ressources form .form-item-field-collections-target-id { grid-column-start: 2; } .path-centre-de-ressources form .form-item-items-per-page { grid-column-start: 3; } .path-centre-de-ressources form select, .path-centre-de-ressources form input { display: inline-block; width: auto; width: 100%; font-size: 0.6rem; padding: .3rem 1rem; height: auto; } .path-centre-de-ressources form div { display: inline-block; width: auto; } .path-centre-de-ressources form .form-actions { grid-column: 4 / span 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; column-gap: 1rem; } .path-centre-de-ressources form .form-actions input { background-color: transparent; border: solid 1px black; box-shadow: none; } .path-centre-de-ressources .views-view-grid { margin-top: 3rem; } .path-centre-de-ressources .views-view-grid .views-row { display: grid; column-gap: 1rem; row-gap: 1rem; grid-template-columns: calc(10% - 3em) repeat(3, 27.3%); align-items: flex-start; } .path-centre-de-ressources .views-view-grid .views-row .views-col:first-child { grid-column-start: 2; } .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) { display: grid; grid-template-columns: 40% 60%; grid-auto-rows: min-content; background-color: white; width: 100% !important; padding: .3rem; } .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) a { text-decoration: none; } .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) a:hover { text-decoration: underline; } .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field:not(:first-child) { padding: 0 0 0 .4rem; } .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-image { grid-row: 3 / span 2; margin-top: -1.5rem; } .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-programme { grid-row: 1 / span 1; grid-column: 1 / span 2; } .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-programme .field-content { font-weight: 600; display: inline-block; width: auto; color: white; padding: .15rem .3rem; margin-bottom: 1rem; } .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-theme .field-content { color: black; } .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-type-de-ressource { text-transform: uppercase; font-weight: 600; margin-bottom: .5rem; font-size: 0.45rem; grid-row: 2 / span 1; grid-column: 2 / span 1; } .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-title { font-style: italic; grid-row: 3 / span 1; grid-column: 2 / span 1; } .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-sous-titre { margin-bottom: 1rem; grid-row: 4 / span 1; grid-column: 2 / span 1; align-self: baseline; } .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-theme { grid-row: 5 / span 1; grid-column: 1 / span 2; font-size: 0.45rem; } .path-centre-de-ressources .views-view-grid .type-74 { display: grid; grid-template-columns: 1fr; grid-auto-rows: min-content; background-color: white; width: 100% !important; padding: .3rem; } .path-centre-de-ressources .views-view-grid .type-74 a { text-decoration: none; } .path-centre-de-ressources .views-view-grid .type-74 a:hover { text-decoration: underline; } .path-centre-de-ressources .views-view-grid .type-74 .views-field:not(:first-child) { padding: 0 0 0 .4rem; } .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-image { grid-row: 2; } .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-programme { grid-row: 1 / span 1; } .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-programme .field-content { font-weight: 600; display: inline-block; width: auto; color: white; padding: .15rem .3rem; margin-bottom: 1rem; } .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-theme .field-content { color: black; } .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-type-de-ressource { text-transform: uppercase; font-weight: 600; margin-bottom: .5rem; font-size: 0.45rem; margin-top: .3rem; } .path-centre-de-ressources .views-view-grid .type-74 .views-field-title { font-style: italic; } .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-sous-titre { margin-bottom: 1rem; align-self: baseline; } .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-theme { font-size: 0.45rem; text-align: right; } .path-centre-de-ressources .js-pager__items { text-align: center; } article h2, article h3, article h4, article h5, article h6, .paragraph h2, .paragraph h3, .paragraph h4, .paragraph h5, .paragraph h6 { font-family: "trueno"; font-weight: 600; font-size: 0.8rem; color: black; margin-top: 1rem; margin-bottom: .3rem; } article p, .paragraph p { margin-bottom: .5rem; } .block-region-third h2 { font-size: 1rem; background-color: black; color: white; padding: .3rem 1rem; } .block-region-third .views-field-field-intro { display: none; } .block-region-first { background-color: black; color: white; } .block-region-first #node\:title { text-transform: uppercase; font-family: 'duke'; font-size: 1rem; padding: .3rem .5rem; text-decoration: none; } .block-region-first #node\:title:hover { text-decoration: underline; } .page-node-type-static .layout__region--top { position: absolute; top: 0; left: 0; width: 100vw; height: 40vh; background: url(../images/motif_croix.svg); box-shadow: inset 0 -5rem 8rem #eff2f9; z-index: -1; } .page-node-type-actualite .block-region-first, .page-node-type-evenement .block-region-first { background-color: black; color: white; } .page-node-type-actualite .block-region-first a, .page-node-type-evenement .block-region-first a { text-transform: uppercase; font-family: 'duke'; font-size: 1rem; padding: .3rem .5rem; text-decoration: none; } .page-node-type-actualite .block-region-first a:hover, .page-node-type-evenement .block-region-first a:hover { text-decoration: underline; } .page-node-type-actualite #node\:title, .page-node-type-evenement #node\:title { font-family: "trueno"; font-weight: 600; font-size: 0.8rem; color: brown; margin-top: 1rem; margin-bottom: .3rem; } .path-actus .content_container > div > h2:first-of-type { text-align: center; } .path-actus .content_container .layout__region--content .views-element-container { display: grid; grid-template-columns: 10% minmax(0, 1fr); } .path-actus .content_container .layout__region--content .views-element-container h2 { grid-column: 2; padding: 0 0 0 20px; } .path-actus .content_container .layout__region--content .views-element-container div { grid-column: 2; } .path-actus .content_container .layout__region--content .views-element-container div h2 { margin: 1rem 0; } .path-actus .content_container .layout__region--content .views-element-container article h2 { padding: 0; } .path-actus .content_container .layout__region--content .views-element-container article h2 a { text-decoration: none; } .path-actus .content_container .layout__region--content .views-element-container article h2 a:hover { text-decoration: underline; } .path-actus .content_container .layout__region--content .views-element-container footer { text-align: center; margin: 1.8rem 0; grid-column: 1 / span 2; background: transparent; } .path-actus .content_container .layout__region--content .views-element-container footer a { display: inline-block; margin: 0 auto; background: black; color: white; font-family: "trueno"; font-weight: 500; padding: .5rem 1.5rem; font-size: 0.8rem; text-decoration: none; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-1 article { background: #4dabc1 !important; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-1 article .field_programme { color: #4dabc1; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-2 article { background: #61ab32 !important; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-2 article .field_programme { color: #61ab32; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-3 article { background: #646578 !important; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-3 article .field_programme { color: #646578; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-4 article { background: black; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-4 article .field_programme { color: black; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-5 article { background: #ab9569 !important; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-5 article .field_programme { color: #ab9569; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-6 article { background: #e01a35 !important; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-6 article .field_programme { color: #e01a35; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-7 article { background: #28429f !important; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-7 article .field_programme { color: #28429f; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 .slick-slide { margin: 0 1rem; padding: 0; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 article { color: white; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 article div { display: grid; grid-column: 1 / span 2; margin-top: -1rem; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 article div .field_programme { grid-row: 1; z-index: 10; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 article div .field_image { grid-row: 2; margin-top: -.5rem; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 article div .field_image img { width: 100%; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 article div .field_sous_titre { grid-row: 3; margin: .5rem 1rem !important; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 article h2 { color: white; margin: -1rem 1rem 1rem 1rem; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 article .field_programme { display: block; } .path-actus .content_container .layout__region--content #actus_blocks-block_2 article .field_programme a { background: white; display: inline-block; width: auto; text-decoration: none; font-weight: 600; text-transform: uppercase; padding: .3rem .3rem 0 .3rem; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 .slick-slide { margin: 0 1rem; padding: 0; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-1 article, .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-1 h2 { color: #4dabc1 !important; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-1 .field_programme a { background: #4dabc1; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-2 article, .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-2 h2 { color: #61ab32 !important; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-2 .field_programme a { background: #61ab32; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-3 article, .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-3 h2 { color: #646578 !important; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-3 .field_programme a { background: #646578; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-4 article, .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-4 h2 { color: black; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-4 .field_programme a { background: black; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-5 article, .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-5 h2 { color: #ab9569 !important; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-5 .field_programme a { background: #ab9569; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-6 article, .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-6 h2 { color: #e01a35 !important; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-6 .field_programme a { background: #e01a35; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-7 article, .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-7 h2 { color: #28429f !important; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-7 .field_programme a { background: #28429f; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 article { background: white; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 article > div:first-of-type { display: grid; grid-column: 1 / span 2; margin-top: -1rem; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 article > div:first-of-type .field_programme { grid-row: 1; z-index: 10; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 article > div:first-of-type .field_image { grid-row: 2; margin-top: -.5rem; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 article > div:first-of-type .field_image img { width: 100%; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 article > div:first-of-type .field_dates_actu { grid-row: 3; margin: .5rem 1rem; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 article > div:first-of-type .field_sous_titre { grid-row: 4; margin: 0rem 1rem; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 article h2 { margin: .5rem 1rem !important; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 article .field_programme { display: block; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 article .field_programme a { color: white; display: inline-block; width: auto; text-decoration: none; font-weight: 600; text-transform: uppercase; padding: .3rem .3rem 0 .3rem; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 .links, .path-actus .content_container .layout__region--content #actus_blocks-block_2 .links { visibility: hidden; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article, .path-actus .content_container .layout__region--content #actus_blocks-block_2 .views-row article { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); position: relative; height: auto; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article .field_programme, .path-actus .content_container .layout__region--content #actus_blocks-block_2 .views-row article .field_programme { margin: 0 0 0 1rem; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article h2, .path-actus .content_container .layout__region--content #actus_blocks-block_2 .views-row article h2 { grid-row: 2; grid-column: 1 / span 2; } .path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article div:first, .path-actus .content_container .layout__region--content #actus_blocks-block_2 .views-row article div:first { grid-row: 1; grid-column: 1 / span 2; } .path-actus .content_container .layout__region--content #home_blocks-block_3 .views-field-field-image { grid-column: 1; } .path-actus .content_container .layout__region--content #home_blocks-block_3 .slick-slide { background-color: transparent; padding: 0; } .path-actus .content_container .layout__region--content #home_blocks-block_3 .slick-slide .views-row { padding: 0.4rem; } .path-actus .content_container .slick-arrow { position: absolute; height: 100%; cursor: pointer; z-index: 100; opacity: 0.2; transition: opacity 250ms; width: 10%; } .path-actus .content_container .slick-arrow:hover { opacity: .5; } .path-actus .content_container .slick-next { right: 0; top: 0; } .page-node-type-programme #projets-block_2 { position: relative; } .page-node-type-programme #projets-block_2 .main_logo { z-index: 10; height: 7.2rem; width: 100%; position: absolute; top: 0; left: 0; } .page-node-type-programme.programme-1 article h2, .page-node-type-programme.programme-1 article h3, .page-node-type-programme.programme-1 article h4, .page-node-type-programme.programme-1 article h5, .page-node-type-programme.programme-1 article h6 { color: #4dabc1; } .page-node-type-programme.programme-1 .main_logo { background: center/contain no-repeat url(../images/POPSU_1.svg); } .page-node-type-programme.programme-2 article h2, .page-node-type-programme.programme-2 article h3, .page-node-type-programme.programme-2 article h4, .page-node-type-programme.programme-2 article h5, .page-node-type-programme.programme-2 article h6 { color: #61ab32; } .page-node-type-programme.programme-2 .main_logo { background: center/contain no-repeat url(../images/POPSU_2.svg); } .page-node-type-programme.programme-3 article h2, .page-node-type-programme.programme-3 article h3, .page-node-type-programme.programme-3 article h4, .page-node-type-programme.programme-3 article h5, .page-node-type-programme.programme-3 article h6 { color: #646578; } .page-node-type-programme.programme-3 .main_logo { background: center/contain no-repeat url(../images/POPSU_Europe.svg); } .page-node-type-programme.programme-4 article h2, .page-node-type-programme.programme-4 article h3, .page-node-type-programme.programme-4 article h4, .page-node-type-programme.programme-4 article h5, .page-node-type-programme.programme-4 article h6 { color: #28429f; } .page-node-type-programme.programme-4 .main_logo { background: center/contain no-repeat url(../images/POPSU_logo.svg); } .page-node-type-programme.programme-5 article h2, .page-node-type-programme.programme-5 article h3, .page-node-type-programme.programme-5 article h4, .page-node-type-programme.programme-5 article h5, .page-node-type-programme.programme-5 article h6 { color: #ab9569; } .page-node-type-programme.programme-5 .main_logo { background: center/contain no-repeat url(../images/POPSU_monde.svg); } .page-node-type-programme.programme-6 article h2, .page-node-type-programme.programme-6 article h3, .page-node-type-programme.programme-6 article h4, .page-node-type-programme.programme-6 article h5, .page-node-type-programme.programme-6 article h6 { color: #e01a35; } .page-node-type-programme.programme-6 .main_logo { background: center/contain no-repeat url(../images/POPSU_territoires.svg); } .page-node-type-programme.programme-7 article h2, .page-node-type-programme.programme-7 article h3, .page-node-type-programme.programme-7 article h4, .page-node-type-programme.programme-7 article h5, .page-node-type-programme.programme-7 article h6 { color: #28429f; } .page-node-type-programme.programme-7 .main_logo { background: center/contain no-repeat url(../images/POPSU_metropoles.svg); } .page-node-type-programme .layout-content { position: relative; } .page-node-type-programme .layout__region--top { max-height: 30%; grid-column: 1 / span 3; } .page-node-type-programme .block-region-first { position: absolute; top: 0; left: 0; z-index: 10; width: 25%; padding: 1rem 1.5rem; } .page-node-type-programme .block-region-first .prog-ressources-link { font-family: "duke"; font-size: 1.6rem; cursor: pointer; transition: all 250ms; text-decoration: none; } .page-node-type-programme .block-region-first .prog-ressources-link:hover { padding: 0 0 0 .3rem; } .page-node-type-programme .block-region-first .views-element-container header { font-family: "duke"; font-size: 1.6rem; cursor: pointer; transition: all 250ms; } .page-node-type-programme .block-region-first .views-element-container header:hover { padding: 0 0 0 .3rem; } .page-node-type-programme .block-region-first .views-element-container .views-row { display: none; padding: 0 0 0 1.2rem; margin-bottom: .5rem; } .page-node-type-programme .block-region-first .views-element-container .views-row a { text-decoration: none; } .page-node-type-programme .block-region-first .views-element-container .views-row a:hover { text-decoration: underline; } .page-node-type-programme .block-region-third { margin-top: -7rem; z-index: 20; position: relative; } .page-node-type-programme .block-region-third #evenements-block_1 { background-color: black; margin-bottom: 3rem; } .page-node-type-programme .block-region-third #evenements-block_1 h2 { color: white; } .page-node-type-programme .block-region-third .programme-1 { background: #4dabc1; } .page-node-type-programme .block-region-third .programme-2 { background: #61ab32; } .page-node-type-programme .block-region-third .programme-3 { background: #646578; } .page-node-type-programme .block-region-third .programme-4 { background: #28429f; } .page-node-type-programme .block-region-third .programme-5 { background: #ab9569; } .page-node-type-programme .block-region-third .programme-6 { background: #e01a35; } .page-node-type-programme .block-region-third .programme-7 { background: #28429f; } .page-node-type-programme .block-region-third .views-row { padding: 1rem 0; } .page-node-type-programme .block-region-third .views-row:last-of-type { margin-bottom: 1rem; } .page-node-type-programme .block-region-third .views-field { color: white; padding: 0 1rem; font-weight: 500; } .page-node-type-programme .block-region-third .views-field .views-field-field-type-de-ressource { text-transform: uppercase; margin-bottom: .2rem; } .page-node-type-programme .block-region-third .views-field .views-field-title { font-style: italic; } .page-node-type-programme .block-region-third .views-field .views-field-field-sous-titre { font-weight: 400; } .page-node-type-programme .block-region-third .views-field a { text-decoration: none; } .page-node-type-programme .block-region-third .views-field a:hover { text-decoration: underline; } .page-node-type-programme article h2:first-child { display: none; } .page-node-type-programme article .body { font-size: 0.8rem; } .page-node-type-programme .block-region-bottom { background: url(../images/motif_croix.svg); } .page-node-type-programme .block-region-bottom h2 { text-align: center; } .page-node-type-programme .block-region-bottom .item-list .slick-slide { margin: 0 1rem; } .page-node-type-programme .block-region-bottom .item-list .slick-arrow { position: absolute; height: 100%; cursor: pointer; z-index: 100; opacity: 0.2; transition: opacity 250ms; width: 10%; } .page-node-type-programme .block-region-bottom .item-list .slick-arrow:hover { opacity: .5; } .page-node-type-programme .block-region-bottom .item-list .slick-next { right: 0; top: 0; } .page-node-type-programme .block-region-bottom .item-list .views-field:not(.views-field-field-image) { width: 80%; } .page-node-type-programme .block-region-bottom .item-list li { display: grid !important; grid-template-columns: 1fr 1fr; align-items: center; background: white; position: relative; height: auto; padding: 1rem; background-clip: content-box; } .page-node-type-programme .block-region-bottom .item-list .views-field-field-image { grid-row: 1 / span 4; z-index: 0; padding: .5rem; } .page-node-type-programme .block-region-bottom .item-list .views-field:not(.views-field-field-image) { background: transparent; width: auto; margin-left: 0; padding-left: 0; } .page-node-type-programme .block-region-bottom .item-list .views-field-field-sous-titre { grid-column: 2 / span 1; } .page-node-type-programme .block-region-bottom .item-list .views-field-field-type-de-ressource { grid-column: 2 / span 1; } .page-node-type-programme .block-region-bottom .item-list .views-field-title { font-weight: 600; grid-row: 3 / span 1; grid-column: 2 / span 1; } .page-node-type-programme .block-region-bottom .item-list .views-field-view-node { grid-row: 2 / span 1; grid-column: 2 / span 1; } .page-node-type-programme .block-region-bottom .item-list .views-field-field-programme { padding-left: .5rem !important; grid-row: 1 / span 1; grid-column: 1 / span 2; text-transform: uppercase; margin-top: -.5rem; } .page-node-type-programme .block-region-bottom .item-list .views-field-field-programme .field-content { display: inline-block; width: auto; background-color: black !important; padding: .3rem .5rem; } .page-node-type-programme .block-region-bottom .item-list .views-field-field-programme .field-content { font-weight: 600; display: inline-block; width: auto; color: white; padding: .02rem .3rem; } .page-node-type-programme .block-region-bottom footer { background-color: transparent; text-align: center; padding: 1rem; } .page-node-type-programme .block-region-bottom footer a { display: inline-block; margin: 0 auto; background: black; color: white; font-family: "trueno"; font-weight: 500; padding: .5rem 1.5rem; font-size: 0.6rem; text-decoration: none; } .path-archives .content_container > div > h2 { text-align: center; } .path-archives .content_container .views-element-container > div { display: grid; grid-template-columns: 10% repeat(3, minmax(0, 1fr)) 10%; grid-column-gap: 2rem; grid-row-gap: 1rem; } .path-archives .content_container .views-element-container > div header { grid-column: 1 / span 5; text-align: center; } .path-archives .content_container .views-element-container > div nav { grid-column: 1 / span 5; text-align: center; } .path-archives .content_container .views-element-container > div .views-row:first-of-type { grid-column: 2; } .path-archives .content_container .views-element-container > div .views-row:nth-of-type(3n+1) { grid-column: 2; } .path-archives .content_container .views-element-container > div .views-row { padding: .5rem 1rem; background: #28429f; } .path-archives .content_container .views-element-container > div .views-row a { text-decoration: none; color: white; } /*# sourceMappingURL=styles.css.map */