@font-face {
  font-display: swap;
  font-family: 'Glyphicons Regular';
  font-style: normal;
  src: url('../../fonts/glyphicons-regular.ttf') format('truetype'), url('../../fonts/glyphicons-regular.woff2') format('woff2'), url('../../fonts/glyphicons-regular.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../../fonts/montserrat-v25-latin_latin-ext-300.ttf') format('truetype'), url('../../fonts/montserrat-v25-latin_latin-ext-300.woff2') format('woff2'), url('../../fonts/montserrat-v25-latin_latin-ext-300.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/montserrat-v25-latin_latin-ext-regular.ttf') format('truetype'), url('../../fonts/montserrat-v25-latin_latin-ext-regular.woff2') format('woff2'), url('../../fonts/montserrat-v25-latin_latin-ext-regular.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../../fonts/montserrat-v25-latin_latin-ext-italic.ttf') format('truetype'), url('../../fonts/montserrat-v25-latin_latin-ext-italic.woff2') format('woff2'), url('../../fonts/montserrat-v25-latin_latin-ext-italic.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/montserrat-v25-latin_latin-ext-700.ttf') format('truetype'), url('../../fonts/montserrat-v25-latin_latin-ext-700.woff2') format('woff2'), url('../../fonts/montserrat-v25-latin_latin-ext-700.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('../../fonts/montserrat-v25-latin_latin-ext-700italic.ttf') format('truetype'), url('../../fonts/montserrat-v25-latin_latin-ext-700italic.woff2') format('woff2'), url('../../fonts/montserrat-v25-latin_latin-ext-700italic.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/dancing-script-regular.ttf') format('truetype'), url('../../fonts/dancing-script-regular.woff2') format('woff2'), url('../../fonts/dancing-script-regular.woff') format('woff');
}


ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } dl { margin-top: 0; margin-bottom: 20px; } dt { font-weight: 700; } dd { margin-left: 0; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } 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; } 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="search"] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } *, *:before, *:after { box-sizing: border-box; } html { font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; } hr { color: inherit; } code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 1em; } table { text-indent: 0; border-color: inherit; } ::-moz-focus-inner { border-style: none; padding: 0; } :-moz-focusring { outline: 1px dotted ButtonText; } :-moz-ui-invalid { box-shadow: none; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } ::-webkit-search-decoration { -webkit-appearance: none; } [type="file"].focus, [type="radio"].focus, [type="checkbox"].focus, [type="file"]:focus, [type="radio"]:focus, [type="checkbox"]:focus { outline: none !important; outline-offset: 0 !important; } [type="button"], [type="reset"], [type="submit"] { cursor: pointer; } input, select, textarea { background-image: none; } input[type="search"] { -webkit-appearance: none; box-sizing: border-box; } select { max-width: 100%; } select::-ms-expand { border: 0; background-color: transparent; } select[multiple], select[size] { height: auto; } textarea { width: 100%; height: auto; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly], input.disabled, select.disabled, textarea.disabled, input.readonly, select.readonly, textarea.readonly { cursor: not-allowed; opacity: 1; background-color: #F7F7F7 !important; } input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #FFF inset !important; -webkit-text-fill-color: #222222 !important; background-color: #FFF !important; color: #222222 !important; } input:-webkit-autofill:hover, textarea:-webkit-autofill:hover, select:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill:focus, select:-webkit-autofill:focus, input:-webkit-autofill:active, textarea:-webkit-autofill:active, select:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px #FFF inset !important; -webkit-text-fill-color: #222222 !important; background-color: #FFF !important; color: #222222 !important; } @-webkit-keyframes tooltip-anim { 0% { opacity: 0; -webkit-transform: matrix(0.5, 0, 0, 0.8, 0, 0); transform: matrix(0.5, 0, 0, 0.8, 0, 0); } 20% { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); } 40% { opacity: 1; } 70% { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); } 100% { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); } } @keyframes tooltip-anim { 0% { opacity: 0; -webkit-transform: matrix(0.5, 0, 0, 0.8, 0, 0); transform: matrix(0.5, 0, 0, 0.8, 0, 0); } 20% { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); } 40% { opacity: 1; } 70% { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); } 100% { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); } } @-webkit-keyframes showModelizerLayer { 0% { -webkit-transform: scale(0.8) translateY(-800px); transform: scale(0.8) translateY(-800px); opacity: 0; } 100% { -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); opacity: 1; display: block; } } @keyframes showModelizerLayer { 0% { -webkit-transform: scale(0.8) translateY(-800px); transform: scale(0.8) translateY(-800px); opacity: 0; } 100% { -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); opacity: 1; display: block; } } @-webkit-keyframes showAgainModelizerLayer { 0% { -webkit-transform: scale(0.8) translateY(-800px); transform: scale(0.8) translateY(-800px); opacity: 0; } 100% { -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); opacity: 1; display: block; } } @keyframes showAgainModelizerLayer { 0% { -webkit-transform: scale(0.8) translateY(-800px); transform: scale(0.8) translateY(-800px); opacity: 0; } 100% { -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); opacity: 1; display: block; } } @-webkit-keyframes hideModelizerLayer { 0% { -webkit-transform: scale(1); transform: scale(1); } 99.9% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0); transform: scale(0); display: none !important; } } @keyframes hideModelizerLayer { 0% { -webkit-transform: scale(1); transform: scale(1); } 99.9% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0); transform: scale(0); display: none !important; } } .glyphicons { display: inline-block; font-family: 'Glyphicons Regular'; font-style: normal !important; font-weight: normal !important; line-height: 1 !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: top; position: relative; top: 1px; } .glyphicons:before { display: inline-block; } .glyphicons:before { padding: 6px 8px; } .list-bullet, .list-square { padding-left: 20px; margin-left: 12px; } .list-square { list-style-type: square; } .list-unstyled { padding-left: 0; list-style: none; } .list-unstyled li { padding-bottom: 4px; } .list-unstyled ul { margin-top: 4px; margin-bottom: 4px; padding-left: 20px; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline li { padding-bottom: 4px; } .list-inline ul { margin-top: 4px; margin-bottom: 4px; padding-left: 20px; list-style: none; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } .list-numbered { padding-left: 1em; display: flex; flex-direction: column; } .list-numbered > li { padding-left: .5em; } .list-dashed { padding-left: 1em; list-style: none; } .list-dashed > li:before { width: 1em; display: inline-block; margin-left: -1em; content: "-"; } .dl-horizontal dd { display: flow-root; } html { position: relative; min-height: 100vh; font-size: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-size: .9em; line-height: 1.388888; overflow-x: hidden; } hr { margin-top: 18px; margin-bottom: 18px; border-width: 1px 0 0 0; border-color: #eeeeee; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; max-width: 100vw; } .clearfix { display: flow-root; } .clearfloat:before { content: " "; display: table; height: 0; visibility: hidden; clear: both; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hidden { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } p + ul:not([class='']) { margin-top: 4px; } p.smaller { font-size: .9em; } .fade { opacity: 0; transition: opacity .15s linear; } .fade.in { opacity: 1; } a[class$='-link.nopadding'], button[class$='-link.nopadding'], .btn[class$='-link.nopadding'] { padding-left: 0; padding-right: 0; } figure { margin: 0; } figure figcaption { max-width: 500px; margin: 0 auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } figure.inline > a { display: block; } figure:not(.inline):not(.pull-right):not(.pull-left) + p { margin-top: 20px; } p + figure:not(.pull-left):not(.pull-right) { margin-top: 20px; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #285f8f; } .bg-success { background-color: #5cb85c; } a.bg-success:hover, a.bg-success:focus { background-color: #449d44; } .bg-info { background-color: #5bc0de; } a.bg-info:hover, a.bg-info:focus { background-color: #31b0d5; } .bg-warning { background-color: #f0ad4e; } a.bg-warning:hover, a.bg-warning:focus { background-color: #ec971f; } .bg-danger { background-color: #d9534f; } a.bg-danger:hover, a.bg-danger:focus { background-color: #c9302c; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #285f8f; } .text-success { color: #5cb85c; } a.text-success:hover, a.text-success:focus { color: #449d44; } .text-info { color: #5bc0de; } a.text-info:hover, a.text-info:focus { color: #31b0d5; } .text-warning { color: #f0ad4e; } a.text-warning:hover, a.text-warning:focus { color: #ec971f; } .text-danger { color: #d9534f; } a.text-danger:hover, a.text-danger:focus { color: #c9302c; } a[href^="mailto:"], a[href^="tel:"] { white-space: nowrap; } a.focus, button.focus, a:focus, button:focus { outline: none !important; outline-offset: 0 !important; } a, button, [role="button"] { cursor: pointer; } a, button { background-image: none; } address { margin-bottom: 20px; font-style: normal; } a { text-decoration: none; } a:hover, a:focus { text-decoration: none; } blockquote { padding: 10px 20px; font-style: italic; border-left: 5px solid #eeeeee; font-size: 1.2em; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer { display: block; font-size: 90%; line-height: 1; margin-top: 14px; color: #777777; } blockquote footer:before { content: '\2014 \00A0'; } button { font-family: inherit; font-size: inherit; line-height: inherit; } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 1.3em; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #eeeeee; } iframe { max-width: 100%; } figure { margin: 0; } figure img { display: block; margin-right: auto; margin-left: auto; } figure figcaption { display: block; opacity: .8; font-style: italic; text-align: center; } img, video, audio, embed, object { max-width: 100%; } video, embed, object { height: auto !important; } img { vertical-align: middle; -ms-interpolation-mode: bicubic; } p { margin: 0 0 10px 0; } big { font-size: 115%; } mark { background-color: #f0ad4e; padding: .2em; } abbr[title] { cursor: help; border-bottom: 1px dotted #777777; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 75%; font-weight: normal; line-height: 1; } .closer { font-family: Helvetica, sans-serif !important; margin-left: 15px; font-size: 40px; line-height: 42px; text-shadow: 0 1px 0 #FFF; color: inherit; cursor: pointer; opacity: 1; } button.closer { padding: 0; background: transparent; border: 0; -webkit-appearance: none; } .closer:hover, .closer:focus { text-decoration: none; opacity: .8; } .btn-default { background-color: #EFEFEF; border-color: #e5e5e5; color: #222; text-shadow: 0 1px 0 rgba(34, 34, 34, 0.2); } .btn-default:hover, .btn-default:focus { background-color: #f7f7f7; border-color: #EFEFEF; color: #222; } .btn-success { background-color: #5cb85c !important; border-color: #4eb24e !important; color: #FFF !important; } .btn-success:hover, .btn-success:focus { background-color: #67bd67 !important; border-color: #5cb85c !important; color: #FFF !important; } .btn-info { background-color: #5bc0de !important; border-color: #4ab9db !important; color: #FFF !important; } .btn-info:hover, .btn-info:focus { background-color: #68c5e1 !important; border-color: #5bc0de !important; color: #FFF !important; } .btn-warning { background-color: #f0ad4e !important; border-color: #eea43b !important; color: #FFF !important; } .btn-warning:hover, .btn-warning:focus { background-color: #f1b45c !important; border-color: #f0ad4e !important; color: #FFF !important; } .btn-danger { background-color: #d9534f !important; border-color: #d5433e !important; color: #FFF !important; } .btn-danger:hover, .btn-danger:focus { background-color: #dc5f5c !important; border-color: #d9534f !important; color: #FFF !important; } .app-messages { position: fixed; top: 0; left: 0; right: 0; z-index: 2147483; justify-content: center; flex-direction: column; } .app-messages.backgrounded { background-color: rgba(0, 0, 0, 0.4); height: 100vh; margin: 0; padding-top: 20px; top: 0 !important; } .app-messages:empty { display: none; } .alert { display: flex; flex-wrap: wrap; align-items: center; max-width: 600px; color: #FFF; border: none; margin: 0 auto; font-size: 1.1em; padding-left: 15px; padding-right: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .alert a { font-weight: 700; color: inherit !important; } .alert p:last-child, .alert ul:last-child { margin-bottom: 0; } .alert > div { flex-grow: 1; } .alert.alert-success { background-color: #5cb85c; } .alert.alert-info { background-color: #5bc0de; } .alert.alert-warning { background-color: #f0ad4e; } .alert.alert-danger { background-color: #d9534f; } .alert + .alert { margin-top: 6px; } .alert.alert-dismissible { position: relative; } .alert.alert-dismissible > div { max-width: 90%; } .alert .closer { font-size: 30px; line-height: 30px; text-shadow: none; } #confirmModal .confirm-message { margin-bottom: 30px; } #confirmModal .confirm-message > p { font-size: 1.2em; } #confirmModal .confirm-buttons { display: flex; } #confirmModal .confirm-buttons .btn.confirm-button { flex: 50%; } .tooltip { max-width: 170px; position: absolute; opacity: 0; border-radius: 4px; background-color: #878191; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 1; color: #FFF; text-align: center; transition: opacity .8s; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 4px rgba(255, 255, 255, 0.7); -webkit-animation: tooltip-anim 0.7s; animation: tooltip-anim 0.7s; z-index: 234567891; } .tooltip:empty { display: none !important; opacity: 0 !important; } .tooltip .tip-header { padding: 2px 4px; border-bottom: 1px solid #FFF; } .tooltip .tip-content { padding: 8px 10px; } .tooltip.arrow::after { position: absolute; display: block; content: ""; border: 0 solid transparent; box-shadow: 0 0 4px rgba(255, 255, 255, 0.7); } .tooltip.arrow.left::after, .tooltip.arrow.right::after { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .tooltip.arrow.top::after, .tooltip.arrow.bottom::after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tooltip.arrow.left::after { right: -8px; border-width: 6px 0 6px 8px; border-left-color: #878191; } .tooltip.arrow.right::after { left: -8px; border-width: 6px 8px 6px 0; border-right-color: #878191; } .tooltip.arrow.bottom::after { top: -8px; border-width: 0 6px 8px 6px; border-top-color: #878191; } .tooltip.arrow.top::after { bottom: -8px; border-width: 8px 6px 0 6px; border-bottom-color: #878191; } body.modalizer-open { overflow: hidden; } .modalizer-backdrop { align-items: center; justify-content: center; width: 100vw; height: 100vh; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000; background: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden; transition: opacity 0.3s ease-in-out; } body.modalizer-open .modalizer-backdrop { opacity: 1; visibility: visible; } .modalizer { overflow: hidden; position: fixed; width: 0; top: 0; right: 0; bottom: 0; left: 0; z-index: 10001; outline: 0; visibility: hidden; opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); transition: width .8s; } .modalizer.in { visibility: visible; opacity: 1; width: auto; transition: opacity 0.5s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } body.modalizer-open .modalizer.in { overflow-y: auto; } .modalizer .closer { width: 40px; height: 40px; position: absolute; right: 17px; top: 6px; z-index: 10010; color: #878191; font-size: 40px; background: #FFF; border-radius: 50%; } .modalizer .closer:hover span, .modalizer .closer:focus span { opacity: .8; } .modalizer .layer { position: relative; width: 0; max-width: 1200px; margin-left: auto; margin-right: auto; background: #FFF; border: 1px solid #eeeeee; color: #222; opacity: 0; transition: all .7s; -webkit-overflow-scrolling: touch; } .modalizer .layer.in { -webkit-animation: showModelizerLayer 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: showModelizerLayer 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .modalizer .layer.back-in { -webkit-animation: showAgainModelizerLayer 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: showAgainModelizerLayer 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .modalizer .layer.out { -webkit-animation: hideModelizerLayer 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: hideModelizerLayer 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; display: none; } .modalizer header { padding: 14px 20px; border-bottom: 1px solid #eeeeee; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .modalizer header p { display: block; margin: 0; color: #222222; font-weight: 700; font-size: 1.3em; line-height: 1.5em; } .modalizer section { position: relative; padding: 20px; } .modalizer section > h1:first-child { margin-top: 0; } .modalizer footer { padding: 14px 20px; border-top: 1px solid #eeeeee; text-align: right; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .modalizer footer .btn + .btn { margin-left: 10px; } .modalizer .layer-sm .closer { width: 30px; height: 30px; top: 7px; right: 10px; } .modalizer .layer-sm section { padding: 16px 20px !important; } body.modalizer-open > .tooltip { z-index: 10900; } body.modalizer-open .app-messages { z-index: 10899; } body.modalizer-open .redactor-dropdown { z-index: 10899; } #browser { width: 100vw; min-height: calc(100vh - 20px); overflow: auto; display: none; padding: 10px; background-color: rgba(0, 0, 0, 0.8); color: #222; position: fixed; top: 0; left: 0; right: 0; bottom: 0; font-size: 1.2em !important; z-index: 2247483645; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #browser > div { background-color: #FFF; padding: 20px; min-height: calc(100vh - 80px); } #browser > div > div { max-width: 700px; margin-left: auto; margin-right: auto; } #browser .browsercheck-logo { width: 100%; max-width: 500px; height: 200px; background-repeat: no-repeat; background-size: contain; background-position: center center; background-image: url('../images/system/browsercheck.png'); margin-bottom: 20px; margin-left: auto; margin-right: auto; } #browser h3 { margin-bottom: 0; font-size: 1.1em; } #browser p + ul { margin-top: 12px; } #browser p.browser-error { background-color: #991415; color: #FFF; padding: 4px 10px; line-height: 1; } #browser noscript p { text-align: center; line-height: 2; font-size: 30px; } body.incompatible-browser { overflow: hidden; } body.incompatible-browser #browser { display: block; } body.incompatible-browser noscript .app-messages { display: none; } h1 { font-size: 1.5em; } h2 { font-size: 1.3em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5 { font-size: 1em; } h6 { font-size: .9em; } p.timestamp { margin-top: 0 !important; font-style: italic !important; } .error-box { margin: 0 auto; text-align: center; } .error-box img { display: block; margin: 20px auto; } .error-box p { text-align: center !important; } .error-box p:first-of-type { color: #d9534f; font-size: 1.2em; font-weight: 700; margin-bottom: 20px; } .page-contents > div > h1:first-child, .page-contents > div > h2:first-child, .page-contents > div > h3:first-child, .page-contents > div > h4:first-child, .page-contents > div > h5:first-child, .page-contents > div > h6:first-child { margin-top: 0; } .center-notification { text-align: center; } .center-notification p { font-size: 1.3em; font-weight: 700; font-variant: small-caps; margin: 5px; text-align: center !important; } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:active, .btn.active { outline: 0; } .btn.disabled { cursor: not-allowed; opacity: .8; } a.btn.disabled { opacity: .7; } .btn.btn-lg { padding: 10px 16px; font-size: 1.2em; } .btn.btn-sm { padding: 5px 10px; font-size: .85em; } .btn.btn-xs { padding: 1px 5px; font-size: .8em; } .flag-icon { width: 40px; height: 25px; display: inline-block; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; color: transparent; } .flag-icon:before { content: '\00a0'; } .flag-icon.small { width: 20px; height: 14px; border: none; } .flag-icon.f-fr, .flag-icon[data-lang='fr'] { background-image: url(../images/flags/fr.png); } .flag-icon.f-en, .flag-icon[data-lang='en'] { background-image: url(../images/flags/en.png); } .flag-icon.f-it, .flag-icon[data-lang='it'] { background-image: url(../images/flags/it.png); } .flag-icon.f-es, .flag-icon[data-lang='es'] { background-image: url(../images/flags/es.png); } .flag-icon.f-de, .flag-icon[data-lang='de'] { background-image: url(../images/flags/de.png); } #cooky { width: 100%; height: 100vh; max-height: 100%; display: none; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; right: 0; color: #FFF; font-size: 1.2em; line-height: 1.3em; text-align: center; z-index: 234567891; flex-direction: column; flex-wrap: wrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #cooky.center { justify-content: center; } #cooky.bottom { justify-content: flex-end; } #cooky > div { position: relative; background-color: #656565; padding: 20px; } #cooky p { max-width: 700px; margin: 0 auto; color: #FFF; margin-bottom: 20px; } #cooky .btn { margin: 24px 5px 5px 5px; border-radius: 4px; text-shadow: initial; } #cooky .btn:hover, #cooky .btn:focus { opacity: .8; } #cooky .btn.cooky-modal { background-color: #DEDEDE; border-color: #d4d4d4; color: #222; } #cooky .btn.cooky-modal:hover, #cooky .btn.cooky-modal:focus { background-color: #e6e6e6; border-color: #DEDEDE; color: #222; } #cooky .btn.reload-adblocker { display: flex; align-items: center; margin-left: auto; margin-right: auto; } #cooky .btn.reload-adblocker > span.glyphicons { top: 0; margin-right: 5px; } #cooky .btn.reload-adblocker, #cooky .btn.cooky-accept-all { background-color: #5cb85c; border-color: #4eb24e; color: #FFF; } #cooky .btn.reload-adblocker:hover, #cooky .btn.cooky-accept-all:hover, #cooky .btn.reload-adblocker:focus, #cooky .btn.cooky-accept-all:focus { background-color: #67bd67; border-color: #5cb85c; color: #FFF; } #cooky .btn.cooky-refuse-all { background-color: #d9534f; border-color: #d5433e; color: #FFF; } #cooky .btn.cooky-refuse-all:hover, #cooky .btn.cooky-refuse-all:focus { background-color: #dc5f5c; border-color: #d9534f; color: #FFF; } #cooky a.cooky-dontcare { max-width: 900px; margin: 0 auto; display: block; text-align: right; margin-bottom: 30px; color: #FFF !important; font-size: .9em; } #cooky a.cooky-dontcare span { display: inline-block; } #cooky a.cooky-dontcare span:first-child { text-decoration: underline; } #cooky a.cooky-dontcare span + span { margin-left: 7px; } #cooky a.cooky-dontcare:focus > span:first-child, #cooky a.cooky-dontcare:hover > span:first-child { text-decoration: none; } body.cooky-needs-consent { overflow: hidden; } body.cooky-needs-consent #cooky { display: flex; } #cookyModal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; z-index: 234567891 !important; -webkit-overflow-scrolling: touch; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #cookyModal .cm-inner { position: relative; background: #FFF; color: #000; opacity: 0; -webkit-transform: translate(0, -150vh); transform: translate(0, -150vh); transition: all 0.8s ease-in-out; } #cookyModal .cm-inner header { display: flex; flex-wrap: wrap; align-items: center; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; padding: 10px 20px; border-bottom: 1px solid #eeeeee; } #cookyModal .cm-inner header .L1 { flex: 1 0 80%; margin: 0; color: #222222; line-height: 1.5; font-size: 1.3em; font-weight: 700; } #cookyModal .cm-inner header button { margin: 0; font-family: Helvetica, sans-serif !important; font-size: 40px; line-height: 42px; text-shadow: 0 1px 0 #FFF; color: inherit; cursor: pointer; padding: 0; background: transparent; border: 0; -webkit-appearance: none; } #cookyModal .cm-inner section { position: relative; padding: 20px; } #cookyModal hr { width: 170px !important; border-top: 3px solid #EEE; margin: 16px auto; } #cookyModal .btn { padding: 8px 10px; } #cookyModal .btn.c-allow, #cookyModal .btn.c-allow-all { background-color: #5cb85c; border-color: #4eb24e; color: #FFF; } #cookyModal .btn.c-allow:hover, #cookyModal .btn.c-allow-all:hover, #cookyModal .btn.c-allow:focus, #cookyModal .btn.c-allow-all:focus { background-color: #67bd67; border-color: #5cb85c; color: #FFF; } #cookyModal .btn.c-deny, #cookyModal .btn.c-deny-all { background-color: #d9534f; border-color: #d5433e; color: #FFF; } #cookyModal .btn.c-deny:hover, #cookyModal .btn.c-deny-all:hover, #cookyModal .btn.c-deny:focus, #cookyModal .btn.c-deny-all:focus { background-color: #dc5f5c; border-color: #d9534f; color: #FFF; } #cookyModal p.disclaimer { text-align: justify; font-size: 1.1em; margin: 20px auto; } #cookyModal .c-message { display: none; padding: 10px 20px 20px 20px; opacity: 0; height: 0; transition: all 0.5s ease-in; } #cookyModal .c-message p { text-align: center; font-weight: 700; font-size: 1.1em; margin-bottom: 0; color: #5cb85c; } #cookyModal .c-message.in { display: block; opacity: 1; min-height: 50px; } #cookyModal .c-languages { display: flex; justify-content: center; margin-bottom: 10px; text-align: center; } #cookyModal .c-languages:empty { display: none; } #cookyModal .c-languages .btn { border: 2px solid #EEE; background: #EEE; border-radius: 2px; position: relative; padding: 0; line-height: 1; } #cookyModal .c-languages .btn + .btn { margin-left: 6px; } #cookyModal .c-languages .btn.small { width: 20px; height: 14px; } #cookyModal .c-languages .btn.active { border-color: #666; } #cookyModal .c-languages .btn:hover, #cookyModal .c-languages .btn:focus { opacity: .8; } #cookyModal #cooky-services .L3 { font-size: 1.3em; color: #444 !important; } #cookyModal #cooky-services p { font-size: 1.1em; margin-bottom: 10px; } #cookyModal .cooky-d { text-align: center; font-size: 1.1em; } #cookyModal .cooky-d .L2 { color: #333 !important; margin: 4px auto 16px auto; } #cookyModal .cooky-d div { margin-top: 10px; } #cookyModal .cooky-r { display: flex; flex-wrap: wrap; } #cookyModal .cooky-r > p { flex-grow: 1; margin-bottom: 10px; } #cookyModal .cooky-r > p a { color: #555 !important; font-size: .9em; } #cookyModal .cooky-r > p a:hover, #cookyModal .cooky-r > p a:focus { opacity: .7; } #cookyModal .cooky-r > p a:before { content: "> "; display: inline-block; margin-right: 4px; } #cookyModal .c-read-more { display: none; flex: 100%; border-bottom: 1px dotted #222222; background: #eeeeee; padding: 10px; margin-bottom: 20px; } #cookyModal .c-read-more p { margin-bottom: 0; margin-left: 10px; } #cookyModal .c-read-more p a { color: #222 !important; text-decoration: underline !important; } #cookyModal .c-read-more p a:hover, #cookyModal .c-read-more p a:focus { text-decoration: none !important; } #cookyModal .c-allow, #cookyModal .c-allow-all { opacity: .5; } #cookyModal .c-allow:hover, #cookyModal .c-allow-all:hover, #cookyModal .c-allow.active, #cookyModal .c-allow-all.active { opacity: 1; } #cookyModal .c-deny, #cookyModal .c-deny-all { opacity: .5; } #cookyModal .c-deny:hover, #cookyModal .c-deny-all:hover, #cookyModal .c-deny.active, #cookyModal .c-deny-all.active { opacity: 1; } #cookyModal .c-item { background-color: rgba(255, 255, 255, 0.6); padding: 10px 8px; margin-bottom: 8px; } #cookyModal .c-item p { font-size: 1em; margin-bottom: 0; } #cookyModal .c-item span.halflings-lock { color: #5cb85c; } #cookyModalBackdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(40, 43, 49, 0.8); transition: all 1.2s ease-in-out; visibility: hidden; opacity: 0; z-index: 234567890; } body.cm-open { overflow: hidden; } body.cm-open #cookyModal { opacity: 1; visibility: visible; overflow-x: hidden; overflow-y: auto; } body.cm-open #cookyModal .cm-inner { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } body.cm-open #cookyModalBackdrop { opacity: 1; visibility: visible; } .cooky-activate { width: 100%; height: 100%; background-color: #696969; color: #FFF; } .cooky-activate > div .btn { display: block; margin: 0 auto; } .cooky-activate > div .btn.c-allow { background-color: #EFEFEF; border-color: #e5e5e5; color: #222; text-shadow: 0 1px 0 rgba(34, 34, 34, 0.2); } .cooky-activate > div .btn.c-allow:hover, .cooky-activate > div .btn.c-allow:focus { background-color: #f7f7f7; border-color: #EFEFEF; color: #222; } .cooky-activate > div .btn span.social { font-size: 1.4em; vertical-align: bottom; margin-right: 5px; } .jizy-cooky-boxed { page-break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } .jizy-cooky-boxed .cooky-activate { display: table; text-align: center; padding: 10px 20px; } .jizy-cooky-boxed .cooky-activate > div { display: table-cell; text-align: center; vertical-align: middle; } .jizy-cooky-boxed .cooky-activate > div > p { max-width: 300px; margin: 0 auto 10px auto; } .jizy-cooky-boxed .cooky-activate > div > button { display: block; margin: 0 auto; } .btn-group { display: flex; flex-wrap: wrap; } .btn-group .btn { position: relative; } .btn-group .btn:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .btn-group .btn:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .btn-group .btn:hover, .btn-group .btn:focus, .btn-group .btn:active, .btn-group .btn.active { z-index: 2; } .btn-group .btn + .btn { margin-left: -1px; } input, select, textarea { background-color: #FFF; border: 1px solid #CCC; } input[type='text'], input[type='password'], input[type='file'], input[type='email'], input[type='tel'], input[type='url'], input[type='search'], select, textarea { display: block; color: #555555; } input:not([type='color']):not([type='checkbox']):not([type='radio']), select, textarea { padding: 6px 12px; } input:not([type='color']):not([type='checkbox']):not([type='radio']), select, textarea { transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } input:not([type='color']):not([type='checkbox']):not([type='radio']):focus, select:focus, textarea:focus { border-color: #b4b4b4; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(180, 180, 180, 0.6); } input[type='file'], input[type='color'], input[type='checkbox'], input[type='radio'] { box-shadow: none; } input[type="radio"], input[type="checkbox"] { margin-top: 3px; } input[type='file'] { padding-left: 0 !important; padding-right: 0 !important; border: none !important; } input[type='color'] { max-width: initial !important; background-color: initial !important; } input[type='number'] { max-width: 150px; padding-right: 2px !important; } input[type='tel'] { max-width: 220px; } input[type='date'] { max-width: 160px; } input[type='time'] { max-width: 100px; } input[type='datetime-local'] { max-width: 210px; } select[name$="[gender]"] { max-width: 140px !important; } input[name$='[captcha]'] { display: none !important; } input:not([type='color']):not([type='checkbox']):not([type='radio'])::-moz-placeholder, textarea::-moz-placeholder { color: #777777; opacity: .9; font-style: italic; } input:not([type='color']):not([type='checkbox']):not([type='radio']):-ms-input-placeholder, textarea:-ms-input-placeholder { color: #777777; opacity: .9; font-style: italic; } input:not([type='color']):not([type='checkbox']):not([type='radio'])::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #777777; opacity: .9; font-style: italic; } .field-group .field { position: relative; display: flex; flex-wrap: wrap; } .field-group .field input[type='text'], .field-group .field input[type='file'], .field-group .field select { flex: 1; width: auto; position: relative; margin-bottom: 0; z-index: 2; } .field-group .field input[type='text']:focus, .field-group .field input[type='file']:focus, .field-group .field select:focus { z-index: 3; } .field-group .field .btn { position: relative; white-space: nowrap; } .field-group .field .btn + .btn { margin-left: -1px; } .field-group .field .btn:hover, .field-group .field .btn:focus, .field-group .field .btn:active { z-index: 2; } .field-group .field > span { padding: 6px 12px; font-weight: normal; color: #222222; text-align: center; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .field-group .field > span input[type='radio'], .field-group .field > span input[type='checkbox'] { margin-top: 0; } .field { box-sizing: border-box; display: flex; } .field.disabled input, .field.readonly input, .field.disabled select, .field.readonly select, .field.disabled textarea, .field.readonly textarea { cursor: not-allowed; background-color: #ebebe4; } .form-fieldset + .form-fieldset { margin-top: 10px; } .form-fieldset > h3 { margin: 0; padding: 14px 0 5px 0; border-bottom: 1px solid #EEE; margin-bottom: 5px; } .form-fieldset > p { background-color: rgba(255, 255, 255, 0.3); font-style: italic; padding: 8px 10px; margin: 8px 0; } .form-field > label { font-weight: 700; white-space: nowrap; padding-top: 7px; margin-bottom: 4px; display: block; } .form-field .field { display: flex; flex-direction: column; } .form-field .help { flex: 100%; margin-top: 2px; font-size: .95em; color: #626262; } .form-field .help > span { display: block; } .form-field .help > span + span { margin-top: 4px; } .form-field .help span.unikmail-message { display: block; } .form-field.required { position: relative; } .form-field.required > label:after { color: #F00; content: "*"; display: inline-block; margin-left: 4px; } .form-field.wide > label { width: 100%; } .form-field.wide .field { flex: 100%; } .form-field.static .field p { display: block; margin-bottom: 0; padding-top: 7px; } .form-field:not(.tipBefore).static.field > p { margin-top: 7px; } .form-field:not(.tipBefore) .help { margin-top: 7px; margin-bottom: 0; order: 2; } .form-field.tipBefore .help { margin-top: 0; margin-bottom: 7px; } .form-field.tipBefore.label-on-top .redactor-box { order: 2; } .form-field.solo-checkbox .field { position: relative; padding-top: 8px; } .form-field.solo-checkbox .field label { display: flex; align-items: center; font-weight: initial; cursor: pointer; } .form-field.solo-checkbox .field label > span { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .form-field.solo-checkbox .field label input[type='radio'], .form-field.solo-checkbox .field label input[type='checkbox'] { flex: 0 1 14px; align-self: flex-start; margin-right: 8px; } .form-field.radio .field, .form-field.checkbox .field { position: relative; padding-top: 8px; } .form-field.radio .field label, .form-field.checkbox .field label { display: flex; font-weight: initial; cursor: pointer; } .form-field.radio .field label input[type='radio'], .form-field.checkbox .field label input[type='radio'], .form-field.radio .field label input[type='checkbox'], .form-field.checkbox .field label input[type='checkbox'] { flex: 0 0 24px; margin-top: 3px; max-height: 14px; } .form-field.has-feedback * { color: inherit !important; } .form-field.has-feedback input[type='text'], .form-field.has-feedback input[type='file'], .form-field.has-feedback input[type='email'], .form-field.has-feedback input[type='tel'], .form-field.has-feedback input[type='url'], .form-field.has-feedback select { position: relative; padding-right: 25px; } .form-field.has-feedback .form-control-feedback { display: inline-block !important; pointer-events: none; margin-left: -25px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .form-field.has-success .field input, .form-field.has-success .field select, .form-field.has-success .field textarea, .form-field.has-success .field .redactor-box { color: #3c763d !important; border-color: #3c763d !important; } .form-field.has-success .field .field-group-addon { color: #3c763d !important; border-color: #3c763d !important; background-color: #dff0d8 !important; } .form-field.has-success .field .field-group-btn button { border-top-color: #3c763d; border-right-color: #3c763d; border-bottom-color: #3c763d; } .form-field.has-success .help, .form-field.has-success.checkbox .field label, .form-field.has-success.radio .field label { color: #3c763d !important; } .form-field.has-warning .field input, .form-field.has-warning .field select, .form-field.has-warning .field textarea, .form-field.has-warning .field .redactor-box { color: #8a6d3b !important; border-color: #8a6d3b !important; } .form-field.has-warning .field .field-group-addon { color: #8a6d3b !important; border-color: #8a6d3b !important; background-color: #fcf8e3 !important; } .form-field.has-warning .field .field-group-btn button { border-top-color: #8a6d3b; border-right-color: #8a6d3b; border-bottom-color: #8a6d3b; } .form-field.has-warning .help, .form-field.has-warning.checkbox .field label, .form-field.has-warning.radio .field label { color: #8a6d3b !important; } .form-field.has-error .field input, .form-field.has-error .field select, .form-field.has-error .field textarea, .form-field.has-error .field .redactor-box { color: #a94442 !important; border-color: #a94442 !important; } .form-field.has-error .field .field-group-addon { color: #a94442 !important; border-color: #a94442 !important; background-color: #f2dede !important; } .form-field.has-error .field .field-group-btn button { border-top-color: #a94442; border-right-color: #a94442; border-bottom-color: #a94442; } .form-field.has-error .help, .form-field.has-error.checkbox .field label, .form-field.has-error.radio .field label { color: #a94442 !important; } form { margin-left: auto; margin-right: auto; } form .form-fieldset + .form-field { margin-top: 14px; } form:not(.filters) .form-field + .form-field { margin-top: 10px; } form.sm .field input:not([type='color']):not([type='checkbox']):not([type='radio']), form.sm .field select, form.sm .field textarea { font-size: .85em; } form.lg .field input:not([type='color']):not([type='checkbox']):not([type='radio']), form.lg .field select, form.lg .field textarea { font-size: 1.2em; } .field-group .field { flex-direction: row; } .form-field.form-field-boolean { display: flex; flex-wrap: wrap; margin: 0; position: relative; } .form-field.form-field-boolean input { width: 32px; height: 19px; background: #d8d8d8; border: none; border-radius: 15px; position: relative; top: 0; transition: background .3s; } .form-field.form-field-boolean input:after { content: ""; height: 15px; width: 15px; background: #FFF; position: absolute; top: 2px; left: 2px; border-radius: 50%; opacity: 1; transition: opacity .3s; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 7px 0 rgba(0, 0, 0, 0.1); } .form-field.form-field-boolean input:hover, .form-field.form-field-boolean input:focus { opacity: .8; } .form-field.preview { margin-top: 5px; margin-bottom: 5px; } .form-field.preview img { width: 100%; max-height: 200px; display: block; margin: 0 auto; } .form-field.form-buttons { margin-top: 20px; padding-top: 20px; border-top: 2px solid #EEE; } .form-field.form-buttons .btn { padding: 10px 16px; font-size: 1.2em; } form[name='login'] .login-wait { background-color: #EEE; padding: 4px 6px; font-weight: 700; color: #f00; text-align: right; margin-bottom: 0; } form:not(.wide) { max-width: 500px; } form .form-submit { margin-top: 20px; } .modal-form-intro { padding: 0 10px; margin-bottom: 20px; border-bottom: 1px solid #EEE; } .modal-form-intro:empty { display: none; } .form-field[data-id='zipcode'] .field, .form-field[data-id$='_zipcode'] .field { flex-direction: row !important; } .form-field[data-id='zipcode'] input[name$='[zipcode]'], .form-field[data-id$='_zipcode'] input[name$='[zipcode]'], .form-field[data-id='zipcode'] input[name$='_zipcode]'], .form-field[data-id$='_zipcode'] input[name$='_zipcode]'] { min-width: 70px; margin-right: 3px; } .form-field[data-id='zipcode'] input[name$='[town]'], .form-field[data-id$='_zipcode'] input[name$='[town]'], .form-field[data-id='zipcode'] input[name$='_town]'], .form-field[data-id$='_zipcode'] input[name$='_town]'] { flex: 60%; } .matomo-opt-out .cooky-activate { display: table; text-align: center; padding: 10px 20px; } .matomo-opt-out .cooky-activate > div { display: table-cell; text-align: center; vertical-align: middle; } .matomo-opt-out .cooky-activate > div > p { max-width: 300px; margin: 0 auto 10px auto; } .matomo-opt-out .cooky-activate > div > button { display: block; margin: 0 auto; } .matomo-opt-out iframe { width: 100%; } img[data-zoom] { cursor: pointer; } img[data-zoom]:hover, img[data-zoom]:focus { opacity: .8; } .modalizer .layer-gal-viewer .closer { background: transparent; top: 10px; right: 10px; text-shadow: initial; } .modalizer .layer-gal-viewer section { padding: 0; } .modalizer .layer-gal-viewer .big-pic img { display: block; width: 100%; height: 100%; margin-left: auto; margin-right: auto; -o-object-fit: contain; object-fit: contain; } .footer-contact { margin-bottom: 30px; } .footer-contact a { position: relative; justify-content: center; } .footer-contact a > span.glyphicons { flex: 0 0 40px; font-size: 1.3em; margin-right: .5em; } .footer-contact a > span.glyphicons:before { padding: 10px; } .footer-contact a.map > span.glyphicons:before { content: "\E243"; } .footer-contact a.phone > span.glyphicons:before { content: "\E442"; } .footer-contact a.email > span.glyphicons:before { content: "\E011"; } .footer-contact a > span:not(.glyphicons) { display: flex; flex-direction: column; } .footer-contact a > span:not(.glyphicons) > strong { text-transform: uppercase; } .footer-contact a > span:not(.glyphicons) > strong + br { display: none !important; } .footer-contact a:hover, .footer-contact a:focus { background-color: rgba(255, 255, 255, 0.2); } .network { display: flex; flex-grow: 1; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; align-items: center; justify-content: center; } .network a { background-color: #222; font-size: 1.5em; padding: .5em; border-radius: 50%; transition: opacity .4s; } .network a span { width: 20px; height: 20px; display: block; background-size: contain; background-repeat: no-repeat; } .network a.x span { background-image: url('../images/social/black/x-icon.png'); } .network a.twitter span { background-image: url('../images/social/black/twitter-icon.png'); } .network a.linkedin span { background-image: url('../images/social/black/linkedin-icon.png'); } .network a.instagram span { background-image: url('../images/social/black/instagram-icon.png'); } .network a.facebook span { background-image: url('../images/social/black/facebook-icon.png'); } .network a:hover, .network a:focus { opacity: .6; } .join-us { display: flex; align-items: center; } .foot-line { display: flex; background-color: rgba(150, 150, 150, 0.1); padding: 5px 10px; margin-top: 30px; font-size: .9em; } .foot-line .menu { font-size: 1.08em; display: inline-block; } .foot-line .menu a { color: #222; } .foot-line .menu a.active { font-weight: 700; } .footer-menu > div p.h { line-height: 1; font-weight: 700; text-transform: uppercase; margin-bottom: 8px; } .footer-menu > div p.i { line-height: 1; margin-bottom: 0; } .footer-menu nav { display: flex; } .footer-menu nav > a { display: block; font-size: 1.1em; } .footer-menu nav > a.active { font-weight: 700; } .footer-menu nav > a + a { margin-top: 6px; } body { background-color: #FFF; font-family: "Montserrat", sans-serif; color: #222222; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } h1, h2, h3, h4, h5, h6 { color: #878191; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: inherit; } hr { border-top-color: #878191; } a, .btn-link { color: #878191; } a:hover, .btn-link:hover, a:focus, .btn-link:focus { color: #a19ca9; } .modalizer .closer { color: #878191; } .btn-primary, .btn.submit, .btn.icon-btn { background-color: #878191; border-color: #7d7687; color: #FFF; } .btn-primary:hover, .btn.submit:hover, .btn.icon-btn:hover, .btn-primary:focus, .btn.submit:focus, .btn.icon-btn:focus { background-color: #8f8998; border-color: #878191; color: #FFF; } .btn.back { margin-top: 40px !important; } a.ignore { display: none !important; } .nav-toggler { border-radius: 4px; } body > header { position: relative; } .nav { margin-bottom: 0; position: relative; } .nav > li { margin-bottom: 0; list-style: none; } .nav > li > a { line-height: 1; position: relative; display: block; transition: all 0.3s ease-in-out; } .nav > li > a:hover, .nav > li > a:focus { opacity: .8; } .social-network { display: flex; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .social-network a { background-color: #222; font-size: 1.8em; padding: 1em; border-radius: 50%; display: inline-block; transition: all .4s; } .social-network a:hover, .social-network a:focus { opacity: .8; } .social-network a span { width: 28px; height: 28px; display: block; background-size: contain; background-repeat: no-repeat; } .social-network a.email span { background-image: url('../images/social/white/email-icon.png'); } .social-network a.instagram span { background-image: url('../images/social/white/instagram-icon.png'); } .social-network a.facebook span { background-image: url('../images/social/white/facebook-icon.png'); } .social-network a.tiktok span { background-image: url('../images/social/white/tiktok-icon.png'); } .social-network a.youtube span { background-image: url('../images/social/white/youtube-icon.png'); } .social-network a.etsy span { background-image: url('../images/social/white/etsy-icon.png'); } body > footer { position: relative; color: #222; z-index: 1000; } body > footer .container { padding-top: 20px; padding-bottom: 10px; } body > footer p { font-size: .9em; line-height: 1.4; padding-top: 10px; padding-bottom: 10px; margin: 0; } body > footer p span.menu { font-size: 1.08em; display: inline-block; } body > footer p span.menu a { color: inherit !important; } body > footer p span.menu a:hover, body > footer p span.menu a:focus { text-decoration: underline; } body > footer a { color: #222 !important; } body > footer a:hover, body > footer a:focus { opacity: .6; } body > footer address { margin: 0; font-size: 1.1em; } body > footer address p { margin: 0; padding: 0; } body > footer address span.company { font-weight: 700; font-size: 1.2em; } body > footer address a { display: block; } body > footer address a, body > footer address a:hover, body > footer address a:focus { color: #222 !important; } body > footer address a:hover, body > footer address a:focus { opacity: .8; } main { max-width: 100vw; overflow: hidden; } .page-contents { position: relative; padding-top: 20px; padding-bottom: 20px; font-size: 1.1em; } .page-contents h1, .page-contents h2 { margin-bottom: 20px; margin-top: 0; } .page-contents h1 { margin-top: 0; } .page-contents h1:empty { display: none; } .page-contents h1 > span { display: block; font-size: 40%; } .page-contents h2 { margin-top: 20px; } .page-contents p { text-align: justify; } .page-contents .btn { border-radius: 30px; margin: 20px auto; font-weight: 300; padding: 10px 16px; font-size: 1.2em; background-color: #FFF; border-color: #DDD; color: #222; display: block; max-width: 350px; } .website-credits .logo { margin-bottom: 20px; } .website-credits p > a { white-space: nowrap; display: inline-block; } .website-credits a:hover, .website-credits a:focus { opacity: .8; } .home-text p { text-align: center; font-size: 1.2em; } body.home-page .page-contents nav { display: flex; align-items: center; margin-top: 20px; margin-bottom: 20px; } body.home-page .page-contents nav > a { display: flex; margin: 30px 0; text-align: center; position: relative; transition: all 0.3s ease-in-out; } body.home-page .page-contents nav > a figure { position: relative; overflow: hidden; } body.home-page .page-contents nav > a figure img { display: block; min-width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover; } body.home-page .page-contents nav > a footer { display: flex; align-items: center; justify-content: space-between; height: 65px; color: #222; font-size: 1.2em; line-height: 1.1; font-variant: small-caps; font-weight: 700; position: absolute; left: 0; right: 0; bottom: 0; text-align: center; background-color: rgba(255, 255, 255, 0.7); } body.home-page .page-contents nav > a footer span.bois { width: 40px; height: 50px; margin-left: 10px; margin-right: 10px; background-image: url('../images/bois.png'); background-repeat: no-repeat; background-size: contain; transition: all 0.4s ease-in-out; } body.home-page .page-contents nav > a footer span.bois.right { -webkit-transform: scaleX(-1); transform: scaleX(-1); } body.home-page .page-contents nav > a:hover, body.home-page .page-contents nav > a:focus { opacity: .8; } body.home-page .page-contents nav > a:hover footer span.bois.left, body.home-page .page-contents nav > a:focus footer span.bois.left { -webkit-transform: rotate(-8deg); transform: rotate(-8deg); } body.home-page .page-contents nav > a:hover footer span.bois.right, body.home-page .page-contents nav > a:focus footer span.bois.right { -webkit-transform: scaleX(-1) rotate(-8deg); transform: scaleX(-1) rotate(-8deg); } .creations-description p { font-weight: 300; font-size: 1.1em; margin-bottom: 0; } .creations-description p strong { font-weight: 600; } .creations-description p + p { margin-top: 10px; } .creations-description.rdv { padding: 10px 20px; background-color: rgba(197, 197, 197, 0.47); border-radius: 8px; } .creations-description + .creations-description.rdv { margin-top: -10px; } .creations-list > a { transition: all .8s; position: relative; } .creations-list > a > footer { padding: 7px 4px; } .creations-list > a > footer > div { text-align: center; line-height: 18px; font-size: 17px; font-weight: 300; } .creations-list > a > footer > div:empty { display: none; } .creations-list > a > footer .title { text-transform: uppercase; } .creations-list > a:hover, .creations-list > a:focus { opacity: .8; } .page-contents h1:empty, .page-contents .creations-description:empty { display: none; } .page-contents h1:empty + h2, .page-contents .creations-description:empty + h2 { margin-top: 0; } .creation-box { display: flex; flex-wrap: wrap; } .creation-box p { margin-bottom: 0; } .creation-box p + p { margin-top: 10px; } .creation-box div:empty { display: none; } .creation-box .description { display: flex; flex-direction: column; } .creation-box .description h1 { font-size: 2em; margin-top: 0; } .creation-box .description h1 small { display: block; } .creation-box .description > p { margin: 0; } .creation-box .description > p.copyright { margin-top: -6px; margin-bottom: 10px; } .creation-box .description > p.copyright > span { font-style: italic; } .creation-box .description > p + p { margin-top: 4px; } .creation-box .description > div { margin-top: 20px; } .creation-box .gallery { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .creation-box .gallery figure { position: relative; margin-left: auto; margin-right: auto; } .creation-box .gallery figure > img { height: auto; width: 100%; max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .creation-box .gallery:not(.solo) .g-container { display: flex; overflow: hidden; position: relative; } .creation-box .gallery:not(.solo) .g-container > figure { display: flex; align-items: center; justify-content: center; } .creation-box .gallery:not(.solo) .g-container > figure img { width: auto; height: auto; max-height: 100%; max-width: 100%; } .creation-box .bdm:empty { display: none; } .creation-box .bdm:not(:empty) { background-color: #EEE; padding: 20px 14px; border-radius: 10px; text-align: center; } .creation-box .bdm .btn { border-radius: 4px; margin-top: 20px; padding: 8px 12px; font-size: 1.1em; } .creation-box .bdm .btn.original { background-color: #535db7; border-color: #4853ad; color: #FFF; } .creation-box .bdm .btn.original:hover, .creation-box .bdm .btn.original:focus { background-color: #5e67bc; border-color: #535db7; color: #FFF; } .creation-box .bdm .btn.repros { background-color: #d07bbb; border-color: #cb6cb3; color: #FFF; } .creation-box .bdm .btn.repros:hover, .creation-box .bdm .btn.repros:focus { background-color: #d486c1; border-color: #d07bbb; color: #FFF; } .creation-box .bdm .btn + p { margin-top: 20px; } .layer[data-type='creation'] .closer { color: #222 !important; } .page-contents h1, .page-contents h2 { font-family: "Dancing Script", cursive; text-align: center; } .page-contents h1 { color: #222; } .page-contents h2 { font-weight: 400; } .nav > li > a { font-weight: 400 !important; } .nav > li > a.active, .nav > li > a.active:hover, .nav > li > a.active:focus { font-weight: 700 !important; } body > header { background-color: #F9F9F9; position: fixed; top: 0; right: 0; left: 0; z-index: 1030; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .main-logo { height: 100%; display: block; position: relative; padding-top: 15px; color: #5e5e5e; font-weight: 700; line-height: 20px; } .main-logo small, .main-logo span { display: inline-block; vertical-align: middle; font-weight: 500; } .main-logo small { font-style: italic; } a.main-logo:hover, a.main-logo:focus { text-decoration: none; opacity: .8; } .main-logo:before { display: inline-block; content: ""; width: 60px; height: 84%; position: absolute; left: 0; top: 3px; background-image: url("../images/header-logo.png"); background-repeat: no-repeat; background-size: contain; background-position: center left; } body.home-page .page-contents h1, body.home-page .page-contents h2, body.home-page .page-contents p { text-align: left !important; } .evenements { display: flex; flex-wrap: wrap; } .evenements > div { margin-top: 10px; margin-bottom: 10px; padding: 20px; border-radius: 20px; background: rgba(0, 0, 0, 0.1); } .evenements > div h2 { margin-top: 0; } .evenements > div p.dates { text-align: center; font-style: italic; } .glyphicons-refresh:before { content: "\E082"; } .glyphicons-home:before { content: "\E021"; }
@media(max-width: 767px){ body.noscroll { overflow-y: hidden; } .hidden-xs { display: none !important; } figure.inline > img + img { margin-top: 20px; } figure.inline > a + a { margin-top: 20px; } figure.pull-right, figure.pull-left { float: none !important; margin-top: 10px; margin-bottom: 10px; } figure.pull-right img, figure.pull-left img { height: auto !important; } .app-messages { margin: 10px 3px; font-size: 1.1em; } .alert { padding-top: 6px; padding-bottom: 6px; } .modalizer .closer { right: 5px; top: 5px; } .modalizer header { padding-top: 8px; padding-bottom: 8px; } .modalizer footer { padding-top: 8px; padding-bottom: 8px; } .modalizer .layer { width: 100vw; min-height: 100vh; } #cookyModal #cooky-services .L3 { text-align: center; } #cookyModal .c-buttons .btn { padding: 4px 8px; font-size: .95em; } #cooky .btn { flex: 43%; padding: 4px 8px; font-size: 1em !important; } .btn-group { flex-direction: column; } .matomo-opt-out iframe { height: 101px; } .modalizer .layer-gal-viewer { max-width: 100vw; max-height: 100vh; } .modalizer .layer-gal-viewer .big-pic > div.prev, .modalizer .layer-gal-viewer .big-pic > div.next { display: none !important; } .modalizer .layer-gal-viewer .big-pic img { max-width: 100vw; max-height: 100vh; } .nav-toggler { display: flex; flex-direction: column; position: relative; cursor: pointer; background: #222; padding: 10px; border: 1px solid #222; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .nav-toggler:hover, .nav-toggler:focus { opacity: .8; } .nav-toggler > span:not(.sr-only) { width: 22px; height: 2px; background-color: #FFF; } .nav-toggler > span:not(.sr-only) + span:not(.sr-only) { margin-top: 4px; } .footer-contact a { display: block; padding: 10px 0; } .join-us hr { display: none !important; } .join-us > span { display: none !important; } .foot-line { flex-direction: column; text-align: center; } .foot-line > div { margin-top: 6px; margin-bottom: 6px; } .foot-line .copyright { order: 3; } .foot-line .menu { order: 1; margin-bottom: 20px; } .footer-menu { margin-top: 30px; } .footer-menu > div + div { margin-top: 10px; } .footer-menu p.h { font-size: 1.2em; } .footer-menu p.i { font-size: 1em; } .footer-menu nav { flex-direction: column; row-gap: 10px; } .social-network { justify-content: center; margin-top: 13px; } .social-network a { padding: .5em; } .nav { padding-left: 15px; } .nav:first-of-type { padding-top: 20px; } .nav:last-of-type { padding-bottom: 20px; } .nav li { margin-bottom: 4px; } .nav li + li { margin-top: 4px; } .nav li a { display: block; padding: 12px 0; color: #777; } .nav li a:hover, .nav li a:focus { color: #333; } .nav li a.active { font-weight: 700 !important; } .nav li a.active, .nav li a.active:hover, .nav li a.active:focus { color: #555; } .modalizer .closer { color: #FFF !important; } .footer-nav { display: none !important; } .foot-line { margin-top: 20px; } .foot-line a.mi-7, .foot-line a.mi-11 { display: none !important; } body { background-image: url("../images/bg.png"); background-repeat: no-repeat; background-size: contain; background-position: bottom center; background-attachment: fixed; padding-top: 68px; } body > header { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; background-color: #F9F9F9; min-height: 68px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6); } body > header .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; -webkit-column-gap: 4px; -moz-column-gap: 4px; column-gap: 4px; padding-left: 10px; padding-right: 10px; } body > header nav { flex: 100%; background: #F9F9F9; overflow-x: hidden; overflow-y: auto; max-height: calc(100vh - 68px); border-top: 1px solid #878191; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; display: none; } body > main .container { background-color: rgba(255, 255, 255, 0.2); } body > footer { box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3); text-align: center; background-color: rgba(255, 255, 255, 0.5); } body > footer address { text-align: center; } body > footer address a { margin-top: 4px; } body > footer address a .halflings { display: none; } .page-contents { padding-top: 40px; } .page-contents h1, .page-contents h2 { font-weight: 300; } body.home-page .page-contents h1, body.home-page .page-contents h2, body.home-page .page-contents p { text-align: center !important; } body.home-page .page-contents nav { flex-direction: column; } body.home-page .page-contents nav > a { max-width: 300px; } body.home-page .page-contents nav > a figure { max-height: 400px; } .creations-description { margin-bottom: 20px; } .creations-description p { text-align: center !important; } .creations-list > a { display: block; } .creations-list > a > .available { display: none !important; } .creations-list > a > footer > div { font-size: 18px; font-weight: 700; } .creations-list > a > footer .available { font-style: italic; display: block; margin-top: 4px; text-transform: initial; font-size: 90%; } .creations-list > a + a { margin-top: 20px; } .layer[data-type='creation'] .creation-box { flex-direction: column; } .layer[data-type='creation'] .creation-box h1 { width: calc(100vw - 70px); font-size: 1.1em; } .layer[data-type='creation'] .creation-box .gallery figure { display: block; margin: 20px 0; } .layer[data-type='creation'] .creation-box .gallery .g-list { display: none !important; } body > main .creation-box .gallery figure, body > main .creation-box .gallery a { display: block; margin: 20px 0; } .page-contents h1 { font-size: 2.3em; } .page-contents h2 { font-size: 1.6em; } .home-text { display: flex; flex-direction: column; } .home-text > figure { order: 2; margin-bottom: 20px; } .home-text > div { order: 1; } .main-logo { flex-grow: 1; padding-left: 60px; height: 68px; font-size: 1.1em; } .evenements { flex-direction: column; } .evenements > div + div { margin-top: 10px; } }
@media(min-width: 768px){ .visible-xs { display: none !important; } .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } figure.inline { display: flex; flex-wrap: wrap; justify-content: space-evenly; } figure.inline > img { margin-left: 0; margin-right: 0; max-width: 32%; } figure.inline > img + img { margin-left: 2%; } figure.inline > a { margin-left: 0; margin-right: 0; max-width: 32%; } figure.inline > a + a { margin-left: 2%; } figure.pull-left, figure.pull-right { margin-top: 4px; margin-bottom: 6px; } figure.pull-left { margin-right: 20px; margin-left: initial; } figure.pull-right { margin-left: 20px; margin-right: initial; } .app-messages { margin: 24px 6px; font-size: 1.2em; } .alert { padding-top: 10px; padding-bottom: 10px; border-radius: 3px; } .modalizer { padding-left: 17px; padding-right: 17px; } .modalizer.middle { display: flex; flex-direction: column; align-items: center; justify-content: center; } .modalizer .closer { top: 8px; right: 5px; margin-left: 0; background-color: #FFF; z-index: 10500; } .modalizer footer { padding-top: 14px; padding-bottom: 14px; } .modalizer .layer { margin-top: 30px; margin-bottom: 30px; border-radius: 4px; } .modalizer .layer.in, .modalizer .layer.back-in { width: 700px; } .modalizer .layer-sm.in, .modalizer .layer-sm.back-in { width: 350px; } .modalizer .layer-lg.in, .modalizer .layer-lg.back-in { width: calc(100vw - 50px); } .modalizer .layer-form.in, .modalizer .layer-form.back-in { max-width: 500px; } #browser { padding: 40px; } #browser > div { min-height: calc(100vh - 80px); } #browser .browsercheck-logo { height: 300px; } #cookyModal .cm-inner { width: calc(100vw - 80px); min-width: 320px; max-width: 1200px; margin: 30px auto; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.2); } #cookyModal .cm-inner section { padding-left: 40px; padding-right: 40px; } #cookyModal p.disclaimer { width: 73%; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } #cookyModal .cooky-d { font-size: 1.3em; } #cooky p { padding-left: 40px; padding-right: 40px; } .btn-group .btn { flex: 30%; } form:not(.vertical) .form-field.form-buttons { padding-left: 150px; } .form-field[data-id='zipcode'] input[name$='[zipcode]'], .form-field[data-id='_zipcode'] input[name$='[zipcode]'], .form-field[data-id='zipcode'] input[name$='_zipcode]'], .form-field[data-id='_zipcode'] input[name$='_zipcode]'] { min-width: 100px; } .modalizer .layer-gal-viewer { width: auto; max-width: calc(100vw - 76px); max-height: calc(100vh - 65px); } .modalizer .layer-gal-viewer .closer { border-radius: 50%; opacity: 1 !important; top: -20px; left: calc(50% - 20px); right: 0; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.28); background-color: #FFF; } .modalizer .layer-gal-viewer .big-pic { display: flex; position: relative; } .modalizer .layer-gal-viewer .big-pic > div { display: flex; align-items: center; justify-content: center; position: absolute; width: 55px; height: 100%; cursor: pointer; } .modalizer .layer-gal-viewer .big-pic > div > .glyphicons { font-size: 40px; color: #FFF; } .modalizer .layer-gal-viewer .big-pic > div.prev { left: -55px; } .modalizer .layer-gal-viewer .big-pic > div.prev > .glyphicons:before { content: "\E225"; } .modalizer .layer-gal-viewer .big-pic > div.next { right: -55px; } .modalizer .layer-gal-viewer .big-pic > div.next > .glyphicons:before { content: "\E224"; } .modalizer .layer-gal-viewer .big-pic img { border-radius: 4px; } .nav-toggler { display: none !important; } .footer-contact { display: flex; align-items: center; justify-content: space-evenly; } .footer-contact a { flex: 0 1 30%; display: flex; align-items: center; border-radius: 10px; padding: 10px; transition: background-color 0.6s; } .footer-contact > span { width: 2px; height: 38px; margin: 6px 14px; background: #FFF; } .footer-contact a > span:not(.glyphicons) { display: flex; flex-direction: column; } .join-us hr { flex: 25%; border-top-color: #888; border-top-width: 2px; } .join-us > span { flex-grow: 1; text-transform: uppercase; text-align: center; font-size: 1.2em; line-height: 1; color: #888; } .foot-line { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 10px; padding-bottom: 10px; } .foot-line .menu { flex-grow: 1; text-align: right; } .footer-menu { display: flex; justify-content: space-between; align-items: flex-start; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; margin-top: 50px; } .footer-menu > div { flex: 33%; } .footer-menu p.h { font-size: 1.3em; } .footer-menu p.i { font-size: 1.1em; } .social-network a { padding: .8em; } .nav { display: flex; justify-content: center; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; padding-left: 0; } .nav li a { line-height: 1; text-align: center; transition: opacity .3s; } .nav li a:hover, .nav li a:focus { opacity: .8; } .nav li a.active, .nav li a.active:hover, .nav li a.active:focus { opacity: 1 !important; } .nav + .nav:not(.visible-xs) { border: 0 none; padding: 0; margin: 0; } .footer-nav { margin: 20px 0; flex: 100%; } .footer-nav div { text-align: center; } .footer-nav div a { padding: 10px 4px; display: inline-block; cursor: pointer; text-decoration: none; color: #222 !important; } .footer-nav div a.active { font-weight: bold; } .footer-nav div a:not(.visible-xs) + a:before { content: "\020 - \020"; display: inline-block; margin: 0 8px 0 0; } .footer-nav div a:hover, .footer-nav div a:focus { text-decoration: underline !important; } body { background-image: url("../images/bg.png"); background-repeat: no-repeat; background-size: contain; background-position: bottom right; background-attachment: fixed; } body > header .container { display: flex; justify-content: space-between; align-items: center; } body > header nav { display: flex !important; align-items: center; justify-content: center; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; height: 40px !important; } body > footer .blocs { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px; } body > footer address p { margin-bottom: 10px; } body > footer address a { line-height: 1.8; } body > footer address a .halflings { top: 3px; margin-right: 7px; } main > .container { position: relative; max-width: 1200px; } body > footer .container { max-width: 1200px; } .page-contents { padding-top: 40px; padding-bottom: 40px; } body > header .container, body > main .container, body > footer .container { background-color: rgba(255, 255, 255, 0.3); } body.home-page .page-contents nav { flex-wrap: wrap; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; justify-content: center; margin-left: auto; margin-right: auto; } body.home-page .page-contents nav > a { flex: 34% 0 1; } body.home-page .page-contents nav > a figure { height: 460px; } .creations-description { margin-bottom: 40px; max-width: 900px; margin-left: auto; margin-right: auto; } .creations-list { display: flex; flex-wrap: wrap; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; justify-content: flex-start; } .creations-list > a { flex: 0 0 22%; overflow: hidden; margin-bottom: 20px; position: relative; } .creations-list > a > .available { width: 0; height: 0; position: absolute; top: 0; z-index: 1; border: 0 solid transparent; border-bottom-width: 80px; right: 0; border-right-color: rgba(255, 255, 255, 0.6); border-right-width: 80px; } .creations-list > a > .available > div { width: 113.13708499px; position: relative; top: 12.8px; font-size: 12px; font-weight: 700; color: #222; white-space: nowrap; text-align: center; line-height: 36px; left: -5.2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .creations-list > a > .pic figure { height: 320px; overflow: hidden; } .creations-list > a > .pic figure img { min-width: 100%; min-height: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover; } .creations-list > a > footer { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.7); height: 49px; color: #222; display: flex; align-items: center; justify-content: center; } .creations-list > a > footer .available { display: none !important; } .creation-box { -webkit-column-gap: 5%; -moz-column-gap: 5%; column-gap: 5%; } .creation-box .description { flex: 35%; order: 2; } .creation-box .description h1 { max-width: 90%; font-size: 1.2em; } .creation-box .gallery { flex: 0 0 60%; order: 1; overflow: hidden; border: 2px dashed #878191; padding: 10px; } .creation-box .gallery.solo { max-height: calc(100vh - 60px - 40px); } .creation-box .gallery.solo > figure { max-height: calc(100vh - 60px - 40px); } .creation-box .gallery:not(.solo) { display: flex; flex-direction: column; height: calc(100vh - 60px - 40px); } .creation-box .gallery:not(.solo) .g-container { flex-grow: 1; } .creation-box .gallery:not(.solo) .g-list { flex: 0 0 100px; padding-top: 10px; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; align-items: center; justify-content: center; } .creation-box .gallery:not(.solo) .g-list > a { border: 1px solid transparent; } .creation-box .gallery:not(.solo) .g-list > a.active { border-color: #222; } .creation-box .gallery:not(.solo) .g-list img { height: 98px; -o-object-fit: cover; object-fit: cover; } .layer[data-type='creation'] { max-width: 1064px; } body { padding-top: 82px; } body > header { height: 72px; } body > header .container { max-width: 1200px; } .nav li a { padding: 6px 8px; border-bottom: 2px dashed transparent; color: #8c642d; } .nav li a:hover, .nav li a:focus { border-bottom-color: #e8d6d6; } .nav li a.active, .nav li a.active:hover, .nav li a.active:focus { opacity: 1; border-bottom-color: #e8d6d6; } .page-contents h1 { font-size: 3em; } .page-contents h2 { font-size: 2em; } .main-logo { padding-left: 76px; height: 72px; font-size: 1.1em; } .main-logo:before { width: 60px; } .home-text { display: flex; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; margin-bottom: 40px; } .home-text p { text-align: center; font-size: 1.1em; } .home-text > figure { flex: 0 0 30%; } .home-text > figure img { max-width: 370px; min-width: 250px; } .evenements { -webkit-column-gap: 2%; -moz-column-gap: 2%; column-gap: 2%; } .evenements > div { flex: 46% 0 0; } body.lc-boutique main > .container { max-width: 800px; } }
@media not print { .slider-hidden { height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; border-top-width: 0 !important; border-bottom-width: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; overflow: hidden !important; } } @media (min-width: 768px) and (max-width: 991px) { .form-field { flex-direction: column; margin-bottom: 10px; } .form-field > label { margin-bottom: 7px; } .form-field.checkbox .field label + label, .form-field.radio .field label + label { margin-top: 6px; } form.sm .field input:not([type='color']):not([type='checkbox']):not([type='radio']), form.sm .field select { padding: 2px 4px; } form.lg .field input:not([type='color']):not([type='checkbox']):not([type='radio']), form.lg .field select { padding: 8px 14px; } } @media (min-width: 992px) { .form-field.checkbox:not(.vertical) .field, .form-field.radio:not(.vertical) .field { flex-wrap: wrap; flex-direction: row; justify-content: flex-start; } .form-field.radio.boolean .field label { flex: 0 0 60px; } .form-field:not([data-cols]).checkbox label, .form-field:not([data-cols]).radio label { margin-bottom: 6px; } .form-field[data-cols='2'].checkbox label, .form-field[data-cols='2'].radio label { flex: 50%; max-width: 55%; } .form-field[data-cols='2'].checkbox label:nth-child(n+3), .form-field[data-cols='2'].radio label:nth-child(n+3) { margin-top: 6px; } .form-field[data-cols='3'].checkbox label, .form-field[data-cols='3'].radio label { flex: 33%; max-width: 33%; } .form-field[data-cols='3'].checkbox label:nth-child(n+4), .form-field[data-cols='3'].radio label:nth-child(n+4) { margin-top: 6px; } .form-field[data-cols='4'].checkbox label, .form-field[data-cols='4'].radio label { flex: 25%; max-width: 30%; } .form-field[data-cols='4'].checkbox label:nth-child(n+5), .form-field[data-cols='4'].radio label:nth-child(n+5) { margin-top: 6px; } form:not(.vertical):not(.filters) .form-field:not(.label-on-top) { display: flex; } form:not(.vertical):not(.filters) .form-field:not(.label-on-top):not(.solo-checkbox) { flex-wrap: wrap; } form:not(.vertical):not(.filters) .form-field:not(.label-on-top):not(.field-group):not(.form-buttons) { justify-content: space-between; } form:not(.vertical):not(.filters) .form-field:not(.label-on-top) > label { flex: 0 1 130px; margin-right: 20px; text-align: right; } form:not(.vertical):not(.filters) .form-field:not(.label-on-top) .field { flex: 1 0 60%; } form:not(.vertical):not(.filters) .offset { padding-left: 125px; } form.vertical:first-child > label { padding-top: 0; } form.filters .form-field:not(.label-on-top) { display: block; } form.wide:not(.vertical) .form-field:not(.label-on-top) > label { flex-basis: 260px; } form.wide:not(.vertical) .offset { padding-left: 255px; } form.sm .field input:not([type='color']):not([type='checkbox']):not([type='radio']), form.sm .field select { padding: 3px 4px; } form.lg .field input:not([type='color']):not([type='checkbox']):not([type='radio']), form.lg .field select { padding: 9px 14px; } } @media (min-width: 1200px) { form:not(.vertical) .form-field:not(.label-on-top) > label { flex-basis: 200px; } form:not(.vertical) .offset { padding-left: 200px; } } @media (min-width: 830px) { .nav { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .nav li a { font-size: 1em; } } @media (min-width: 950px) { .nav li a { font-size: 1.1em; } } @media (min-width: 1200px) { .nav li a { font-size: 1.2em; } } @media (max-width: 1100px) { .nav { -webkit-column-gap: 10px !important; -moz-column-gap: 10px !important; column-gap: 10px !important; } }