@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,300italic,400italic,600,600italic,700,700italic&subset=latin,latin-ext&family=Trirong:wght@400; 500;600;700;800&display=swap);@charset "UTF-8"; /*** The new CSS reset - version 1.8.4 (last updated 14.2.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::-moz-placeholder { color: unset; } ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } html { scroll-behavior: smooth; overflow-x: hidden; } body { font-size: 1.75rem; font-family: "Source Sans Pro", sans-serif; color: #666666; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: geometricPrecision; overflow-x: hidden; } @media (min-width: 1024px) { body { font-size: 2rem; } } @media screen and (max-width: 639px) { body { font-size: 14px; } } a { text-decoration: none; color: #d73a69; transition: all 0.3s ease-in; } a:hover { color: #d73a69; } .clr-mt a { color: #fb9a2d; } p { margin-bottom: 0; } *:focus-visible { outline-style: solid; outline-width: 0.125rem; outline-offset: 0; outline-color: currentcolor; border-radius: 0.375rem; transition: all 0.2s linear; } strong { font-weight: 700; } em { font-style: italic; } input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input:-webkit-autofill, input:-webkit-autofill:hover { background-color: transparent !important; } form.was-validated .form-control:invalid, form.was-validated .form-control.has-error, .form-control.has-error { border-color: #d73a69; outline-color: #d73a69; outline-width: 0.125rem; color: #d73a69; } .form-item button[type=submit].btn-icon { min-width: inherit; width: auto; } .container-wrapper { display: flex; flex-direction: column; margin: 0 1.25rem; padding: 0 1.25rem; } @media (min-width: 768px) { .container-wrapper { margin: 0 auto; padding: 0; } } .icon { display: block; aspect-ratio: 1/1; } .icon svg { width: 100%; height: 100%; } .round-pic { display: flex; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 50%; padding: 0.5rem; aspect-ratio: 1/1; } .round-pic img { max-width: 100%; -o-object-fit: contain; object-fit: contain; } .btn-icon { height: 5.375rem; font-size: 2rem; font-weight: 700; padding: 0 1.25rem; min-width: inherit; display: flex; align-items: center; cursor: pointer; } .btn-icon .mdi { margin-left: 0.5rem; font-size: 2.5rem; } @media (min-width: 768px) { .ul-list { margin-left: 3rem; } } .ul-list li { position: relative; padding-left: calc(3.5rem + 2rem); margin-bottom: 2rem; } @media (min-width: 768px) { .ul-list li { padding-left: calc(4rem + 2rem); } } .ul-list li::after { content: ""; width: 1rem; height: 1rem; border-radius: 100%; background-color: #37bebb; position: absolute; left: 0.5rem; top: 1rem; } .event-list-item { display: flex; align-items: stretch; flex-direction: row; gap: 3rem; margin-bottom: 3rem; } .event-list-item .title-group { margin-bottom: 1rem; } .event-list-facts { margin-top: 2rem; display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; } .event-list-facts .c-dark a:not(:hover) { color: #2c3e50; } .event-list-facts .event-list-text { flex: 1 1 100%; } @media (min-width: 768px) { .event-list-facts .event-list-text:nth-child(2) { margin-right: 2rem; } .event-list-facts .event-list-text:not(:first-of-type) { flex: none; } } .event-list-date { display: flex; flex-direction: column; border-right: 1px solid rgba(178, 178, 178, 0.1254901961); padding: 0 2rem; width: 23.125rem; } @media (min-width: 768px) { .event-list-date { padding: 0 3rem; } } .event-list-date .title { color: #37bebb; } .event-list-content { flex: 1 1 0; } .tab-list { display: flex; align-items: center; justify-content: space-between; gap: 2rem; } @media (max-width: 768px) { .tab-list { padding: 1rem 4rem; } } @media (min-width: 769px) { .tab-list { justify-content: flex-start; padding-bottom: 4rem; } } .tab-list-content { margin-top: 2.5rem; } @media (min-width: 768px) { .tab-list-content { margin-top: 3rem; } } .tab-list-item { position: relative; padding: 1rem 0; } @media (min-width: 480px) { .tab-list-item { white-space: nowrap; } } .tab-list-item::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 0; height: 0.25rem; background-color: #d73a69; transition: all 0.3s ease-in; } .tab-list-item .title { color: #95a5a6; } @media (max-width: 768px) { .tab-list-item .title { text-align: center; } } .tab-list-item.active .title { font-weight: 700; } .tab-list-item.active .title, .tab-list-item:hover .title { color: #2c3e50; } .tab-list-item.active::after, .tab-list-item:hover::after { width: 100%; transition: all 0.3s ease-in; } .bullet-icon-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.5rem; } .bullet-icon-list .bullet-icon-list__item { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; gap: 1rem; } .bullet-icon-list .bullet-icon-list__item .icon { flex-shrink: 0; width: 1.5rem; } .bullet-icon-list .bullet-icon-list__item .text { font-size: 1.75rem; } @media (min-width: 1024px) { .bullet-icon-list .bullet-icon-list__item .text { font-size: 2rem; } } .text, .calendar-table td { font-family: "Source Sans Pro", sans-serif; color: #666666; line-height: normal; } .text-1, .calendar-table td { font-size: 1.75rem; } @media (min-width: 1024px) { .text-1, .calendar-table td { font-size: 2rem; } } .text-2 { font-size: 1.5rem; } @media (min-width: 1024px) { .text-2 { font-size: 1.5rem; } } .text-3 { font-size: 1.25rem; } @media (min-width: 1024px) { .text-3 { font-size: 1.25rem; } } .text a, .calendar-table td a { text-decoration: underline; } .block-link { text-decoration: underline; } .title { color: #2c3e50; line-height: normal; } .title-1 { font-size: 3.75rem; font-weight: 400; } @media (min-width: 1024px) { .title-1 { font-size: 4.5rem; font-weight: 400; } } .title-2 { font-size: 3rem; font-weight: 700; } @media (min-width: 1024px) { .title-2 { font-size: 4rem; font-weight: 700; } } .title-3 { font-size: 2.5rem; font-weight: 700; } @media (min-width: 1024px) { .title-3 { font-size: 3rem; font-weight: 700; } } .title-4 { font-size: 2.5rem; font-weight: 600; } @media (min-width: 1024px) { .title-4 { font-size: 3rem; font-weight: 600; } } .title-5 { font-size: 2.25rem; font-weight: 700; } @media (min-width: 1024px) { .title-5 { font-size: 2.5rem; font-weight: 700; } } .title-6 { font-size: 2.25rem; font-weight: 600; } @media (min-width: 1024px) { .title-6 { font-size: 2.5rem; font-weight: 600; } } .title-mutuament { font-family: "Trirong", serif; font-weight: 900; } .badge { height: 2.875rem; background-color: #37bebb; display: inline-flex; align-items: center; justify-content: center; border-radius: 0.375rem; padding: 0 1rem; } .badge strong { font-weight: 600; } .badge, .badge > * { color: #ffffff; } .badge--min { background-color: #2c3e50; height: 1.875rem; padding: 0 0.5rem; } .badge--rounded { background-color: #37bebb; padding: 1.25rem; border-radius: 12.5rem; height: auto; white-space: nowrap; } .form-control { position: relative; min-height: 4rem; border: 1px solid #f4f4f4; border-radius: 0.375rem; background-color: #ffffff; display: block; width: 100%; padding: 1rem 3rem; color: #2c3e50; font-size: 2rem; } .form-control::-moz-placeholder { color: #b2b2b2; } .form-control::placeholder { color: #b2b2b2; } .form-control.focused, .form-control:focus, .form-control:focus-visible { border-color: #b2b2b2; outline-width: 0; } .form-control[required] { background-image: url(/images/input-required.svg?5243da5c03d8d1c7c88bbddbe3b19b5c); background-size: auto; background-position: 98% 1rem; background-repeat: no-repeat; } textarea.form-control { resize: vertical; padding: 1rem; } .form-checkbox { display: flex; flex-flow: row nowrap; align-items: center; gap: 2rem; cursor: pointer; } .form-checkbox input[type=checkbox] { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .form-checkbox:hover .form-checkbox-check { background-color: #ecf0f1; } .form-checkbox-check { position: relative; display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; flex: none; flex-shrink: 0 !important; width: 2rem; height: 2rem; border: 1px solid #b2b2b2; border-radius: 0.375rem; } .form-checkbox-check .mdi { display: none; font-size: 1.5rem; } .form-checkbox input[type=checkbox]:checked ~ .form-checkbox-check .mdi { display: block; } .form-radio { display: flex; flex-flow: row nowrap; align-items: center; gap: 2rem; cursor: pointer; } .form-radio input[type=radio] { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .form-radio:hover .form-radio-check { background-color: #ecf0f1; } .form-radio-check { position: relative; display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; flex: none; flex-shrink: 0 !important; width: 2rem; height: 2rem; border: 1px solid #b2b2b2; border-radius: 50%; box-sizing: border-box; } .form-radio-check::before { content: ""; position: absolute; inset: 0; width: 1.25rem; height: 1.25rem; background-color: #d73a69; opacity: 0; margin: auto; border-radius: 50%; transition: opacity 0.15s ease-in; box-sizing: border-box; } .form-radio input[type=radio]:checked ~ .form-radio-check { border-color: #000000; overflow: hidden; } .form-radio input[type=radio]:checked ~ .form-radio-check::before { opacity: 1; transition: opacity 0.15s ease-in; } form.was-validated :invalid ~ .invalid-feedback { display: block; } form.was-validated :invalid ~ .form-label { color: #d73a69; } form.was-validated .form-icon, form.was-validated .form-item { padding-bottom: 2rem; } form.was-validated .form-icon .icon, form.was-validated .form-item .icon { color: #d73a69; } form.was-validated textarea.form-control:invalid::-moz-placeholder, form.was-validated textarea.form-control.has-error::-moz-placeholder { color: #d73a69; } form.was-validated textarea.form-control:invalid::-moz-placeholder, form.was-validated textarea.form-control.has-error::-moz-placeholder { color: #d73a69; } form.was-validated textarea.form-control:invalid::placeholder, form.was-validated textarea.form-control.has-error::placeholder { color: #d73a69; } form.was-validated .form-control:invalid, form.was-validated .form-control.has-error { outline-width: 0; } form.was-validated .form-control:invalid[required], form.was-validated .form-control.has-error[required] { background-image: url(/images/input-required-error.svg?214dc586980ad323ccfa483029673f4c); } form.was-validated .form-control:invalid + .form-label, form.was-validated .form-control.has-error + .form-label { color: #d73a69; } .navigation-row--mutuament { margin-bottom: 2.5rem; } .navigation-row--mutuament .drop-menu { z-index: 10; } .navigation-row--mutuament .drop-menu .dropdown-toggle, .navigation-row--mutuament .drop-menu .dropdown-toggle:focus, .navigation-row--mutuament .drop-menu .dropdown-toggle:hover, .navigation-row--mutuament .drop-menu .dropdown-toggle:active { background-color: #d73a69; } .clr-mt .navigation-row--mutuament .drop-menu .dropdown-toggle, .clr-mt .navigation-row--mutuament .drop-menu .dropdown-toggle:focus, .clr-mt .navigation-row--mutuament .drop-menu .dropdown-toggle:hover, .clr-mt .navigation-row--mutuament .drop-menu .dropdown-toggle:active { background-color: #fb9a2d; } .navigation-row--mutuament .drop-menu .drop-submenu .dropdown-toggle { display: block; background-color: transparent; padding: 1.25rem 2.5rem; } @media (min-width: 1024px) { .navigation-row--mutuament .drop-menu .drop-submenu .dropdown-toggle[aria-expanded=true] { background-color: #f4f4f4; } } .navigation-row--mutuament .side-menu li.active > a { background-color: #d73a69; } .clr-mt .navigation-row--mutuament .side-menu li.active > a { background-color: #fb9a2d; } .navigation-row--mutuament .side-menu .side-submenu { border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; overflow: hidden; } @media (min-width: 1024px) { .navigation-row--mutuament .side-menu .side-submenu { background-color: #f4f4f4; } } .navigation-row--mutuament .side-menu .side-submenu > li { margin-bottom: 0; } .navigation-row--mutuament .side-menu .side-submenu > li .link-submenu { display: block; padding: 1rem 2.5rem; } @media (max-width: 1023px) { .navigation-row--mutuament .side-menu .side-submenu > li .link-submenu { color: white; } } .navigation-row--mutuament .side-menu .side-submenu > li .link-submenu:hover, .navigation-row--mutuament .side-menu .side-submenu > li .link-submenu.active { background-color: #d73a69; color: white; } @media (max-width: 1023px) { .navigation-row--mutuament .side-menu .side-submenu > li .link-submenu:hover, .navigation-row--mutuament .side-menu .side-submenu > li .link-submenu.active { font-weight: 700; } } .clr-mt .navigation-row--mutuament .side-menu .side-submenu > li .link-submenu:hover, .clr-mt .navigation-row--mutuament .side-menu .side-submenu > li .link-submenu.active { background-color: #fb9a2d; } @media (max-width: 1024px) { .navigation-row--mutuament .side-menu { background-color: #d73a69; } .clr-mt .navigation-row--mutuament .side-menu { background-color: #fb9a2d; } .navigation-row--mutuament .drop-menu { max-width: 100%; } } @media (min-width: 1024px) { .navigation-row--mutuament .side-menu li { position: relative; margin-bottom: 2rem; } .navigation-row--mutuament .side-menu li:not(.active):after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #f4f4f4; border-radius: 3px; transition: all 0.3s ease-in; z-index: -1; } .navigation-row--mutuament .side-menu li:not(.active) a:not(.active) { color: #d73a69; } .clr-mt .navigation-row--mutuament .side-menu li:not(.active) a:not(.active) { color: #fb9a2d; } .navigation-row--mutuament .side-menu li:not(.active):hover a { color: #d73a69; } .clr-mt .navigation-row--mutuament .side-menu li:not(.active):hover a { color: #fb9a2d; } .navigation-row--mutuament .side-menu li:not(.active):hover:after { width: 100%; transition: all 0.3s ease-in; } } .breadcrumbs--mutuament a { color: #d73a69; } .clr-mt .breadcrumbs--mutuament a { color: #fb9a2d; } .title-row--mutuament { margin-bottom: 2.5rem; width: 100%; } @media (min-width: 768px) { .title-row--mutuament { margin-bottom: 4rem; margin-top: 2rem; } } @media (min-width: 1024px) { .title-row--mutuament { border-radius: 0.375rem; background-color: #f4f4f4; } .title-row--mutuament [class^=btn-] { background-color: transparent; } } .title-group { display: flex; flex-direction: column; } .title-group-main { padding: 1.25rem 0; margin-bottom: 2rem; } .title-group-main .epi { margin-bottom: 1rem; } .title-group-main .epi .title { color: #d73a69; } .clr-mt .title-group-main .epi .title { color: #fb9a2d; } .title-group-cover { display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #d73a69; padding: 2rem 0; } @media (min-width: 1024px) { .title-group-cover { padding: 1.25rem 0; } } .title-group-cover .epi { margin-bottom: 0.375rem; } .title-group-cover .epi .text { color: #ffffff; } .title-group-cover .title { color: #ffffff; } .clr-mt .title-group-cover { background-color: #fb9a2d; } .title-group-case .epi, .title-group-news .epi { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; } .title-group-case .epi .title:first-of-type, .title-group-case .epi .text:first-of-type, .title-group-news .epi .title:first-of-type, .title-group-news .epi .text:first-of-type { color: #d73a69; } .clr-mt .title-group-case .epi .title:first-of-type, .clr-mt .title-group-case .epi .text:first-of-type, .clr-mt .title-group-news .epi .title:first-of-type, .clr-mt .title-group-news .epi .text:first-of-type { color: #fb9a2d; } .title-group-case .epi-right, .title-group-news .epi-right { margin-left: auto; } .title-group-case .epi .title:nth-child(2), .title-group-case .epi .text:nth-child(2) { color: #b2b2b2; } .title-group-news { margin-bottom: 2.5rem; } @media (min-width: 1024px) { .title-group-news { margin-bottom: 5rem; } } .title-group-news .epi .title strong, .title-group-news .epi .text strong { font-weight: 600; } .title-group-news .epi .title:nth-child(2), .title-group-news .epi .text:nth-child(2) { color: #95a5a6; } .tag-group a { color: #b2b2b2; } .tag-group a:hover { color: #d73a69; } .form-group.active .form-label, .form-group.focus .form-label { top: calc((1.25rem - 0.75rem) * -1); bottom: auto; margin: 0; font-size: 1.25rem; background-color: #ffffff; padding: 0.5rem; border-radius: 12.5rem; transition: all 0.3s ease-in; height: auto; } .form-icon { display: flex; align-items: center; width: 100%; padding-left: 1.25rem; } @media (min-width: 768px) { .form-icon { padding-left: 1rem; } } .form-icon .icon { flex: none; width: 2.5rem; height: 2.5rem; margin-right: 1.25rem; color: #37bebb; } .form-icon .form-group { flex: 1; } .form-group { position: relative; padding-top: 0.75rem; padding-bottom: 0.75rem; } .form-group .form-label { display: flex; align-items: center; position: absolute; font-size: 2rem; top: 0.75rem; left: 3rem; bottom: 0; margin: 0.625rem auto; transition: all 0.3s ease-in; color: #b2b2b2; pointer-events: none; z-index: 10; height: 4rem; } .form-group .form-control:not(textarea)::-moz-placeholder { color: transparent; } .form-group .form-control:not(textarea)::placeholder { color: transparent; } .form-group .invalid-feedback { position: absolute; right: 0; color: #d73a69; text-align: right; margin-top: 0.5rem; font-size: 1.25rem; } .box-text, .box-board { width: 100%; display: flex; justify-content: space-between; flex-direction: column; } .box-news .box-focus, .box-media .box-img::after { opacity: 0; position: absolute; inset: 0; margin: auto; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(215, 58, 105, 0.4); z-index: 1; transition: all 0.3s ease-in; } .box { position: relative; } .box .box-link::before { content: ""; position: absolute; inset: 0; margin: auto; width: 100%; height: 100%; z-index: 10; cursor: pointer; } .box .box-tags { position: relative; z-index: 10; } .box-board { gap: 1.25rem; background-color: #ecf0f1; padding: 2.5rem; padding-bottom: 1rem; transition: all 0.3s ease-in; border-radius: 0.375rem; } .box-board:hover { background-color: #d73a69; transition: all 0.3s ease-in; } .clr-mt .box-board:hover { background-color: #fb9a2d; } .box-board:hover .icon, .box-board:hover .title { transition: all 0.3s ease-in; color: #ffffff; } .clr-mt .box-board:hover .icon, .clr-mt .box-board:hover .title { color: #ffffff; } .box-board .icon, .box-board .title { color: #d73a69; transition: all 0.3s ease-in; } .clr-mt .box-board .icon, .clr-mt .box-board .title { color: #fb9a2d; } .box-board .box-content .icon { height: 4.5rem; width: 4.5rem; margin-bottom: 1.25rem; } .box-board .box-action .icon { height: 5rem; width: 5rem; margin-left: auto; padding: 1.25rem; } .box-contact { display: flex; flex-direction: column; gap: 1.25rem; background-color: #f4f4f4; padding: 3rem 2rem; } .box-contact .title { color: #666666; } .box-media { display: flex; flex-direction: column; } .box-media:hover .box-img::after { opacity: 1; transition: all 0.3s ease-in; } .box-media:hover .box-link .text { text-decoration: underline; } .box-media:hover .box-description .text { font-weight: 600; } .box-media .box-content { border: 1px solid #ecf0f1; border-radius: 0 0 0.375rem 0.375rem; padding: 2rem; background-color: #ffffff; } @media (min-width: 768px) { .box-media .box-content { padding-top: 1rem; } } .box-media .box-overview > .badge { border-radius: 0.375rem 0 0.375rem 0; } .box-media .box-overview .epi .text strong { font-weight: 600; } .box-media .box-link { display: block; margin-bottom: 1rem; } .box-media .badge { position: absolute; top: 0; left: 0; z-index: 10; } .box-media .box-description { margin-bottom: 2rem; } .box-media .box-img { position: relative; overflow: hidden; border-radius: 0.375rem 0.375rem 0 0; max-width: 100%; aspect-ratio: 2; flex: none; } @media (min-width: 768px) { .box-media .box-img { max-height: 17.125rem; aspect-ratio: 1.78; } } .box-media .box-img::after { content: ""; } .box-media .box-img img, .box-media .box-img video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .box-media .box-img .badge { left: auto; top: auto; bottom: 0.5rem; right: 1rem; } @media (min-width: 768px) { .box-media--main { flex-direction: row; align-items: stretch; } } @media (min-width: 768px) { .box-media--main .box-content { display: flex; justify-content: space-between; flex-direction: column; border-radius: 0 0.375rem 0.375rem 0; padding: 2.5rem; } } @media (min-width: 768px) { .box-media--main .box-overview .title-group { min-height: 15.375rem; } } .box-media--main .box-img::after { display: none; } @media (min-width: 768px) { .box-media--main .box-img { min-height: 35.875rem; aspect-ratio: 1.78; border-radius: 0.375rem 0 0 0.375rem; } } .box-media--modal { flex-direction: column; } .box-media--modal:hover .box-description .text { font-weight: initial; } .box-media--modal .box-overview .title-group, .box-media--modal .box-overview .box-description { min-height: initial; margin-bottom: 3rem; } @media (min-width: 768px) { .box-media--modal .box-img { min-height: 54.75rem; } } .box-news { display: flex; flex-direction: row; align-items: stretch; gap: 2.5rem; } @media (max-width: 480px) { .box-news { flex-direction: column; } } .box-news:hover .box-focus { opacity: 1; transition: all 0.3s ease-in; } .box-news:hover .title-group .title { text-decoration: underline; } .box-news .box-focus .icon { color: #ffffff; width: 5rem; height: 5rem; padding: 1.25rem; } .box-news .box-description { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .box-news .box-img { position: relative; border: 1px solid #f4f4f4; overflow: hidden; border-radius: 0.375rem; aspect-ratio: 1/1; flex: none; max-width: 18.75rem; } @media (max-width: 480px) { .box-news .box-img { max-width: 100%; aspect-ratio: 2; } } @media (min-width: 768px) { .box-news .box-img { max-width: 25rem; } } .box-news .box-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .box-news .box-content { flex: 1 1 auto; display: flex; justify-content: space-between; flex-direction: column; } .box-news .box-content .title-group { min-height: 11.625rem; } @media (min-width: 480px) and (max-width: 768px) { .box-news .box-content .title-group .title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } .box-news .box-action { margin-top: 1rem; } @media (max-width: 767px) { .box-news--main { flex-direction: column; } } .box-news--main .box-img { aspect-ratio: 2; max-width: 100%; } @media (min-width: 768px) { .box-news--main .box-img { max-width: 56.25rem; aspect-ratio: 1.8; } } .box-news--main .box-content .title-group { min-height: inherit; margin-bottom: 1rem; } @media (max-width: 767px) { .box-news--main .box-content .title-group { min-height: 10.25rem; } } @media (min-width: 768px) { .box-news--main .box-description { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: inherit; -webkit-box-orient: vertical; overflow: auto; -webkit-line-clamp: inherit; } } .box-news--column { flex-direction: column; } .box-news--column .title-group { margin-bottom: 1rem; } .box-news--column .title-group .title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media (min-width: 1024px) { .box-news--column .title-group .title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: auto; -webkit-line-clamp: inherit; } } .box-news--column .title-group .epi { width: 100%; justify-content: space-between; } .box-news--column .box-description { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: inherit; -webkit-box-orient: vertical; overflow: auto; -webkit-line-clamp: inherit; } .box-news--column .box-img { aspect-ratio: 2; max-width: 100%; max-height: 18.75rem; } @media (min-width: 768px) { .box-news--column .box-img { max-height: 25rem; aspect-ratio: 1.22; } } .box-news--column .box-tags { margin-top: 2.5rem; } .box-text { align-items: center; text-align: center; min-height: 14.625rem; max-width: 37.25rem; } @media (min-width: 768px) { .box-text { min-height: 22.75rem; } } .box-text .box-action { margin-top: 2rem; } .box-text .box-content .title { margin-bottom: 2rem; } .box-text--left { text-align: left; min-height: unset; max-width: unset; } .box-text--left .box-content .title { color: #fb9a2d; margin-bottom: 0.5rem; } .row-bottom { padding: 2.5rem 0; display: flex; align-items: center; justify-content: center; flex-direction: column; } .row-separator { border-top: 1px solid rgba(178, 178, 178, 0.1254901961); } .row-right { padding: 2rem 0; display: flex; justify-content: flex-end; align-items: center; gap: 3rem; } @media (min-width: 768px) { .row-right { padding: 2.25rem 0; } } .row-between { display: flex; flex-wrap: wrap; gap: 1rem; align-items: stretch; justify-content: space-between; flex-direction: column; } @media (min-width: 768px) { .row-between { gap: 2rem; flex-direction: row; } } .row-between--inline { flex-direction: row; flex-wrap: nowrap; align-items: center; } .row-between .box { flex-shrink: 0; flex-grow: 1; flex-basis: 0; } @media (min-width: 768px) { .row-between .box { max-width: calc(50% - 1rem); min-width: calc(50% - 1rem); } } .row-share { display: flex; align-items: center; margin-left: auto; } .row-share-txt { display: none; margin-right: 1rem; } @media (min-width: 768px) { .row-share-txt { display: block; } } .row-share-link { height: 5.375rem; } .row-share-link .icon, .row-share-link .mdi { width: 3.5rem; height: 100%; padding: 0 0.5rem; display: flex; align-items: center; justify-content: center; } .row-share-link .icon.icon-instagram, .row-share-link .mdi.icon-instagram { width: 4rem; } .modal-media .modal-content { border: none; border-radius: 0.375rem; overflow: hidden; } .modal-media .modal-body { padding: 0; } .modal-media .modal-dialog { max-width: 97.5rem; padding: 0 1.25rem; } .media-page .modal-backdrop { background-color: #2c3e50; } .cardboard { overflow: hidden; border-radius: 1.25rem; display: flex; justify-content: center; flex-direction: column; } .cardboard-img { aspect-ratio: 1.025; } @media (min-width: 768px) { .cardboard-img { aspect-ratio: 16/9; } } .cardboard-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .article-image { width: 100%; position: relative; aspect-ratio: 1.36; border-radius: 0.375rem; overflow: hidden; } @media (min-width: 768px) { .article-image { aspect-ratio: 2; } } .article-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .article-image .figcaption { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: auto; background-color: rgba(55, 190, 187, 0.2); display: flex; align-items: center; padding: 1rem 2rem; } @media (min-width: 768px) { .article-image .figcaption { height: 3.75rem; } } .article-image .figcaption .text { color: #ffffff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media (min-width: 768px) { .article-image .figcaption .text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-width: 60%; } } .block { display: flex; flex-direction: column; margin-bottom: 2.5rem; padding-bottom: calc(2.5rem * 2); } @media (min-width: 1024px) { .block { margin-bottom: 3rem; padding-bottom: calc(3rem + 2.5rem); } .block > .title { margin-top: 1.25rem; } } .block-content { display: flex; flex-direction: column; gap: 4rem; } @media (min-width: 1024px) { .block-content { gap: 3rem; } } .block--min { margin-bottom: 2.5rem; padding: 0; } @media (min-width: 1024px) { .block--min { margin-bottom: 4rem; } } .block-section { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3rem; padding: 0 0 4rem 0; margin-bottom: 2.5rem; } @media (min-width: 1024px) { .block-section { gap: 4rem; padding: 0 0 7rem 0; margin-bottom: 3rem; } } .block-board { gap: 2.5rem; } @media (min-width: 768px) { .block-board { gap: 3rem; } } .block-separator { position: relative; } .block-separator::after { content: ""; width: 100%; height: 1px; background-color: rgba(178, 178, 178, 0.1254901961); position: absolute; bottom: 0; left: 0; right: 0; margin: 1.25rem auto; } .block-text { justify-content: space-between; gap: 5rem; align-items: center; } @media (min-width: 768px) { .block-text { align-items: stretch; flex-direction: row; padding-bottom: calc(3rem + 5rem); } } .block-news { gap: 2.5rem; } @media (min-width: 768px) { .block-news { gap: 4rem; } } .block-news--inline .block-content { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5rem 1.25rem; } @media (max-width: 479px) { .block-news--inline .block-content { grid-template-columns: repeat(1, 1fr); gap: 2.5rem; } } @media (min-width: 1024px) { .block-news--inline .block-content { grid-template-columns: repeat(3, 1fr); gap: 4rem 3rem; } } .block-article { gap: 4rem; } @media (min-width: 768px) { .block-article { gap: 5rem; } } .block-suggestions { display: flex; align-items: stretch; gap: 2rem; } @media (min-width: 768px) { .block-suggestions { flex-direction: row; } } @media (min-width: 768px) { .block-suggestions .box-contact { max-width: 35.25rem; flex: 1; } } .block-suggestions .block-content { flex: 2; } .block-suggestions .block-content .form-item { margin-bottom: 0; } .block-suggestions .block-content form { display: flex; flex-direction: column; gap: 1rem; } .block-suggestions .block-content form .form-item { padding-left: calc(2.5rem + 1.25rem * 2); } @media (min-width: 768px) { .block-suggestions .block-content form .form-item { padding-left: calc(1rem + 2.5rem + 1.25rem); } } .block-suggestions fieldset, .block-suggestions fieldset + fieldset { margin: 1.25rem 0 0 0; padding-bottom: 1.25rem; } .block-suggestions fieldset:last-of-type { border-bottom: none; } .block-img-info .block-img-info__img { padding: 0.5rem; } @media (min-width: 768px) { .block-img-info .block-img-info__img { padding: 2rem 1rem; } } .block-img-info .block-img-info__img .round-pic { width: 64px; } @media (min-width: 480px) { .block-img-info .block-img-info__img .round-pic { width: 80px; } } @media (min-width: 768px) { .block-img-info .block-img-info__img .round-pic { width: 96px; } } @media (min-width: 1024px) { .block-img-info .block-img-info__img .round-pic { width: 116px; } } .block-img-info .block-img-info__text { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; } .block-img-info .block-img-info__text .title { color: #fb9a2d; } .block-img-info .block-img-info__text .text-intro { color: #2c3e50; font-weight: 600; } .calendar { padding: 1rem; background-color: #f4f4f4; border-radius: 0.625rem; } .calendar-summary { display: flex; align-items: flex-start; justify-content: flex-start; padding: 2.5rem 2rem; gap: 2rem; } .calendar-toggle, .calendar-month, .calendar-events { display: flex; align-items: center; flex-direction: row; } .calendar-month, .calendar-toggle { padding: 1rem 0; } .calendar-toggle { display: none; justify-content: flex-end; cursor: pointer; } .calendar-toggle[aria-expanded=true] .icon-show { display: none; } .calendar-toggle[aria-expanded=true] .icon-hide { display: block; } @media (min-width: 768px) { .calendar-toggle { display: flex; } } .calendar-toggle .icon { width: 2rem; height: 2rem; color: #d73a69; } .calendar-toggle .icon-hide { display: none; } .calendar-toggle .icon-show { display: block; } .calendar-events-desktop { display: flex; gap: 1.25rem; justify-content: flex-start; align-items: center; flex-wrap: wrap; } @media (max-width: 768px) { .calendar-events-desktop { display: none; } } @media (min-width: 769px) { .calendar-events-mobile { display: none; } } .calendar-month { gap: 2rem; justify-content: flex-start; } .calendar-month > * { color: #d73a69; } .calendar-month .icon { width: 2.5rem; height: 2.5rem; padding: 0 0.375rem; cursor: pointer; } @media (max-width: 768px) { .calendar-collapse:not(.show) { display: block; } } .calendar-collapse .datepicker thead tr:not(:last-child) { display: none; } .calendar-table { width: 100%; } .calendar-table th, .calendar-table td { text-align: center; color: #2c3e50; } .calendar-table th { padding: 1rem 0; font-size: 2rem; } .calendar-table tbody .disabled-day { opacity: 0; } .calendar-table tbody .event-day, .calendar-table tbody .current-day { position: relative; font-weight: 700; z-index: 1; } .calendar-table tbody .event-day::after, .calendar-table tbody .current-day::after { content: ""; position: absolute; inset: 0; margin: auto; height: calc(100% - 0.5rem); border-radius: 100%; aspect-ratio: 1/1; z-index: -1; } .calendar-table tbody .event-day { cursor: pointer; color: #ffffff; } .calendar-table tbody .event-day::after { background-color: #37bebb; } .calendar-table tbody .current-day { color: #d73a69; } .calendar-table tbody .current-day::after { border: 2px solid #d73a69; } .calendar-table tbody tr:nth-child(odd) { background-color: #ffffff; } .calendar-table tbody tr td { padding: 1rem 0; } @media (min-width: 1024px) { .inner-page #main .main-content--mutuament { margin-top: 2rem; } } .inner-page #main .main-content--mutuament .btn-primary { background-color: #d73a69; } .grid-col-2 { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; } @media (min-width: 768px) { .grid-col-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem; } } .two-col-subgrid { display: grid; grid-template-columns: repeat(2, auto); gap: 3rem 2rem; } @media (min-width: 768px) { .two-col-subgrid { gap: 4rem 2rem; } } @media (min-width: 1024px) { .two-col-subgrid { gap: 5rem 3rem; } } .two-col-subgrid .subgrid-row { display: grid; grid-template-columns: subgrid; grid-column: span 2; } .visually-hidden, .visually-hidden:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .m-3xs { margin: 0.5rem !important; } .my-3xs { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .mx-3xs { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .p-3xs { padding: 0.5rem !important; } .py-3xs { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .px-3xs { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .mt-3xs { margin-top: 0.5rem !important; } .pt-3xs { padding-top: 0.5rem !important; } .mb-3xs { margin-bottom: 0.5rem !important; } .pb-3xs { padding-bottom: 0.5rem !important; } .ml-3xs { margin-left: 0.5rem !important; } .pl-3xs { padding-left: 0.5rem !important; } .mr-3xs { margin-right: 0.5rem !important; } .pr-3xs { padding-right: 0.5rem !important; } .m-xxs { margin: 1rem !important; } .my-xxs { margin-top: 1rem !important; margin-bottom: 1rem !important; } .mx-xxs { margin-left: 1rem !important; margin-right: 1rem !important; } .p-xxs { padding: 1rem !important; } .py-xxs { padding-top: 1rem !important; padding-bottom: 1rem !important; } .px-xxs { padding-left: 1rem !important; padding-right: 1rem !important; } .mt-xxs { margin-top: 1rem !important; } .pt-xxs { padding-top: 1rem !important; } .mb-xxs { margin-bottom: 1rem !important; } .pb-xxs { padding-bottom: 1rem !important; } .ml-xxs { margin-left: 1rem !important; } .pl-xxs { padding-left: 1rem !important; } .mr-xxs { margin-right: 1rem !important; } .pr-xxs { padding-right: 1rem !important; } .m-xs { margin: 1.25rem !important; } .my-xs { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; } .mx-xs { margin-left: 1.25rem !important; margin-right: 1.25rem !important; } .p-xs { padding: 1.25rem !important; } .py-xs { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; } .px-xs { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .mt-xs { margin-top: 1.25rem !important; } .pt-xs { padding-top: 1.25rem !important; } .mb-xs { margin-bottom: 1.25rem !important; } .pb-xs { padding-bottom: 1.25rem !important; } .ml-xs { margin-left: 1.25rem !important; } .pl-xs { padding-left: 1.25rem !important; } .mr-xs { margin-right: 1.25rem !important; } .pr-xs { padding-right: 1.25rem !important; } .m-s { margin: 2rem !important; } .my-s { margin-top: 2rem !important; margin-bottom: 2rem !important; } .mx-s { margin-left: 2rem !important; margin-right: 2rem !important; } .p-s { padding: 2rem !important; } .py-s { padding-top: 2rem !important; padding-bottom: 2rem !important; } .px-s { padding-left: 2rem !important; padding-right: 2rem !important; } .mt-s { margin-top: 2rem !important; } .pt-s { padding-top: 2rem !important; } .mb-s { margin-bottom: 2rem !important; } .pb-s { padding-bottom: 2rem !important; } .ml-s { margin-left: 2rem !important; } .pl-s { padding-left: 2rem !important; } .mr-s { margin-right: 2rem !important; } .pr-s { padding-right: 2rem !important; } .m-m { margin: 2.5rem !important; } .my-m { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; } .mx-m { margin-left: 2.5rem !important; margin-right: 2.5rem !important; } .p-m { padding: 2.5rem !important; } .py-m { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } .px-m { padding-left: 2.5rem !important; padding-right: 2.5rem !important; } .mt-m { margin-top: 2.5rem !important; } .pt-m { padding-top: 2.5rem !important; } .mb-m { margin-bottom: 2.5rem !important; } .pb-m { padding-bottom: 2.5rem !important; } .ml-m { margin-left: 2.5rem !important; } .pl-m { padding-left: 2.5rem !important; } .mr-m { margin-right: 2.5rem !important; } .pr-m { padding-right: 2.5rem !important; } .m-ms { margin: 3rem !important; } .my-ms { margin-top: 3rem !important; margin-bottom: 3rem !important; } .mx-ms { margin-left: 3rem !important; margin-right: 3rem !important; } .p-ms { padding: 3rem !important; } .py-ms { padding-top: 3rem !important; padding-bottom: 3rem !important; } .px-ms { padding-left: 3rem !important; padding-right: 3rem !important; } .mt-ms { margin-top: 3rem !important; } .pt-ms { padding-top: 3rem !important; } .mb-ms { margin-bottom: 3rem !important; } .pb-ms { padding-bottom: 3rem !important; } .ml-ms { margin-left: 3rem !important; } .pl-ms { padding-left: 3rem !important; } .mr-ms { margin-right: 3rem !important; } .pr-ms { padding-right: 3rem !important; } .m-l { margin: 4rem !important; } .my-l { margin-top: 4rem !important; margin-bottom: 4rem !important; } .mx-l { margin-left: 4rem !important; margin-right: 4rem !important; } .p-l { padding: 4rem !important; } .py-l { padding-top: 4rem !important; padding-bottom: 4rem !important; } .px-l { padding-left: 4rem !important; padding-right: 4rem !important; } .mt-l { margin-top: 4rem !important; } .pt-l { padding-top: 4rem !important; } .mb-l { margin-bottom: 4rem !important; } .pb-l { padding-bottom: 4rem !important; } .ml-l { margin-left: 4rem !important; } .pl-l { padding-left: 4rem !important; } .mr-l { margin-right: 4rem !important; } .pr-l { padding-right: 4rem !important; } .m-xl { margin: 5rem !important; } .my-xl { margin-top: 5rem !important; margin-bottom: 5rem !important; } .mx-xl { margin-left: 5rem !important; margin-right: 5rem !important; } .p-xl { padding: 5rem !important; } .py-xl { padding-top: 5rem !important; padding-bottom: 5rem !important; } .px-xl { padding-left: 5rem !important; padding-right: 5rem !important; } .mt-xl { margin-top: 5rem !important; } .pt-xl { padding-top: 5rem !important; } .mb-xl { margin-bottom: 5rem !important; } .pb-xl { padding-bottom: 5rem !important; } .ml-xl { margin-left: 5rem !important; } .pl-xl { padding-left: 5rem !important; } .mr-xl { margin-right: 5rem !important; } .pr-xl { padding-right: 5rem !important; } .m-2xl { margin: 7rem !important; } .my-2xl { margin-top: 7rem !important; margin-bottom: 7rem !important; } .mx-2xl { margin-left: 7rem !important; margin-right: 7rem !important; } .p-2xl { padding: 7rem !important; } .py-2xl { padding-top: 7rem !important; padding-bottom: 7rem !important; } .px-2xl { padding-left: 7rem !important; padding-right: 7rem !important; } .mt-2xl { margin-top: 7rem !important; } .pt-2xl { padding-top: 7rem !important; } .mb-2xl { margin-bottom: 7rem !important; } .pb-2xl { padding-bottom: 7rem !important; } .ml-2xl { margin-left: 7rem !important; } .pl-2xl { padding-left: 7rem !important; } .mr-2xl { margin-right: 7rem !important; } .pr-2xl { padding-right: 7rem !important; } .m-xxl { margin: 9rem !important; } .my-xxl { margin-top: 9rem !important; margin-bottom: 9rem !important; } .mx-xxl { margin-left: 9rem !important; margin-right: 9rem !important; } .p-xxl { padding: 9rem !important; } .py-xxl { padding-top: 9rem !important; padding-bottom: 9rem !important; } .px-xxl { padding-left: 9rem !important; padding-right: 9rem !important; } .mt-xxl { margin-top: 9rem !important; } .pt-xxl { padding-top: 9rem !important; } .mb-xxl { margin-bottom: 9rem !important; } .pb-xxl { padding-bottom: 9rem !important; } .ml-xxl { margin-left: 9rem !important; } .pl-xxl { padding-left: 9rem !important; } .mr-xxl { margin-right: 9rem !important; } .pr-xxl { padding-right: 9rem !important; } .underline { text-decoration: underline; } .italic { font-style: italic; } .c-dark, .c-dark strong { color: #2c3e50; } .to-right { text-align: right; } .text-center { text-align: center; }