/* GANTRY5 DEVELOPMENT MODE ENABLED. * * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost! * * For more information on modifying CSS, please read: * * http://docs.gantry.org/gantry5/configure/styles * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet */ @charset "UTF-8"; /* **************** */ /* CUSTOM VARIABLES */ /* **************** */ @media only all and (min-width: 75rem) { :root { --section-padding: 75px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { :root { --section-padding: 75px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { :root { --section-padding: 75px; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { :root { --section-padding: 50px; } } @media only all and (max-width: 30rem) { :root { --section-padding: 50px; } } /* ***** */ /* FONTS */ /* ***** */ /* // Font Family: CFAstyStd // Light @font-face { font-family: 'CFAstyStd'; //src: url('../fonts/cf-asty-std/light/CFAstyStd-Light.eot'); src: url('../fonts/cf-asty-std/light/CFAstyStd-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/cf-asty-std/light/CFAstyStd-Light.svg#CFAstyStd-Light') format('svg'), url('../fonts/cf-asty-std/light/CFAstyStd-Light.ttf') format('truetype'), url('../fonts/cf-asty-std/light/CFAstyStd-Light.woff') format('woff'), url('../fonts/cf-asty-std/light/CFAstyStd-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; } // Normal @font-face { font-family: 'CFAstyStd'; //src: url('../fonts/cf-asty-std/book/CFAstyStd-Book.eot'); src: url('../fonts/cf-asty-std/book/CFAstyStd-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/cf-asty-std/book/CFAstyStd-Book.svg#CFAstyStd-Book') format('svg'), url('../fonts/cf-asty-std/book/CFAstyStd-Book.ttf') format('truetype'), url('../fonts/cf-asty-std/book/CFAstyStd-Book.woff') format('woff'), url('../fonts/cf-asty-std/book/CFAstyStd-Book.woff2') format('woff2'); font-weight: 400; // Normal. font-style: normal; font-display: swap; } @font-face { font-family: 'CFAstyStd'; //src: url('../fonts/cf-asty-std/book-oblique/CFAstyStd-BookOblique.eot'); src: url('../fonts/cf-asty-std/book-oblique/CFAstyStd-BookOblique.eot?#iefix') format('embedded-opentype'), url('../fonts/cf-asty-std/book-oblique/CFAstyStd-BookOblique.svg#CFAstyStd-BookOblique') format('svg'), url('../fonts/cf-asty-std/book-oblique/CFAstyStd-BookOblique.ttf') format('truetype'), url('../fonts/cf-asty-std/book-oblique/CFAstyStd-BookOblique.woff') format('woff'), url('../fonts/cf-asty-std/book-oblique/CFAstyStd-BookOblique.woff2') format('woff2'); font-weight: 400; // Normal. font-style: italic; font-display: swap; } // Medium @font-face { font-family: 'CFAstyStd'; //src: url('../fonts/cf-asty-std/medium/CFAstyStd-Medium.eot'); src: url('../fonts/cf-asty-std/medium/CFAstyStd-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/cf-asty-std/medium/CFAstyStd-Medium.svg#CFAstyStd-Medium') format('svg'), url('../fonts/cf-asty-std/medium/CFAstyStd-Medium.ttf') format('truetype'), url('../fonts/cf-asty-std/medium/CFAstyStd-Medium.woff') format('woff'), url('../fonts/cf-asty-std/medium/CFAstyStd-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } // Bold @font-face { font-family: 'CFAstyStd'; //src: url('../fonts/cf-asty-std/bold/CFAstyStd-Bold.eot'); src: url('../fonts/cf-asty-std/bold/CFAstyStd-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/cf-asty-std/bold/CFAstyStd-Bold.svg#CFAstyStd-Bold') format('svg'), url('../fonts/cf-asty-std/bold/CFAstyStd-Bold.ttf') format('truetype'), url('../fonts/cf-asty-std/bold/CFAstyStd-Bold.woff') format('woff'), url('../fonts/cf-asty-std/bold/CFAstyStd-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } // Black @font-face { font-family: 'CFAstyStd'; //src: url('../fonts/cf-asty-std/black/CFAstyStd-Black.eot'); src: url('../fonts/cf-asty-std/black/CFAstyStd-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/cf-asty-std/black/CFAstyStd-Black.svg#CFAstyStd-Black') format('svg'), url('../fonts/cf-asty-std/black/CFAstyStd-Black.ttf') format('truetype'), url('../fonts/cf-asty-std/black/CFAstyStd-Black.woff') format('woff'), url('../fonts/cf-asty-std/black/CFAstyStd-Black.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; } */ @font-face { font-family: "GoogleSans"; src: url('../fonts/google-sans/regular/GoogleSans-Regular.eot#iefix') format("embedded-opentype"), url('../fonts/google-sans/regular/GoogleSans-Regular.svg#GoogleSans-Regular') format("svg"), url('../fonts/google-sans/regular/GoogleSans-Regular.ttf') format("truetype"), url('../fonts/google-sans/regular/GoogleSans-Regular.woff') format("woff"), url('../fonts/google-sans/regular/GoogleSans-Regular.woff2') format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "GoogleSans"; src: url('../fonts/google-sans/italic/GoogleSans-Italic.eot#iefix') format("embedded-opentype"), url('../fonts/google-sans/italic/GoogleSans-Italic.svg#GoogleSans-Italic') format("svg"), url('../fonts/google-sans/italic/GoogleSans-Italic.ttf') format("truetype"), url('../fonts/google-sans/italic/GoogleSans-Italic.woff') format("woff"), url('../fonts/google-sans/italic/GoogleSans-Italic.woff2') format("woff2"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "GoogleSans"; src: url('../fonts/google-sans/medium/GoogleSans-Medium.eot#iefix') format("embedded-opentype"), url('../fonts/google-sans/medium/GoogleSans-Medium.svg#GoogleSans-Medium') format("svg"), url('../fonts/google-sans/medium/GoogleSans-Medium.ttf') format("truetype"), url('../fonts/google-sans/medium/GoogleSans-Medium.woff') format("woff"), url('../fonts/google-sans/medium/GoogleSans-Medium.woff2') format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "GoogleSans"; src: url('../fonts/google-sans/medium-italic/GoogleSans-MediumItalic.eot#iefix') format("embedded-opentype"), url('../fonts/google-sans/medium-italic/GoogleSans-MediumItalic.svg#GoogleSans-MediumItalic') format("svg"), url('../fonts/google-sans/medium-italic/GoogleSans-MediumItalic.ttf') format("truetype"), url('../fonts/google-sans/medium-italic/GoogleSans-MediumItalic.woff') format("woff"), url('../fonts/google-sans/medium-italic/GoogleSans-MediumItalic.woff2') format("woff2"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "GoogleSans"; src: url('../fonts/google-sans/bold/GoogleSans-Bold.eot#iefix') format("embedded-opentype"), url('../fonts/google-sans/bold/GoogleSans-Bold.svg#GoogleSans-Bold') format("svg"), url('../fonts/google-sans/bold/GoogleSans-Bold.ttf') format("truetype"), url('../fonts/google-sans/bold/GoogleSans-Bold.woff') format("woff"), url('../fonts/google-sans/bold/GoogleSans-Bold.woff2') format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } /* // Font family: PFFuturaNeu @font-face { font-family: 'PFFuturaNeu'; //src: url('../fonts/pf-futura-neu/book/PFFuturaNeuBook-Regular.eot'); src: url('../fonts/pf-futura-neu/book/PFFuturaNeuBook-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/pf-futura-neu/book/PFFuturaNeuBook-Regular.svg#PFFuturaNeuBook-Regular') format('svg'), url('../fonts/pf-futura-neu/book/PFFuturaNeuBook-Regular.ttf') format('truetype'), url('../fonts/pf-futura-neu/book/PFFuturaNeuBook-Regular.woff') format('woff'), url('../fonts/pf-futura-neu/book/PFFuturaNeuBook-Regular.woff2') format('woff2'); font-weight: 300; font-style: normal; } @font-face { font-family: 'PFFuturaNeu'; //src: url('../fonts/pf-futura-neu/medium/PFFuturaNeuMedium-Regular.eot'); src: url('../fonts/pf-futura-neu/medium/PFFuturaNeuMedium-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/pf-futura-neu/medium/PFFuturaNeuMedium-Regular.svg#PFFuturaNeuMedium-Regular') format('svg'), url('../fonts/pf-futura-neu/medium/PFFuturaNeuMedium-Regular.ttf') format('truetype'), url('../fonts/pf-futura-neu/medium/PFFuturaNeuMedium-Regular.woff') format('woff'), url('../fonts/pf-futura-neu/medium/PFFuturaNeuMedium-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; } @font-face { font-family: 'PFFuturaNeu'; //src: url('../fonts/pf-futura-neu/semi-bold/PFFuturaNeuSemiBold-Regular.eot'); src: url('../fonts/pf-futura-neu/semi-bold/PFFuturaNeuSemiBold-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/pf-futura-neu/semi-bold/PFFuturaNeuSemiBold-Regular.svg#PFFuturaNeuSemiBold-Regular') format('svg'), url('../fonts/pf-futura-neu/semi-bold/PFFuturaNeuSemiBold-Regular.ttf') format('truetype'), url('../fonts/pf-futura-neu/semi-bold/PFFuturaNeuSemiBold-Regular.woff') format('woff'), url('../fonts/pf-futura-neu/semi-bold/PFFuturaNeuSemiBold-Regular.woff2') format('woff2'); font-weight: 600; font-style: normal; } @font-face { font-family: 'PFFuturaNeu'; //src: url('../fonts/pf-futura-neu/bold/PFFuturaNeu-Bold.eot'); src: url('../fonts/pf-futura-neu/bold/PFFuturaNeu-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/pf-futura-neu/bold/PFFuturaNeu-Bold.svg#PFFuturaNeu-Bold') format('svg'), url('../fonts/pf-futura-neu/bold/PFFuturaNeu-Bold.ttf') format('truetype'), url('../fonts/pf-futura-neu/bold/PFFuturaNeu-Bold.woff') format('woff'), url('../fonts/pf-futura-neu/bold/PFFuturaNeu-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; } */ /* ***** */ /* BASIC */ /* ***** */ html.g-offcanvas-css3 { scroll-behavior: smooth; } body { color: #111111; background: #ffffff; font-family: "GoogleSans"; line-height: 1.5; } p { margin: 1rem 0; } blockquote { padding-top: 5px; padding-bottom: 5px; padding-left: 1rem; border-left: solid 7px #eceff3; } blockquote *:last-child:not(:first-child) { font-weight: bold; } figure { margin: 0; } /* ********** */ /* HYPERLINKS */ /* ********** */ a:not(.button):not(.btn) { color: #a41034; transition: all 0.2s; } a:not(.button):not(.btn):hover { color: #32486b; } .link-arrow { text-decoration: none; } .link-arrow:after { content: ""; display: inline-block; width: 20px; height: 20px; margin-left: 10px; -webkit-mask-image: url('../../../../images/icons/arrow-right-black.svg'); mask-image: url('../../../../images/icons/arrow-right-black.svg'); background-color: currentColor; background-position: center center; background-size: contain; background-repeat: no-repeat; vertical-align: middle; transition: all 0.2s; } .link-arrow:hover { text-decoration: none; color: inherit; } .link-arrow:hover:after { transform: translateX(10px); } /* ******** */ /* HEADINGS */ /* ******** */ h1 { margin-top: 2rem; margin-bottom: 1rem; line-height: 1.25; font-family: "GoogleSans"; font-size: 2.75rem; font-weight: bold; text-transform: none; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { h1 { font-size: 2.35rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { h1 { font-size: 2rem; } } @media only all and (max-width: 30rem) { h1 { font-size: 1.75rem; } } h2 { margin-top: 2rem; margin-bottom: 1rem; line-height: 1.25; font-family: "GoogleSans"; font-size: 2.25rem; font-weight: bold; text-transform: none; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { h2 { font-size: 2rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { h2 { font-size: 1.75rem; } } @media only all and (max-width: 30rem) { h2 { font-size: 1.75rem; } } h3 { margin-top: 2rem; margin-bottom: 1rem; line-height: 1.5; font-family: "GoogleSans"; font-size: 1.75rem; font-weight: bold; text-transform: none; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { h3 { font-size: 1.5rem; } } @media only all and (max-width: 30rem) { h3 { font-size: 1.5rem; } } h4 { margin-top: 1.75rem; margin-bottom: 1rem; line-height: 1.5; font-family: "GoogleSans"; font-size: 1.35rem; font-weight: bold; text-transform: none; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { h4 { font-size: 1.15rem; } } @media only all and (max-width: 30rem) { h4 { font-size: 1.15rem; } } h5 { margin-top: 1.75rem; margin-bottom: 1rem; line-height: 1.5; font-family: "GoogleSans"; font-size: 1rem; font-weight: bold; text-transform: none; } h6 { margin-top: 1.75rem; margin-bottom: 1rem; line-height: 1.5; font-family: "GoogleSans"; font-size: 0.875rem; font-weight: bold; text-transform: none; } /* ******* */ /* BUTTONS */ /* ******* */ .button, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle), .btn:not(.dropdown-toggle), .btn-primary, .btn-secondary:not(.dropdown-toggle), input[type="button"], input[type="submit"], input[type="reset"] { display: inline-block; box-sizing: border-box; padding: 8px 15px; margin: 0; font-family: "GoogleSans"; font-size: 16px; font-weight: 500; color: #fff; line-height: 22px; letter-spacing: 0; text-transform: uppercase; text-decoration: none; text-align: center; text-shadow: none; background: #a41034; border-width: 1px; border-style: solid; border-color: #a41034; border-radius: 10px; box-shadow: none; transition: all 0.2s; } .button:hover, .button:active, .button:focus, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle):hover, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle):active, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle):focus, .btn:not(.dropdown-toggle):hover, .btn:not(.dropdown-toggle):active, .btn:not(.dropdown-toggle):focus, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-secondary:not(.dropdown-toggle):hover, .btn-secondary:not(.dropdown-toggle):active, .btn-secondary:not(.dropdown-toggle):focus, input[type="button"]:hover, input[type="button"]:active, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:active, input[type="reset"]:focus { color: #fff; background: #32486b; border-color: #32486b; outline: 0; } .button:disabled, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle):disabled, .btn:not(.dropdown-toggle):disabled, .btn-primary:disabled, .btn-secondary:not(.dropdown-toggle):disabled, input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled { opacity: 0.25; cursor: not-allowed; } .button.fa[class*="fa-"]:before, .button.fa[class*="fa-"]:after, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle).fa[class*="fa-"]:before, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle).fa[class*="fa-"]:after, .btn:not(.dropdown-toggle).fa[class*="fa-"]:before, .btn:not(.dropdown-toggle).fa[class*="fa-"]:after, .btn-primary.fa[class*="fa-"]:before, .btn-primary.fa[class*="fa-"]:after, .btn-secondary:not(.dropdown-toggle).fa[class*="fa-"]:before, .btn-secondary:not(.dropdown-toggle).fa[class*="fa-"]:after, input[type="button"].fa[class*="fa-"]:before, input[type="button"].fa[class*="fa-"]:after, input[type="submit"].fa[class*="fa-"]:before, input[type="submit"].fa[class*="fa-"]:after, input[type="reset"].fa[class*="fa-"]:before, input[type="reset"].fa[class*="fa-"]:after { font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome; font-weight: 900; } .button.button-xsmall, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle).button-xsmall, .btn:not(.dropdown-toggle).button-xsmall, .btn-primary.button-xsmall, .btn-secondary:not(.dropdown-toggle).button-xsmall, input[type="button"].button-xsmall, input[type="submit"].button-xsmall, input[type="reset"].button-xsmall { font-size: 12px; padding: 4px 11px; } .button.button-small, .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore a.button.btn.btn-secondary, .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore a.button.btn.btn-secondary, .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore a.button.btn.btn-secondary, .button.btn-sm, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle).button-small, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle).btn-sm, .btn:not(.dropdown-toggle).button-small, .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore a.btn.btn-secondary:not(.dropdown-toggle), .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore a.btn.btn-secondary:not(.dropdown-toggle), .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore a.btn.btn-secondary:not(.dropdown-toggle), .btn:not(.dropdown-toggle).btn-sm, .btn-primary.button-small, .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore a.btn-primary.btn.btn-secondary, .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore a.btn-primary.btn.btn-secondary, .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore a.btn-primary.btn.btn-secondary, .btn-primary.btn-sm, .btn-secondary:not(.dropdown-toggle).button-small, .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore a.btn-secondary.btn:not(.dropdown-toggle), .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore a.btn-secondary.btn:not(.dropdown-toggle), .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore a.btn-secondary.btn:not(.dropdown-toggle), .btn-secondary:not(.dropdown-toggle).btn-sm, input[type="button"].button-small, input[type="button"].btn-sm, input[type="submit"].button-small, input[type="submit"].btn-sm, input[type="reset"].button-small, input[type="reset"].btn-sm { font-size: 14px; padding: 6px 13px; } .button.button-large, .button.btn-lg, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle).button-large, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle).btn-lg, .btn:not(.dropdown-toggle).button-large, .btn:not(.dropdown-toggle).btn-lg, .btn-primary.button-large, .btn-primary.btn-lg, .btn-secondary:not(.dropdown-toggle).button-large, .btn-secondary:not(.dropdown-toggle).btn-lg, input[type="button"].button-large, input[type="button"].btn-lg, input[type="submit"].button-large, input[type="submit"].btn-lg, input[type="reset"].button-large, input[type="reset"].btn-lg { font-size: 18px; padding: 12px 19px; } .button.button-xlarge, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle).button-xlarge, .btn:not(.dropdown-toggle).button-xlarge, .btn-primary.button-xlarge, .btn-secondary:not(.dropdown-toggle).button-xlarge, input[type="button"].button-xlarge, input[type="submit"].button-xlarge, input[type="reset"].button-xlarge { font-size: 20px; padding: 14px 21px; } .button.button-2, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle).button-2, .btn:not(.dropdown-toggle).button-2, .btn-primary.button-2, .btn-secondary:not(.dropdown-toggle).button-2, input[type="button"].button-2, input[type="submit"].button-2, input[type="reset"].button-2 { background: #32486b; border-color: #32486b; } .button.button-2:hover, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle).button-2:hover, .btn:not(.dropdown-toggle).button-2:hover, .btn-primary.button-2:hover, .btn-secondary:not(.dropdown-toggle).button-2:hover, input[type="button"].button-2:hover, input[type="submit"].button-2:hover, input[type="reset"].button-2:hover { background: #a41034; border-color: #a41034; } .button.button-outline, #redim-cookiehint-modal #redim-cookiehint .cookiebuttons .button#cookiehintsubmit, .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore a.button.btn.btn-secondary, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle).button-outline, #redim-cookiehint-modal #redim-cookiehint .cookiebuttons button#cookiehintsubmit:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle), .btn:not(.dropdown-toggle).button-outline, #redim-cookiehint-modal #redim-cookiehint .cookiebuttons .btn#cookiehintsubmit:not(.dropdown-toggle), .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore a.btn.btn-secondary:not(.dropdown-toggle), .btn-primary.button-outline, #redim-cookiehint-modal #redim-cookiehint .cookiebuttons .btn-primary#cookiehintsubmit, .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore a.btn-primary.btn.btn-secondary, .btn-secondary:not(.dropdown-toggle).button-outline, #redim-cookiehint-modal #redim-cookiehint .cookiebuttons .btn-secondary#cookiehintsubmit:not(.dropdown-toggle), .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore a.btn-secondary.btn:not(.dropdown-toggle), input[type="button"].button-outline, #redim-cookiehint-modal #redim-cookiehint .cookiebuttons input#cookiehintsubmit[type="button"], input[type="submit"].button-outline, #redim-cookiehint-modal #redim-cookiehint .cookiebuttons input#cookiehintsubmit[type="submit"], input[type="reset"].button-outline, #redim-cookiehint-modal #redim-cookiehint .cookiebuttons input#cookiehintsubmit[type="reset"] { color: #a41034; background: none; background-color: transparent; border-color: #a41034; } .button.button-outline:hover, #redim-cookiehint-modal #redim-cookiehint .cookiebuttons .button#cookiehintsubmit:hover, .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore a.button.btn.btn-secondary:hover, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle).button-outline:hover, #redim-cookiehint-modal #redim-cookiehint .cookiebuttons button#cookiehintsubmit:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle):hover, .btn:not(.dropdown-toggle).button-outline:hover, #redim-cookiehint-modal #redim-cookiehint .cookiebuttons .btn#cookiehintsubmit:not(.dropdown-toggle):hover, .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore a.btn.btn-secondary:not(.dropdown-toggle):hover, .btn-primary.button-outline:hover, #redim-cookiehint-modal #redim-cookiehint .cookiebuttons .btn-primary#cookiehintsubmit:hover, .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore a.btn-primary.btn.btn-secondary:hover, .btn-secondary:not(.dropdown-toggle).button-outline:hover, #redim-cookiehint-modal #redim-cookiehint .cookiebuttons .btn-secondary#cookiehintsubmit:not(.dropdown-toggle):hover, .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore a.btn-secondary.btn:not(.dropdown-toggle):hover, input[type="button"].button-outline:hover, #redim-cookiehint-modal #redim-cookiehint .cookiebuttons input#cookiehintsubmit[type="button"]:hover, input[type="submit"].button-outline:hover, #redim-cookiehint-modal #redim-cookiehint .cookiebuttons input#cookiehintsubmit[type="submit"]:hover, input[type="reset"].button-outline:hover, #redim-cookiehint-modal #redim-cookiehint .cookiebuttons input#cookiehintsubmit[type="reset"]:hover { color: #fff; background: #a41034; border-color: #a41034; } .button.button-outline-2, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle).button-outline-2, .btn:not(.dropdown-toggle).button-outline-2, .btn-primary.button-outline-2, .btn-secondary:not(.dropdown-toggle).button-outline-2, input[type="button"].button-outline-2, input[type="submit"].button-outline-2, input[type="reset"].button-outline-2 { color: #32486b; background: none; background-color: transparent; border-color: #32486b; } .button.button-outline-2:hover, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle).button-outline-2:hover, .btn:not(.dropdown-toggle).button-outline-2:hover, .btn-primary.button-outline-2:hover, .btn-secondary:not(.dropdown-toggle).button-outline-2:hover, input[type="button"].button-outline-2:hover, input[type="submit"].button-outline-2:hover, input[type="reset"].button-outline-2:hover { color: #fff; background: #32486b; border-color: #32486b; } .button.button-white, .com-contact .com-contact__form #contact-form > .control-group:last-child button.button, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons .button#cookiehintsubmit, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons .button#cookiehintsubmitno, .acym_module .acysubbuttons input.button[type="button"], .moduletable.c-contact .rsform .rsform-type-submitbutton .formControls button.button, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle).button-white, .com-contact .com-contact__form #contact-form > .control-group:last-child button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle), #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons button#cookiehintsubmit:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle), #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons button#cookiehintsubmitno:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle), .moduletable.c-contact .rsform .rsform-type-submitbutton .formControls button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle), .btn:not(.dropdown-toggle).button-white, .com-contact .com-contact__form #contact-form > .control-group:last-child button.btn:not(.dropdown-toggle), #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons .btn#cookiehintsubmit:not(.dropdown-toggle), #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons .btn#cookiehintsubmitno:not(.dropdown-toggle), .acym_module .acysubbuttons input.btn[type="button"]:not(.dropdown-toggle), .moduletable.c-contact .rsform .rsform-type-submitbutton .formControls button.btn:not(.dropdown-toggle), .btn-primary.button-white, .com-contact .com-contact__form #contact-form > .control-group:last-child button.btn-primary, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons .btn-primary#cookiehintsubmit, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons .btn-primary#cookiehintsubmitno, .acym_module .acysubbuttons input.btn-primary[type="button"], .moduletable.c-contact .rsform .rsform-type-submitbutton .formControls button.btn-primary, .btn-secondary:not(.dropdown-toggle).button-white, .com-contact .com-contact__form #contact-form > .control-group:last-child button.btn-secondary:not(.dropdown-toggle), #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons .btn-secondary#cookiehintsubmit:not(.dropdown-toggle), #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons .btn-secondary#cookiehintsubmitno:not(.dropdown-toggle), .acym_module .acysubbuttons input.btn-secondary[type="button"]:not(.dropdown-toggle), .moduletable.c-contact .rsform .rsform-type-submitbutton .formControls button.btn-secondary:not(.dropdown-toggle), input[type="button"].button-white, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons input#cookiehintsubmit[type="button"], #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons input#cookiehintsubmitno[type="button"], .acym_module .acysubbuttons input[type="button"], input[type="submit"].button-white, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons input#cookiehintsubmit[type="submit"], #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons input#cookiehintsubmitno[type="submit"], .acym_module .acysubbuttons input[type="button"][type="submit"], input[type="reset"].button-white, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons input#cookiehintsubmit[type="reset"], #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons input#cookiehintsubmitno[type="reset"], .acym_module .acysubbuttons input[type="button"][type="reset"] { color: #fff; background: none; background-color: transparent; border-color: #fff; } .button.button-white:hover, .com-contact .com-contact__form #contact-form > .control-group:last-child button.button:hover, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons .button#cookiehintsubmit:hover, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons .button#cookiehintsubmitno:hover, .acym_module .acysubbuttons input.button[type="button"]:hover, .moduletable.c-contact .rsform .rsform-type-submitbutton .formControls button.button:hover, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle).button-white:hover, .com-contact .com-contact__form #contact-form > .control-group:last-child button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle):hover, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons button#cookiehintsubmit:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle):hover, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons button#cookiehintsubmitno:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle):hover, .moduletable.c-contact .rsform .rsform-type-submitbutton .formControls button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle):hover, .btn:not(.dropdown-toggle).button-white:hover, .com-contact .com-contact__form #contact-form > .control-group:last-child button.btn:not(.dropdown-toggle):hover, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons .btn#cookiehintsubmit:not(.dropdown-toggle):hover, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons .btn#cookiehintsubmitno:not(.dropdown-toggle):hover, .acym_module .acysubbuttons input.btn[type="button"]:not(.dropdown-toggle):hover, .moduletable.c-contact .rsform .rsform-type-submitbutton .formControls button.btn:not(.dropdown-toggle):hover, .btn-primary.button-white:hover, .com-contact .com-contact__form #contact-form > .control-group:last-child button.btn-primary:hover, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons .btn-primary#cookiehintsubmit:hover, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons .btn-primary#cookiehintsubmitno:hover, .acym_module .acysubbuttons input.btn-primary[type="button"]:hover, .moduletable.c-contact .rsform .rsform-type-submitbutton .formControls button.btn-primary:hover, .btn-secondary:not(.dropdown-toggle).button-white:hover, .com-contact .com-contact__form #contact-form > .control-group:last-child button.btn-secondary:not(.dropdown-toggle):hover, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons .btn-secondary#cookiehintsubmit:not(.dropdown-toggle):hover, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons .btn-secondary#cookiehintsubmitno:not(.dropdown-toggle):hover, .acym_module .acysubbuttons input.btn-secondary[type="button"]:not(.dropdown-toggle):hover, .moduletable.c-contact .rsform .rsform-type-submitbutton .formControls button.btn-secondary:not(.dropdown-toggle):hover, input[type="button"].button-white:hover, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons input#cookiehintsubmit[type="button"]:hover, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons input#cookiehintsubmitno[type="button"]:hover, .acym_module .acysubbuttons input[type="button"]:hover, input[type="submit"].button-white:hover, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons input#cookiehintsubmit[type="submit"]:hover, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons input#cookiehintsubmitno[type="submit"]:hover, .acym_module .acysubbuttons input[type="button"][type="submit"]:hover, input[type="reset"].button-white:hover, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons input#cookiehintsubmit[type="reset"]:hover, #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons input#cookiehintsubmitno[type="reset"]:hover, .acym_module .acysubbuttons input[type="button"][type="reset"]:hover { color: #111111; background: #fff; border-color: #fff; } .button.button-arrow::after, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle).button-arrow::after, .btn:not(.dropdown-toggle).button-arrow::after, .btn-primary.button-arrow::after, .btn-secondary:not(.dropdown-toggle).button-arrow::after, input[type="button"].button-arrow::after, input[type="submit"].button-arrow::after, input[type="reset"].button-arrow::after { content: ""; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: inherit; font-weight: 900; line-height: normal; margin-left: 10px; } .button.button-back::before, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle).button-back::before, .btn:not(.dropdown-toggle).button-back::before, .btn-primary.button-back::before, .btn-secondary:not(.dropdown-toggle).button-back::before, input[type="button"].button-back::before, input[type="submit"].button-back::before, input[type="reset"].button-back::before { content: ""; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: inherit; font-weight: 900; line-height: normal; margin-right: 10px; } .button.button-download:before, button:not(.joomla-alert--close):not(.jooa11y-btn):not(.dropdown-toggle).button-download:before, .btn:not(.dropdown-toggle).button-download:before, .btn-primary.button-download:before, .btn-secondary:not(.dropdown-toggle).button-download:before, input[type="button"].button-download:before, input[type="submit"].button-download:before, input[type="reset"].button-download:before { content: ""; display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: inherit; line-height: normal; margin-right: 10px; } /* ****** */ /* TABLES */ /* ****** */ table { border: 1px solid #dce2e9; width: auto; } th { background: #eceff3; padding: 0.5rem; text-align: inherit; } td { padding: 0.5rem; } caption { padding: 10px; background-color: #dce2e9; text-wrap: balance; } caption > * { margin: 0; } div:has(> table:first-child:last-child) { overflow-x: auto; } /* ****** */ /* COMMON */ /* ****** */ h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, ul:first-child, ol:first-child { margin-top: 0 !important; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child { margin-bottom: 0 !important; } /* ********* */ /* BOOTSTRAP */ /* ********* */ .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { padding: 0; margin: 0; } .container .row, .container-fluid .row, .container-sm .row, .container-md .row, .container-lg .row, .container-xl .row, .container-xxl .row { padding: 0; margin: 0; } .container .row .col, .container-fluid .row .col, .container-sm .row .col, .container-md .row .col, .container-lg .row .col, .container-xl .row .col, .container-xxl .row .col { padding: 0; margin: 0; } .list-group { border-radius: 10px; } .input-group > * { border-radius: 0; } .input-group > *:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .input-group > *:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } /* ****** */ /* GANTRY */ /* ****** */ .g-content { margin: 10px; padding: 15px; } .g-title { margin-bottom: 50px; text-align: center; text-box-edge: cap alphabetic; text-box-trim: trim-start; } /* ******** */ /* Sections */ /* ******** */ #g-page-surround { overflow: clip; background: #ffffff; } #g-above { background: #ffffff; color: #111111; padding: var(--section-padding) 0; } #g-above .g-container > .g-grid > .g-block > .g-content { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } #g-above .g-container > .g-grid > .g-block > .g-content > .platform-content { padding: 0; margin: 0; } #g-above .g-container > .g-grid > .g-block > .g-content > .platform-content > * { padding-top: var(--section-padding); padding-bottom: var(--section-padding); } #g-navigation { background: #ffffff; color: #32486b; padding: 15px 0; position: relative; z-index: 10; } #g-navigation > .g-grid { align-items: center; /*@include breakpoint(large-desktop-range) { } @include breakpoint(desktop-range) { justify-content: center; } @include breakpoint(tablet-range) { justify-content: center; } @include breakpoint(large-mobile-range) { justify-content: center; } @include breakpoint(small-mobile-range) { justify-content: center; } @media only all and (max-width: $breakpoints-mobile-menu-breakpoint) { justify-content: center; }*/ } @media only all and (max-width: 1400px) { #g-navigation > .g-grid { justify-content: center; } } #g-navigation > .g-grid:has(.c-logo) { display: grid; align-items: center; gap: 15px 0; grid-template-columns: auto 1fr; grid-template-areas: "logo navigation" "logo menu"; } @media only all and (max-width: 1400px) { #g-navigation > .g-grid:has(.c-logo) { grid-template-columns: 100%; grid-template-areas: "logo" "menu" "navigation"; justify-items: center; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #g-navigation > .g-grid:has(.c-logo) { grid-template-areas: "logo"; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #g-navigation > .g-grid:has(.c-logo) { grid-template-areas: "logo"; } } @media only all and (max-width: 30rem) { #g-navigation > .g-grid:has(.c-logo) { grid-template-areas: "logo"; } } #g-navigation > .g-grid > .g-block > .g-content { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } #g-navigation > .g-grid > .g-block > .g-content > .platform-content { padding: 0; margin: 0; } #g-navigation > .g-grid > .g-block.c-logo { grid-area: logo; max-width: 262px; width: 262px; flex: 0 0 262px; } @media only all and (max-width: 30rem) { #g-navigation > .g-grid > .g-block.c-logo { max-width: 229px; width: 229px; flex: 0 0 229px; } } #g-navigation > .g-grid > .g-block.c-mainmenu { grid-area: menu; max-width: none; width: auto; flex: 1 1 auto; display: flex; justify-content: end; /*@include breakpoint(large-desktop-range) { justify-content: end; } @include breakpoint(desktop-range) { justify-content: center; } @include breakpoint(tablet-range) { justify-content: center; } @include breakpoint(large-mobile-range) { justify-content: center; } @include breakpoint(small-mobile-range) { justify-content: center; }*/ } @media only all and (max-width: 70rem) { #g-navigation > .g-grid > .g-block.c-mainmenu { display: none; } } @media only all and (max-width: 1400px) { #g-navigation > .g-grid > .g-block.c-mainmenu { flex: 1 1 100%; justify-content: center; } } #g-navigation > .g-grid > .g-block.c-navigation { grid-area: navigation; max-width: none; width: fit-content; flex: 0 1 auto; display: flex; } @media only all and (min-width: 75rem) { #g-navigation > .g-grid > .g-block.c-navigation { justify-self: end; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #g-navigation > .g-grid > .g-block.c-navigation { display: none; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #g-navigation > .g-grid > .g-block.c-navigation { display: none; } } @media only all and (max-width: 30rem) { #g-navigation > .g-grid > .g-block.c-navigation { display: none; } } @media only all and (max-width: 1400px) { #g-navigation > .g-grid > .g-block.c-navigation { justify-self: center; } } #g-navigation > .g-grid > .g-block.c-navigation .g-content { display: flex; align-items: center; gap: 0 15px; flex-wrap: wrap; } #g-breadcrumbs { background-color: rgba(0, 0, 0, 0.03); color: #111111; } #g-breadcrumbs > .g-container > .g-grid > .g-block > .g-content { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } #g-breadcrumbs > .g-container > .g-grid > .g-block > .g-content > .platform-content { padding: 0; margin: 0; } #g-header { background-color: #ffffff; color: #111111; } #g-header > .g-container > .g-grid > .g-block > .g-content { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } #g-header > .g-container > .g-grid > .g-block > .g-content > .platform-content { padding: 0; margin: 0; } #g-intro { background: #ffffff; color: #111111; } #g-intro .g-container > .g-grid > .g-block > .g-content { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } #g-intro .g-container > .g-grid > .g-block > .g-content > .platform-content { padding: 0; margin: 0; } #g-intro .g-container > .g-grid > .g-block > .g-content > .platform-content > * { padding-top: var(--section-padding); padding-bottom: var(--section-padding); } #g-features { background: #ffffff; color: #111111; } #g-features .g-container > .g-grid > .g-block > .g-content { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } #g-features .g-container > .g-grid > .g-block > .g-content > .platform-content { padding: 0; margin: 0; } #g-features .g-container > .g-grid > .g-block > .g-content > .platform-content > * { padding-top: var(--section-padding); padding-bottom: var(--section-padding); } #g-utility { background: #ffffff; color: #111111; } #g-utility .g-container > .g-grid > .g-block > .g-content { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } #g-utility .g-container > .g-grid > .g-block > .g-content > .platform-content { padding: 0; margin: 0; } #g-utility .g-container > .g-grid > .g-block > .g-content > .platform-content > * { padding-top: var(--section-padding); padding-bottom: var(--section-padding); } #g-testimonials { background: #ffffff; color: #111111; } #g-testimonials .g-container > .g-grid > .g-block > .g-content { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } #g-testimonials .g-container > .g-grid > .g-block > .g-content > .platform-content { padding: 0; margin: 0; } #g-testimonials .g-container > .g-grid > .g-block > .g-content > .platform-content > * { padding-top: var(--section-padding); padding-bottom: var(--section-padding); } #g-expanded { background: #ffffff; color: #111111; } #g-expanded .g-container > .g-grid > .g-block > .g-content { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } #g-expanded .g-container > .g-grid > .g-block > .g-content > .platform-content { padding: 0; margin: 0; } #g-expanded .g-container > .g-grid > .g-block > .g-content > .platform-content > * { padding-top: var(--section-padding); padding-bottom: var(--section-padding); } #g-container-main { background: #ffffff; color: #111111; } #g-container-main #g-mainbar { padding: 75px 0; } #g-container-main #g-mainbar .g-content { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } #g-container-main #g-aside > .g-grid > .g-block > .g-content { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } #g-container-main #g-aside > .g-grid > .g-block > .g-content > .platform-content { padding: 0; margin: 0; } #g-container-main #g-aside > .g-grid > .g-block > .g-content > .platform-content > * { padding-top: var(--section-padding); padding-bottom: var(--section-padding); } #g-container-main #g-sidebar > .g-grid > .g-block > .g-content { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } #g-container-main #g-sidebar > .g-grid > .g-block > .g-content > .platform-content { padding: 0; margin: 0; } #g-container-main #g-sidebar > .g-grid > .g-block > .g-content > .platform-content > * { padding-top: var(--section-padding); padding-bottom: var(--section-padding); } #g-footer { padding-top: 35px; padding-bottom: 35px; background: #1d1d24; color: #eeeeee; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #g-footer .g-container > .g-grid:not(:last-child) > .g-block, #g-footer .g-container > .g-grid:first-child:last-child > .g-block { flex: 0 50%; width: 50%; } } #g-footer .g-container > .g-grid:last-child:not(:first-child) { border-top: solid 1px rgba(255, 255, 255, 0.1); } #g-footer .g-container > .g-grid > .g-block > .g-content { padding-top: 15px; padding-bottom: 15px; margin-top: 0; margin-bottom: 0; } #g-footer .g-container > .g-grid > .g-block > .g-content > * { padding: 0; margin: 0; } #g-footer .g-container > .g-grid > .g-block > .g-content > * > * { padding-top: 25px; padding-bottom: 25px; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #g-footer .g-container > .g-grid > .g-block.c-copyright-left > .g-content > * > * { padding-bottom: 0; } } @media only all and (max-width: 30rem) { #g-footer .g-container > .g-grid > .g-block.c-copyright-left > .g-content > * > * { padding-bottom: 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #g-footer .g-container > .g-grid > .g-block.c-copyright-right > .g-content > * > * { padding-top: 0; } } @media only all and (max-width: 30rem) { #g-footer .g-container > .g-grid > .g-block.c-copyright-right > .g-content > * > * { padding-top: 0; } } @media only all and (min-width: 75rem) { #g-footer .g-container > .g-grid > .g-block.c-copyright-right { text-align: right; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #g-footer .g-container > .g-grid > .g-block.c-copyright-right { text-align: right; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #g-footer .g-container > .g-grid > .g-block.c-copyright-right { text-align: right; } } #g-footer a { color: inherit; } #g-footer a:hover { color: #a41034; } #g-footer .g-title { margin-top: 1.75rem; margin-bottom: 1rem; line-height: 1.5; font-family: "GoogleSans"; font-size: 1.35rem; font-weight: bold; text-transform: none; margin: 0 0 15px 0; text-align: left; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #g-footer .g-title { font-size: 1.15rem; } } @media only all and (max-width: 30rem) { #g-footer .g-title { font-size: 1.15rem; } } #g-offcanvas { background: #1d1d24; width: 15rem; color: #ffffff; } #g-offcanvas #offcanvas-top .g-content { margin: 0; } #g-offcanvas #offcanvas-top .g-content .offcanvas-top { all: unset; } #g-offcanvas #offcanvas-bottom .g-content { margin: 0; } #g-offcanvas #offcanvas-bottom .g-content .offcanvas-bottom { all: unset; } /* ****** */ /* JOOMLA */ /* ****** */ .com-content-category .content-category > h1 { margin: 0 0 50px 0; } .com_content.view-category.layout-blog #g-container-main #g-mainbar { padding: 0; } .com_content.view-category.layout-blog .com-content-category-blog { margin-bottom: var(--section-padding); } .com_content.view-category.layout-blog .com-content-category-blog > .page-header { margin: 0 0 50px 0; padding: 10px 0 var(--section-padding) 0; margin: 0; position: relative; color: #fff; text-wrap: balance; } .com_content.view-category.layout-blog .com-content-category-blog > .page-header::before { content: ""; position: absolute; inset: 0 calc(-50vw + 50%); background-color: #a41034; background-image: url('../images/pattern-1.svg'); background-position: center center; background-size: 100px; z-index: 1; } .com_content.view-category.layout-blog .com-content-category-blog > .page-header > * { position: relative; z-index: 3; } .com_content.view-category.layout-blog .com-content-category-blog > .page-header h1 { margin-top: 50px; color: inherit; } .com_content.view-category.layout-blog .com-content-category-blog .category-desc { max-width: 650px; margin-top: var(--section-padding); margin-bottom: var(--section-padding); margin-left: auto; margin-right: auto; text-wrap: balance; text-align: center; } .com_content.view-category.layout-blog .com-content-category-blog .c-blog-items { margin: var(--section-padding) 0 0 0; display: flex; flex-direction: column; gap: 25px; } .com_content.view-category.layout-blog .com-content-category-blog .com-content-category-blog__items { margin: 0; } .com_content.view-category.layout-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-image { aspect-ratio: 1.7777777778; } .com_content.view-category.layout-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-image img { object-fit: cover; object-position: center center; width: 100%; height: 100%; } .com_content.view-category.layout-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .icons { display: none; } .com_content.view-category.layout-blog .com-content-category-blog .com-content-category-blog__navigation { display: flex; flex-direction: column; justify-content: center; align-items: center; } .com_content.view-category.layout-blog .com-content-category-blog .com-content-category-blog__navigation .com-content-category-blog__counter { padding: 0; margin: 0; } .com_content.view-category.layout-blog .com-content-category-blog .c-blog-module { margin: var(--section-padding) 0 0 0; overflow: clip; } .com_content.view-article.layout-blog #g-container-main #g-mainbar { padding-top: 0; } .com_content.view-article.no-layout #g-container-main #g-mainbar { padding: 0; } .com-content-article > .page-header { padding: 10px 0 var(--section-padding) 0; margin: 0; position: relative; color: #fff; text-wrap: balance; } .com-content-article > .page-header::before { content: ""; position: absolute; inset: 0 calc(-50vw + 50%); background-color: #a41034; background-image: url('../images/pattern-1.svg'); background-position: center center; background-size: 100px; z-index: 1; } .com-content-article > .page-header > * { position: relative; z-index: 3; } .com-content-article > .page-header h1 { margin-top: 50px; color: inherit; } .com-content-article > .page-header .article-info { margin: 0; padding: 10px 0; display: flex; gap: 5px 15px; color: inherit !important; font-size: 90%; font-weight: 900; } .com-content-article > .page-header .article-info dt { display: none; } .com-content-article > .page-header .article-info dd { margin: 0; } .com-content-article > .page-header .article-info dd span { display: none; } .com-content-article > .page-header .article-info dd a { color: inherit; } .com-content-article > .page-header .article-info dd a:hover { text-decoration: underline; } .com-content-article .icons { display: none; } .com-content-article .item-image { position: relative; left: calc(-50vw + 50%); right: calc(-50vw + 50%); width: 100vw; background: #32486b; overflow: hidden; } @media only all and (min-width: 75rem) { .com-content-article .item-image { height: 300px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .com-content-article .item-image { height: 300px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .com-content-article .item-image { height: 250px; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .com-content-article .item-image { height: 200px; } } @media only all and (max-width: 30rem) { .com-content-article .item-image { height: 150px; } } .com-content-article .item-image img { object-fit: cover; object-position: center center; width: 100%; height: 100%; filter: contrast(1.05) brightness(0.95); mix-blend-mode: luminosity; } .com-content-article .com-content-article__body { padding: var(--section-padding) 0; } .com-content-article .com-content-article__body:has(.c-body-aside) { display: grid; gap: 35px; } @media only all and (min-width: 75rem) { .com-content-article .com-content-article__body:has(.c-body-aside) { grid-template-columns: 300px 1fr; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .com-content-article .com-content-article__body:has(.c-body-aside) { grid-template-columns: 300px 1fr; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .com-content-article .com-content-article__body:has(.c-body-aside) { grid-template-columns: 100%; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .com-content-article .com-content-article__body:has(.c-body-aside) { grid-template-columns: 100%; } } @media only all and (max-width: 30rem) { .com-content-article .com-content-article__body:has(.c-body-aside) { grid-template-columns: 100%; } } .com-content-article .com-content-article__body :is(h1, h2, h3, h4, h5, h6) { color: #32486b; } .mod-custom > *:first-child { margin-top: 0; } .mod-custom > *:last-child { margin-bottom: 0; } /* ********* */ /* MAIN MENU */ /* ********* */ .g-main-nav { font-family: "GoogleSans"; font-weight: 200; line-height: 1.5; } .g-main-nav .g-toplevel > li { margin: 0 0.5rem; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .g-main-nav .g-toplevel > li { margin: 0 0.2rem; } } .g-main-nav .g-toplevel > li > .g-menu-item-container { color: #32486b; padding: 3.75px 0; font-weight: 200; } .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content { padding: 0 0 3.75px; } .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator { vertical-align: top; } .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator:after { content: ""; opacity: 0.75; width: 1rem; } .g-main-nav .g-toplevel > li > .g-menu-item-container i { opacity: 1; vertical-align: baseline; } .g-main-nav .g-toplevel > li:hover > .g-menu-item-container { color: rgba(50, 72, 107, 0.7); } .g-main-nav .g-toplevel > li:hover > .g-menu-item-container > .g-selected { color: rgba(50, 72, 107, 0.7); } .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content { box-shadow: 0 2px 0 rgba(50, 72, 107, 0.2); } .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-selected { box-shadow: 0 2px 0 rgba(50, 72, 107, 0.2); } .g-main-nav .g-dropdown { background: white; border: 1px solid rgba(50, 72, 107, 0.2); border-radius: 0; } .g-main-nav .g-dropdown > .g-dropdown-column { border: 1px solid transparent; } .g-main-nav .g-dropdown a { color: #32486b; } .g-main-nav .g-dropdown a:hover { color: #a41034; } .g-main-nav .g-dropdown .g-dropdown-column { position: relative; } .g-main-nav .g-dropdown .g-dropdown { margin-left: 20px; } .g-main-nav .g-sublevel > li > .g-menu-item-container { color: #32486b; } .g-main-nav .g-sublevel > li > .g-menu-item-container > .g-selected { color: #32486b; } .g-main-nav .g-sublevel > li:not(:last-child) > .g-menu-item-container { border-bottom: 1px solid rgba(50, 72, 107, 0.2); } .g-main-nav .g-sublevel > li:not(:last-child) > .g-menu-item-container > .g-selected { border-bottom: 1px solid rgba(50, 72, 107, 0.2); } .g-main-nav .g-sublevel > li:hover > .g-menu-item-container, .g-main-nav .g-sublevel > li.active > .g-menu-item-container { color: #a41034; } .g-main-nav .g-sublevel > li:hover > .g-menu-item-container > .g-selected, .g-main-nav .g-sublevel > li.active > .g-menu-item-container > .g-selected { color: #a41034; } .g-main-nav .g-sublevel > li.g-menu-item-type-particle > .g-menu-item-container { border: 0; } .g-main-nav .g-sublevel > li.g-menu-item-type-particle:hover > .g-menu-item-container, .g-main-nav .g-sublevel > li.g-menu-item-type-particle.active > .g-menu-item-container { border: 0; } .g-main-nav .g-sublevel > li.g-menu-item-type-particle:hover > .g-menu-item-container { background: inherit; } /* *********** */ /* MOBILE MENU */ /* *********** */ #g-offcanvas #g-mobilemenu-container ul { background: #1d1d24; } #g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container { color: #ffffff; padding: 15px; } #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container { color: #ffffff; } #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active { background: #7f0c28; } #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover { background: #8d0e2d; } #g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { border: 1px solid #c0133d; background: #910e2e; border-radius: 0; margin: -0.3rem 0 -0.2rem 0.5rem; padding: 0.2rem; } #g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover { background: #7f0c28; } #g-offcanvas #g-mobilemenu-container ul .g-dropdown-column { width: 15rem; } #g-offcanvas #g-mobilemenu-container ul i.fa { width: 1.5rem; } #g-mobilemenu-container { margin: -25px; } .g-offcanvas-toggle { font-size: 2rem; color: #a41034; width: 40px; height: 32px; top: 35px; z-index: 100001; display: none; box-shadow: inset 0 2px #111111; } .g-offcanvas-toggle.g-offcanvas-hide { display: none !important; } .g-offcanvas-open .g-offcanvas-toggle { color: rgba(255, 255, 255, 0.6); } @media only all and (max-width: 70rem) { .g-offcanvas-toggle { display: block; } } .g-offcanvas-toggle .fa { display: none; } .g-offcanvas-toggle::before { content: ""; position: absolute; top: calc(50% - 1px); bottom: auto; left: 0; right: 0; width: 100%; height: 2px; background: #111111; } .g-offcanvas-toggle::after { content: ""; position: absolute; top: auto; bottom: 0; left: 0; right: 0; width: 100%; height: 2px; background: #111111; } .g-offcanvas-open .g-nav-overlay { z-index: 100000; } .g-offcanvas-open .g-offcanvas-left #g-page-surround { left: 15rem; } .g-offcanvas-open .g-offcanvas-right #g-page-surround { right: 15rem; } .g-offcanvas-open .dir-rtl.g-offcanvas-left #g-offcanvas { right: auto; } .g-offcanvas-open .dir-rtl.g-offcanvas-right #g-offcanvas { left: auto; } /* ********** */ /* OTHER MENU */ /* ********** */ .nav { all: unset; } .nav.c-horizontal { display: flex; align-items: center; flex-wrap: wrap; gap: 15px; } .nav.c-footer li.parent:has(> span:first-child) span { display: none; } .nav.c-footer li.parent:has(> span:first-child) ul { padding-inline-start: 0; margin: 0; list-style: none; } .nav.c-footer li.parent:has(> a:first-child) ul { display: none; } .nav.c-submenu { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: 5px 15px; font-weight: 500; } .nav.c-submenu ul { all: unset; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: 15px; } .nav.c-submenu li { padding: 0px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: 5px 15px; } .nav.c-submenu li.current > a { color: #fff; background: #a41034; } .nav.c-submenu li.parent { outline: solid 2px #efefef; border-radius: 50px; padding: 4px; } .nav.c-submenu li a { padding: 10px 20px; background: #efefef; border-radius: 50px; text-decoration: none; color: inherit; } .nav.c-submenu li a:hover { color: #fff; background: #a41034; } .nav.c-blog li.active > a { text-decoration: none; } .nav.c-blog li.current > a { text-decoration: underline; } /* **** */ /* LOGO */ /* **** */ @media only all and (min-width: 75rem) { .c-logo img { width: 262px; height: 80px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .c-logo img { width: 262px; height: 80px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .c-logo img { width: 262px; height: 80px; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .c-logo img { width: 262px; height: 80px; } } @media only all and (max-width: 30rem) { .c-logo img { width: 229px; height: 70px; } } /* ***** */ /* FORMS */ /* ***** */ form > * { margin: 0; } form > * + * { margin-top: 20px; } form fieldset { padding: 0; margin: 0; } form fieldset > * { margin: 0; } form fieldset > *:not(:first-child) { margin-top: 20px; } form fieldset + fieldset { margin-top: 50px; } form legend { font-weight: bold; } form .control-group { margin: 0; } form .control-group:not(:first-child) { margin-top: 20px; } form .control-group > *:not(.control-label):not(.controls) { margin: 0; } form .control-group > *:not(.control-label):not(.controls):not(:first-child) { margin-top: 20px; } form .control-group .control-label label { display: block; margin-bottom: 5px; } form .visually-hidden:first-child + * { margin-top: 0; } form input[type="text"], form input[type="email"], form input[type="password"], form input[type="url"], form input[type="file"], form input[type="number"], form input[type="date"], form input[type="time"], form input[type="tel"], form input[type="search"], form select { box-sizing: border-box; padding: 8px 15px; margin: 0; width: 100%; max-width: 100%; height: 40px; color: #111111; font-size: 16px; font-weight: normal; line-height: normal; border: 1px solid #e0e0e0; border-radius: 10px; background-color: #fafafa; box-shadow: none; } form input[type="text"]::-webkit-input-placeholder, form input[type="email"]::-webkit-input-placeholder, form input[type="password"]::-webkit-input-placeholder, form input[type="url"]::-webkit-input-placeholder, form input[type="file"]::-webkit-input-placeholder, form input[type="number"]::-webkit-input-placeholder, form input[type="date"]::-webkit-input-placeholder, form input[type="time"]::-webkit-input-placeholder, form input[type="tel"]::-webkit-input-placeholder, form input[type="search"]::-webkit-input-placeholder, form select::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #111111; } form input[type="text"]::-moz-placeholder, form input[type="email"]::-moz-placeholder, form input[type="password"]::-moz-placeholder, form input[type="url"]::-moz-placeholder, form input[type="file"]::-moz-placeholder, form input[type="number"]::-moz-placeholder, form input[type="date"]::-moz-placeholder, form input[type="time"]::-moz-placeholder, form input[type="tel"]::-moz-placeholder, form input[type="search"]::-moz-placeholder, form select::-moz-placeholder { /* Firefox 19+ */ color: #111111; } form input[type="text"]:-ms-input-placeholder, form input[type="email"]:-ms-input-placeholder, form input[type="password"]:-ms-input-placeholder, form input[type="url"]:-ms-input-placeholder, form input[type="file"]:-ms-input-placeholder, form input[type="number"]:-ms-input-placeholder, form input[type="date"]:-ms-input-placeholder, form input[type="time"]:-ms-input-placeholder, form input[type="tel"]:-ms-input-placeholder, form input[type="search"]:-ms-input-placeholder, form select:-ms-input-placeholder { /* IE 10+ */ color: #111111; } form input[type="text"]:-moz-placeholder, form input[type="email"]:-moz-placeholder, form input[type="password"]:-moz-placeholder, form input[type="url"]:-moz-placeholder, form input[type="file"]:-moz-placeholder, form input[type="number"]:-moz-placeholder, form input[type="date"]:-moz-placeholder, form input[type="time"]:-moz-placeholder, form input[type="tel"]:-moz-placeholder, form input[type="search"]:-moz-placeholder, form select:-moz-placeholder { /* Firefox 18- */ color: #111111; } form input[type="file"] { padding: 0; height: auto; background: none; } form select { box-sizing: border-box; padding: 8px 15px; color: #111111; font-size: 16px; font-weight: normal; border: 1px solid #e0e0e0; border-radius: 10px; } form select[multiple="multiple"] { height: 120px; } form input[type="radio"], form input[type="checkbox"] { position: relative; box-sizing: border-box; padding: 0; margin: 5px 5px 5px 0; box-shadow: none; } form textarea, form textarea.form-control { box-sizing: border-box; padding: 8px 15px; width: 100%; color: #111111; font-size: 16px; font-weight: normal; line-height: normal; border: 1px solid #e0e0e0; border-radius: 10px; background-color: #fafafa; box-shadow: none; } form textarea::-webkit-input-placeholder, form textarea.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #111111; } form textarea::-moz-placeholder, form textarea.form-control::-moz-placeholder { /* Firefox 19+ */ color: #111111; } form textarea:-ms-input-placeholder, form textarea.form-control:-ms-input-placeholder { /* IE 10+ */ color: #111111; } form textarea:-moz-placeholder, form textarea.form-control:-moz-placeholder { /* Firefox 18- */ color: #111111; } /* ********** */ /* LOGIN FORM */ /* ********** */ .mod-login .mod-login__userdata > * { margin: 0; } .mod-login .mod-login__userdata > *:not(:first-child) { margin-top: 20px; } .mod-login .mod-login__options { list-style: none; } .mod-login .mod-login__options [class^="icon-"] { display: none; } /* ******* */ /* CONTACT */ /* ******* */ .com_contact.view-contact #g-container-main { background-color: #32486b; color: #fff; position: relative; overflow: hidden; } .com_contact.view-contact #g-container-main::before { content: ""; position: absolute; inset: -200px; background-image: url('../images/leaf-1-white.svg'); background-size: cover; background-position: center right; opacity: 0.05; } .com_contact.view-contact #g-container-main > * { position: relative; z-index: 3; } .com_contact.view-contact #g-container-main a { color: inherit; } .com_contact.view-contact #g-container-main a:hover { text-decoration: underline; } .com-contact { max-width: 600px; margin-left: auto; margin-right: auto; } .com-contact h1 { text-align: center; } .com-contact > .page-header { margin: 50px 0 25px 0; text-align: center; text-wrap: balance; } .com-contact > .page-header > h2 { margin-top: 2rem; margin-bottom: 1rem; line-height: 1.5; font-family: "GoogleSans"; font-size: 1.75rem; font-weight: bold; text-transform: none; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .com-contact > .page-header > h2 { font-size: 1.5rem; } } @media only all and (max-width: 30rem) { .com-contact > .page-header > h2 { font-size: 1.5rem; } } .com-contact .icons { display: none; } .com-contact > h3 { display: none; } .com-contact .com-contact__container > h3 { display: none; } .com-contact .com-contact__container .com-contact__thumbnail { text-align: center; } .com-contact .com-contact__container .com-contact__thumbnail img { width: 200px; height: 36px; } .com-contact .com-contact__container .com-contact__position { overflow: auto; } .com-contact .com-contact__container .com-contact__position dt { margin: 2px 10px 2px 0; float: left; clear: left; text-align: center; } .com-contact .com-contact__container .com-contact__position dd { margin: 2px 0; float: left; } .com-contact .com-contact__container .com-contact__info { display: flex; justify-content: center; } .com-contact .com-contact__container .com-contact__info .com-contact__address { margin: 0; overflow: auto; } .com-contact .com-contact__container .com-contact__info .com-contact__address dt { width: 20px; margin: 2px 10px 2px 0; float: left; clear: left; text-align: center; } .com-contact .com-contact__container .com-contact__info .com-contact__address dd { margin: 2px 0; float: left; } .com-contact .com-contact__container .com-contact__info .com-contact__address dd + dd::before { content: ","; } .com-contact .com-contact__form { margin-top: 50px; border: solid 1px rgba(255, 255, 255, 0.2); } @media only all and (min-width: 75rem) { .com-contact .com-contact__form { padding: 25px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .com-contact .com-contact__form { padding: 25px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .com-contact .com-contact__form { padding: 25px; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .com-contact .com-contact__form { padding: 15px; } } @media only all and (max-width: 30rem) { .com-contact .com-contact__form { padding: 0; border: none; } } .com-contact .com-contact__form #contact-form fieldset + fieldset { margin-top: 20px !important; } .com-contact .com-contact__form #contact-form .control-group { display: grid; gap: 10px; } @media only all and (min-width: 75rem) { .com-contact .com-contact__form #contact-form .control-group { grid-template-columns: 130px 1fr; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .com-contact .com-contact__form #contact-form .control-group { grid-template-columns: 130px 1fr; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .com-contact .com-contact__form #contact-form .control-group { grid-template-columns: 130px 1fr; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .com-contact .com-contact__form #contact-form .control-group { grid-template-columns: 1fr; } } @media only all and (max-width: 30rem) { .com-contact .com-contact__form #contact-form .control-group { grid-template-columns: 1fr; } } @media only all and (min-width: 75rem) { .com-contact .com-contact__form #contact-form .control-group .control-label label { margin: 5px 0 0 0; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .com-contact .com-contact__form #contact-form .control-group .control-label label { margin: 5px 0 0 0; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .com-contact .com-contact__form #contact-form .control-group .control-label label { margin: 5px 0 0 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .com-contact .com-contact__form #contact-form .control-group .control-label label { margin: 0; } } @media only all and (max-width: 30rem) { .com-contact .com-contact__form #contact-form .control-group .control-label label { margin: 0; } } .com-contact .com-contact__form #contact-form > .control-group:last-child { display: block !important; } .com-contact .com-contact__form #contact-form legend { text-align: center; } .com-contact .com-contact__form #contact-form .control-group.field-spacer { display: none; } .com-contact .com-contact__form #contact-form > .control-group:last-child { text-align: center; } .com-contact .com-contact__form #contact-form .star { display: none; } /* ****** */ /* SEARCH */ /* ****** */ .com_finder.view-search #g-container-main { padding-top: var(--section-padding); position: relative; } .com_finder.view-search #g-container-main::before { content: ""; position: absolute; top: 0; bottom: auto; left: 0; right: 0; width: auto; height: var(--section-padding); background-color: #a41034; background-image: url('../images/pattern-1.svg'); background-position: center center; background-size: 100px; z-index: 1; } .com-finder > h1:first-child { margin: 0 0 50px 0; } .com-finder #search-form .form-inline label { display: none; } .com-finder #search-form .form-inline .input-group { display: flex; gap: 10px; flex-wrap: wrap; } .com-finder #search-form .form-inline .input-group input[type="text"] { border-radius: 10px !important; } .com-finder #search-form .form-inline .input-group button[type="submit"] { border-radius: 10px !important; } .com-finder #search-results #search-result-list { display: grid; gap: 50px; } @media only all and (min-width: 75rem) { .com-finder #search-results #search-result-list { grid-template-columns: 1fr 1fr 1fr; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .com-finder #search-results #search-result-list { grid-template-columns: 1fr 1fr 1fr; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .com-finder #search-results #search-result-list { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .com-finder #search-results #search-result-list { grid-template-columns: 1fr; } } @media only all and (max-width: 30rem) { .com-finder #search-results #search-result-list { grid-template-columns: 1fr; } } .com-finder #search-results #search-result-list .result__item { border: none; padding: 0; margin: 0; display: grid; gap: 15px; grid-template-rows: auto auto 1fr; grid-template-areas: "image" "title" "text"; } .com-finder #search-results #search-result-list .result__item::before { grid-area: image; content: ""; display: block; aspect-ratio: 1.7777777778; background-color: #32486b; background-image: url('../../../../images/icons/none-white.svg'); background-size: 25%; background-position: center center; background-repeat: no-repeat; } .com-finder #search-results #search-result-list .result__item > * { margin: 0; } .com-finder #search-results #search-result-list .result__item .result__image { grid-area: image; aspect-ratio: 1.7777777778; overflow: hidden; } .com-finder #search-results #search-result-list .result__item .result__image img { object-fit: cover; object-position: center center; width: 100%; height: 100%; } .com-finder #search-results #search-result-list .result__item .result__title { grid-area: title; } .com-finder #search-results #search-result-list .result__item .result__description { grid-area: text; } /* *********** */ /* BREADCRUMBS */ /* *********** */ .mod-breadcrumbs__wrapper { font-size: 80%; font-weight: 500; } .mod-breadcrumbs__wrapper .mod-breadcrumbs { margin: unset; background: unset; padding-left: unset !important; padding-right: unset !important; } .mod-breadcrumbs__wrapper .mod-breadcrumbs .mod-breadcrumbs__item { padding: unset; } .mod-breadcrumbs__wrapper .mod-breadcrumbs .mod-breadcrumbs__item::before { padding-right: 5px; color: inherit; } .mod-breadcrumbs__wrapper .mod-breadcrumbs .mod-breadcrumbs__item:not(:last-child) { margin-right: 5px; } .mod-breadcrumbs__wrapper .mod-breadcrumbs .mod-breadcrumbs__item.active { color: inherit; } .mod-breadcrumbs__wrapper .mod-breadcrumbs .mod-breadcrumbs__item a { color: inherit; } /* ********* */ /* LANGUAGES */ /* ********* */ .mod-languages .mod-languages__list li { margin: 0; } .mod-languages .mod-languages__list li.lang-active { background: none; } .mod-languages .mod-languages__list li.lang-active a { font-weight: bold; } .mod-languages .mod-languages__list li a { color: inherit; } .mod-languages .mod-languages__select button { padding: 0; outline: none; box-shadow: none; display: flex; align-items: center; gap: 5px; color: inherit; background: none !important; border: none !important; } .mod-languages .mod-languages__select ul { min-width: max-content; padding: 0; border: none; border-radius: 0; background: white; border: 1px solid rgba(50, 72, 107, 0.2); } .mod-languages .mod-languages__select ul li { padding: 0 !important; margin: 0 !important; background: none !important; } .mod-languages .mod-languages__select ul li a { display: block; padding: 5px 10px; display: flex; align-items: center; gap: 10px; } /* ***** */ /* ALERT */ /* ***** */ .alert { margin: 25px 0; border-radius: 10px; border: none; } joomla-alert { margin: 0 15px 15px 15px; position: relative; border-radius: 10px; } joomla-alert + .joomla-alert { margin-top: 1rem; } joomla-alert .joomla-alert--close { position: absolute; top: 0; right: 0; text-shadow: none; } joomla-alert .alert-heading { font-weight: bold; } /* ********** */ /* PAGINATION */ /* ********** */ [class*="__navigation"] { margin-top: 50px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 50px; } .pagination__wrapper .pagination { margin: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 5px 0; } .pagination__wrapper .pagination .page-item .page-link { display: block; padding: 5px 12px; text-decoration: none; background: #fff; border: 1px solid #111111; transition: all 0.3s; } .pagination__wrapper .pagination .page-item .page-link:hover { background: #111111; color: #fff; } .pagination__wrapper .pagination .page-item:first-child .page-link { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .pagination__wrapper .pagination .page-item:last-child .page-link { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .pagination__wrapper .pagination .page-item:not(:first-child) .page-link { margin-left: -1px; } .pagination__wrapper .pagination .page-item.active .page-link { background: #111111; color: #fff; } /* ******* */ /* SITEMAP */ /* ******* */ .com_osmap #g-container-main { padding-top: var(--section-padding); position: relative; } .com_osmap #g-container-main::before { content: ""; position: absolute; top: 0; bottom: auto; left: 0; right: 0; width: auto; height: var(--section-padding); background-color: #a41034; background-image: url('../images/pattern-1.svg'); background-position: center center; background-size: 100px; z-index: 1; } #osmap > .page-header { margin: 0 0 50px 0; text-wrap: balance; } @media only all and (min-width: 75rem) { #osmap .osmap-items { column-count: 2; column-gap: 50px; } #osmap .osmap-items ul { break-inside: avoid; } #osmap .osmap-items ul:first-child { margin-top: 0; } #osmap .osmap-items ul:last-child { margin-bottom: 0; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #osmap .osmap-items { column-count: 2; column-gap: 50px; } #osmap .osmap-items ul { break-inside: avoid; } #osmap .osmap-items ul:first-child { margin-top: 0; } #osmap .osmap-items ul:last-child { margin-bottom: 0; } } #osmap .osmap-items > ul { padding: 25px 0 25px 25px; margin: -2px 0 0 0; border-top: solid 2px #eceff3; border-bottom: solid 2px #eceff3; } /* ***** */ /* USERS */ /* ***** */ .com_users #g-container-main #g-mainbar { padding-top: 0; } .com-users-login > .page-header, .com-users-registration > .page-header, .com-users-remind > .page-header, .com-users-reset > .page-header, .com-users-profile__edit > .page-header { padding: 10px 0 var(--section-padding) 0; margin: 0 0 var(--section-padding) 0; position: relative; color: #fff; text-wrap: balance; } .com-users-login > .page-header::before, .com-users-registration > .page-header::before, .com-users-remind > .page-header::before, .com-users-reset > .page-header::before, .com-users-profile__edit > .page-header::before { content: ""; position: absolute; inset: 0 calc(-50vw + 50%); background-color: #a41034; background-image: url('../images/pattern-1.svg'); background-position: center center; background-size: 100px; z-index: 1; } .com-users-login > .page-header > *, .com-users-registration > .page-header > *, .com-users-remind > .page-header > *, .com-users-reset > .page-header > *, .com-users-profile__edit > .page-header > * { position: relative; z-index: 3; } .com-users-login > .page-header h1, .com-users-registration > .page-header h1, .com-users-remind > .page-header h1, .com-users-reset > .page-header h1, .com-users-profile__edit > .page-header h1 { margin-top: 50px !important; } .com-users-login > .page-header ~ *, .com-users-registration > .page-header ~ *, .com-users-remind > .page-header ~ *, .com-users-reset > .page-header ~ *, .com-users-profile__edit > .page-header ~ * { max-width: 500px; margin-left: auto; margin-right: auto; } /* ************* */ /* ACCESSIBILITY */ /* ************* */ ._access-icon { bottom: 15px !important; left: 15px !important; color: #000 !important; font-style: normal !important; transform: none !important; text-indent: unset !important; } div._access-menu { margin: 10px; border-radius: 10px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25); } div._access-menu ._menu-btn { width: 30px; font-style: normal; } div._access-menu h3 { font-size: 20px !important; margin-top: 10px; margin-bottom: 10px; } div._access-menu ul._access-scrollbar li { padding-left: 40px; background: none; border: none; border-radius: 10px; } /* ******************** */ /* COOKIES (Cookiehint) */ /* ******************** */ #redim-cookiehint-modal { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; padding: 20px; display: flex; justify-content: center; align-items: center; text-wrap: balance; background-color: rgba(0, 0, 0, 0.75); touch-action: none; } #redim-cookiehint-modal #redim-cookiehint { max-width: 380px; padding: 20px; box-sizing: border-box; background: #32486b; color: #fff; display: flex; flex-direction: column; gap: 15px; } #redim-cookiehint-modal #redim-cookiehint .cookiehead { margin-top: 2rem; margin-bottom: 1rem; line-height: 1.5; font-family: "GoogleSans"; font-size: 1.75rem; font-weight: bold; text-transform: none; margin: 0; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #redim-cookiehint-modal #redim-cookiehint .cookiehead { font-size: 1.5rem; } } @media only all and (max-width: 30rem) { #redim-cookiehint-modal #redim-cookiehint .cookiehead { font-size: 1.5rem; } } #redim-cookiehint-modal #redim-cookiehint .cookiecontent > *:first-child { margin-top: 0; } #redim-cookiehint-modal #redim-cookiehint .cookiecontent > *:last-child { margin-bottom: 0; } #redim-cookiehint-modal #redim-cookiehint .cookiebuttons { display: flex; flex-direction: column; gap: 10px; } #redim-cookiehint-modal #redim-cookiehint .cookiebuttons #cookiehintsubmit { width: 100%; } #redim-cookiehint-modal #redim-cookiehint .cookiebuttons #cookiehintsubmitno { width: 100%; } #redim-cookiehint-modal #redim-cookiehint .cookiebuttons #cookiehintinfo a { color: inherit; } #redim-cookiehint-modal #redim-cookiehint .clr { display: none; } #redim-cookiehint-bottom { position: fixed; top: auto; bottom: 0; left: 0; right: 0; z-index: 999; padding: 20px; display: flex; justify-content: center; align-items: center; background-color: none; touch-action: none; pointer-events: none; } #redim-cookiehint-bottom #redim-cookiehint { max-width: 500px; padding: 20px; box-sizing: border-box; background: #32486b; color: #fff; display: flex; flex-direction: column; gap: 15px; text-align: center; text-wrap: balance; pointer-events: all; } #redim-cookiehint-bottom #redim-cookiehint .cookiehead { margin-top: 2rem; margin-bottom: 1rem; line-height: 1.5; font-family: "GoogleSans"; font-size: 1.75rem; font-weight: bold; text-transform: none; margin: 0; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #redim-cookiehint-bottom #redim-cookiehint .cookiehead { font-size: 1.5rem; } } @media only all and (max-width: 30rem) { #redim-cookiehint-bottom #redim-cookiehint .cookiehead { font-size: 1.5rem; } } #redim-cookiehint-bottom #redim-cookiehint .cookiecontent > *:first-child { margin-top: 0; } #redim-cookiehint-bottom #redim-cookiehint .cookiecontent > *:last-child { margin-bottom: 0; } #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons { display: flex; align-items: center; justify-content: center; gap: 10px; } #redim-cookiehint-bottom #redim-cookiehint .cookiebuttons #cookiehintinfo a { color: inherit; } #redim-cookiehint-bottom #redim-cookiehint .clr { display: none; } /* ***** */ /* ERROR */ /* ***** */ .g-error, .outline-_error { text-align: center; } .g-error .g-container, .outline-_error .g-container { max-width: 550px; margin-left: auto; margin-right: auto; } /* ******* */ /* OFFLINE */ /* ******* */ .g-offline, .outline-_offline { font-size: initial; background: #a41034; } .g-offline .g-container, .outline-_offline .g-container { max-width: 550px; margin-left: auto; margin-right: auto; } .g-offline #g-page-surround > *, .outline-_offline #g-page-surround > * { padding: 0; background: none; } .g-offline #g-page-surround #g-navigation, .outline-_offline #g-page-surround #g-navigation { padding: 10px 0; } .g-offline #g-page-surround #g-mainbar, .outline-_offline #g-page-surround #g-mainbar { height: 100vh; background: none; } .g-offline #frame, .outline-_offline #frame { margin: 0 auto; border: none; border-radius: 10px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25); } .g-offline #frame > p, .outline-_offline #frame > p { font-size: 120%; } .g-offline #frame form, .outline-_offline #frame form { text-align: center; } .g-offline #frame form input, .outline-_offline #frame form input { text-align: center; } /* ********* */ /* UTILITIES */ /* ********* */ .c-bg-accent-1 { position: relative; } .c-bg-accent-1::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: calc(100vw + 2px); margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #a41034; z-index: 1; } .c-bg-accent-1 > * { position: relative; z-index: 3; color: #fff; } .c-bg-accent-2 { position: relative; } .c-bg-accent-2::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: calc(100vw + 2px); margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #32486b; z-index: 1; } .c-bg-accent-2 > * { position: relative; z-index: 3; color: #fff; } .c-bg-grey { position: relative; } .c-bg-grey::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: calc(100vw + 2px); margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #f6f6f9; z-index: 1; } .c-bg-grey > * { position: relative; z-index: 3; } [class*="c-section--"] { padding: var(--section-padding) 0; position: relative; } [class*="c-section--"]:first-child { margin-top: calc(-1 * var(--section-padding)); } [class*="c-section--"]:last-child { margin-bottom: calc(-1 * var(--section-padding)); } .c-section--image-text { position: relative; display: grid; gap: var(--section-padding); } .c-section--image-text::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: calc(100vw + 2px); margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #f6f6f9; z-index: 1; } .c-section--image-text > * { position: relative; z-index: 3; } @media only all and (min-width: 75rem) { .c-section--image-text { grid-template-columns: 1fr 1fr; grid-template-areas: "image text"; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .c-section--image-text { grid-template-columns: 1fr 1fr; grid-template-areas: "image text"; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .c-section--image-text { grid-template-columns: 1fr; grid-template-areas: "image" "text"; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .c-section--image-text { grid-template-columns: 1fr; grid-template-areas: "image" "text"; } } @media only all and (max-width: 30rem) { .c-section--image-text { grid-template-columns: 1fr; grid-template-areas: "image" "text"; } } .c-section--image-text .c-text { grid-area: text; } .c-section--image-text .c-image { grid-area: image; } .c-section--text-image { display: grid; gap: var(--section-padding); } @media only all and (min-width: 75rem) { .c-section--text-image { grid-template-columns: 1fr 1fr; grid-template-areas: "text image"; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .c-section--text-image { grid-template-columns: 1fr 1fr; grid-template-areas: "text image"; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .c-section--text-image { grid-template-columns: 1fr; grid-template-areas: "image" "text"; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .c-section--text-image { grid-template-columns: 1fr; grid-template-areas: "image" "text"; } } @media only all and (max-width: 30rem) { .c-section--text-image { grid-template-columns: 1fr; grid-template-areas: "image" "text"; } } .c-section--text-image .c-text { grid-area: text; } .c-section--text-image .c-image { grid-area: image; } .c-section--text-video { display: grid; gap: var(--section-padding); } @media only all and (min-width: 75rem) { .c-section--text-video { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .c-section--text-video { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .c-section--text-video { grid-template-columns: 1fr; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .c-section--text-video { grid-template-columns: 1fr; } } @media only all and (max-width: 30rem) { .c-section--text-video { grid-template-columns: 1fr; } } @media only all and (min-width: 75rem) { .c-section--text--columns-2 .c-text { column-count: 2; column-gap: var(--section-padding); } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .c-section--text--columns-2 .c-text { column-count: 2; column-gap: var(--section-padding); } } .c-section--text--columns-2 .c-text > * { break-inside: avoid; } .c-section--text--narrow { max-width: 750px; margin-left: auto; margin-right: auto; } .c-section--list--lines { padding: 0; } .c-section--list--lines .c-text { display: flex; flex-direction: column; gap: 35px; } .c-section--list--lines .c-text p { display: block; margin: 0; padding-left: 15px; border-left: solid #32486b 5px; } .c-section--list--lines .c-text ul { display: block; margin: 0; padding-left: 35px; border-left: solid #32486b 5px; } .c-section--list--lines .c-text ul li { margin: 10px 0; } .c-section--grid--title-2-cells { display: grid; } @media only all and (min-width: 75rem) { .c-section--grid--title-2-cells { grid-template-columns: 1fr 1fr; gap: 35px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .c-section--grid--title-2-cells { grid-template-columns: 1fr 1fr; gap: 35px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .c-section--grid--title-2-cells { grid-template-columns: 1fr; gap: 35px; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .c-section--grid--title-2-cells { grid-template-columns: 1fr; gap: 25px; } } @media only all and (max-width: 30rem) { .c-section--grid--title-2-cells { grid-template-columns: 1fr; gap: 25px; } } .c-section--grid--title-2-cells .c-title { grid-column: 1 / -1; } .c-section--grid--title-2-cells .c-text blockquote { margin: 0; } .c-section--grid--title-text-image { display: grid; } @media only all and (min-width: 75rem) { .c-section--grid--title-text-image { grid-template-columns: 1fr 1fr; grid-template-areas: "title title" "text image"; gap: 35px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .c-section--grid--title-text-image { grid-template-columns: 1fr 1fr; grid-template-areas: "title title" "text image"; gap: 35px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .c-section--grid--title-text-image { grid-template-columns: 1fr; grid-template-areas: "title" "image" "text"; gap: 35px; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .c-section--grid--title-text-image { grid-template-columns: 1fr; grid-template-areas: "title" "image" "text"; gap: 25px; } } @media only all and (max-width: 30rem) { .c-section--grid--title-text-image { grid-template-columns: 1fr; grid-template-areas: "title" "image" "text"; gap: 25px; } } .c-section--grid--title-text-image .c-title { grid-column: 1 / -1; } .c-section--grid--title-text-image .c-text { grid-area: text; } .c-section--grid--title-text-image .c-image { grid-area: image; } /* *********************** */ /* COMPLETE ARTICLE SLIDER */ /* *********************** */ .complete-article-slider .swiper { padding: 0 50px 40px 50px; } .complete-article-slider .swiper .swiper-button-prev { color: #a41034; } .complete-article-slider .swiper .swiper-button-next { color: #a41034; } .complete-article-slider .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #a41034; } /* ********* */ /* COPYRIGHT */ /* ********* */ .g-copyright { /*br { content: ""; &:after { content: " - "; } }*/ } .g-copyright::first-letter { font-size: 0; } .g-copyright::before { content: ""; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: inherit; font-weight: 900; line-height: normal; margin-right: 5px; } /* ****** */ /* SOCIAL */ /* ****** */ .g-social { display: inline-flex; gap: 10px 20px; flex-wrap: wrap; font-size: 150%; line-height: normal; } /* ********** */ /* ACYMAILING */ /* ********** */ .acym_module .acym_form input[type="email"], .acym_module .acym_form input[type="text"] { max-width: 300px; background: transparent; color: #fff; } .acym_module .acym_form input[type="email"]::placeholder, .acym_module .acym_form input[type="text"]::placeholder { color: #fff; } .acym_module .responseContainer { border-radius: 10px; } /* ********** */ /* PAGE: HOME */ /* ********** */ .moduletable.c-header { padding: var(--section-padding) 0; position: relative; } .moduletable.c-header .complete-single-content { display: grid; align-items: center; column-gap: 75px; } @media only all and (min-width: 75rem) { .moduletable.c-header .complete-single-content { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto auto auto 1fr; grid-template-areas: ". image" "title image" "description image" "link image" ". image"; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .moduletable.c-header .complete-single-content { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto auto auto 1fr; grid-template-areas: ". image" "title image" "description image" "link image" ". image"; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .moduletable.c-header .complete-single-content { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto auto auto 1fr; grid-template-areas: ". image" "title image" "description image" "link image" ". image"; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .moduletable.c-header .complete-single-content { grid-template-columns: 1fr; grid-template-areas: "title" "image" "description" "link "; } } @media only all and (max-width: 30rem) { .moduletable.c-header .complete-single-content { grid-template-columns: 1fr; grid-template-areas: "title" "image" "description" "link "; } } .moduletable.c-header .complete-single-content .csc-image { grid-area: image; position: relative; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .moduletable.c-header .complete-single-content .csc-image { margin-top: 50px; margin-bottom: 50px; position: relative; } } @media only all and (max-width: 30rem) { .moduletable.c-header .complete-single-content .csc-image { margin-top: 50px; margin-bottom: 50px; position: relative; } } .moduletable.c-header .complete-single-content .csc-image::before { content: ""; position: absolute; background-color: #a41034; background-image: url('../images/pattern-1.svg'); background-position: center center; background-size: 100px; z-index: 1; } @media only all and (min-width: 75rem) { .moduletable.c-header .complete-single-content .csc-image::before { top: calc(-1 * var(--section-padding)); bottom: calc(-1 * var(--section-padding)); left: 50%; right: calc(-50vw + 50%); } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .moduletable.c-header .complete-single-content .csc-image::before { top: calc(-1 * var(--section-padding)); bottom: calc(-1 * var(--section-padding)); left: 50%; right: calc(-50vw + 50%); } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .moduletable.c-header .complete-single-content .csc-image::before { top: calc(-1 * var(--section-padding)); bottom: calc(-1 * var(--section-padding)); left: 50%; right: calc(-50vw + 50%); } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .moduletable.c-header .complete-single-content .csc-image::before { top: -25px; bottom: -25px; left: 50%; right: calc(-50vw + 50%); } } @media only all and (max-width: 30rem) { .moduletable.c-header .complete-single-content .csc-image::before { top: -25px; bottom: -25px; left: 50%; right: calc(-50vw + 50%); } } .moduletable.c-header .complete-single-content .csc-image > * { position: relative; z-index: 3; } .moduletable.c-header .complete-single-content .csc-title { grid-area: title; margin: 0; text-wrap: balance; } @media only all and (min-width: 75rem) { .moduletable.c-header .complete-single-content .csc-title { margin-bottom: 15px; font-size: 55px; letter-spacing: -1px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .moduletable.c-header .complete-single-content .csc-title { margin-bottom: 15px; font-size: 45px; letter-spacing: -1px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .moduletable.c-header .complete-single-content .csc-title { margin-bottom: 15px; font-size: 35px; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .moduletable.c-header .complete-single-content .csc-title { margin-bottom: 15px; font-size: 35px; } } @media only all and (max-width: 30rem) { .moduletable.c-header .complete-single-content .csc-title { margin-bottom: 15px; font-size: 30px; } } .moduletable.c-header .complete-single-content .csc-description { grid-area: description; } @media only all and (min-width: 75rem) { .moduletable.c-header .complete-single-content .csc-description { margin-top: 25px; margin-bottom: 25px; font-size: 115%; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .moduletable.c-header .complete-single-content .csc-description { margin-top: 25px; margin-bottom: 25px; font-size: 115%; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .moduletable.c-header .complete-single-content .csc-description { margin-top: 15px; margin-bottom: 15px; font-size: 105%; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .moduletable.c-header .complete-single-content .csc-description { margin-top: 15px; margin-bottom: 15px; } } @media only all and (max-width: 30rem) { .moduletable.c-header .complete-single-content .csc-description { margin-top: 15px; margin-bottom: 15px; } } .moduletable.c-header .complete-single-content .csc-description p:has(.button:first-child):has(.button:last-child) { display: flex; flex-wrap: wrap; gap: 10px 15px; } @media only all and (min-width: 75rem) { .moduletable.c-header .complete-single-content .csc-description p:has(.button:first-child):has(.button:last-child) { margin-top: 45px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .moduletable.c-header .complete-single-content .csc-description p:has(.button:first-child):has(.button:last-child) { margin-top: 45px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .moduletable.c-header .complete-single-content .csc-description p:has(.button:first-child):has(.button:last-child) { margin-top: 35px; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .moduletable.c-header .complete-single-content .csc-description p:has(.button:first-child):has(.button:last-child) { margin-top: 35px; } } @media only all and (max-width: 30rem) { .moduletable.c-header .complete-single-content .csc-description p:has(.button:first-child):has(.button:last-child) { margin-top: 35px; } } .moduletable.c-header .complete-single-content .csc-link { grid-area: link; display: flex; flex-wrap: wrap; gap: 10px 15px; } @media only all and (min-width: 75rem) { .moduletable.c-header .complete-single-content .csc-link { margin-top: 25px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .moduletable.c-header .complete-single-content .csc-link { margin-top: 25px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .moduletable.c-header .complete-single-content .csc-link { margin-top: 15px; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .moduletable.c-header .complete-single-content .csc-link { margin-top: 15px; } } @media only all and (max-width: 30rem) { .moduletable.c-header .complete-single-content .csc-link { margin-top: 15px; } } .moduletable.c-header-video { padding: var(--section-padding) 0; position: relative; } .moduletable.c-header-video .mod-custom { display: grid; align-items: center; column-gap: 75px; } @media only all and (min-width: 75rem) { .moduletable.c-header-video .mod-custom { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto auto auto 1fr; grid-template-areas: ". video" "title video" "description video" "buttons video" ". video"; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .moduletable.c-header-video .mod-custom { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto auto auto 1fr; grid-template-areas: ". video" "title video" "description video" "buttons video" ". video"; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .moduletable.c-header-video .mod-custom { grid-template-columns: 1fr; grid-template-areas: "title" "description" "video" "buttons"; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .moduletable.c-header-video .mod-custom { grid-template-columns: 1fr; grid-template-areas: "title" "description" "video" "buttons"; } } @media only all and (max-width: 30rem) { .moduletable.c-header-video .mod-custom { grid-template-columns: 1fr; grid-template-areas: "title" "description" "video" "buttons"; } } .moduletable.c-header-video .mod-custom .c-title { grid-area: title; margin: 0; text-wrap: balance; } @media only all and (min-width: 75rem) { .moduletable.c-header-video .mod-custom .c-title { margin-bottom: 15px; font-size: 55px; letter-spacing: -1px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .moduletable.c-header-video .mod-custom .c-title { margin-bottom: 15px; font-size: 45px; letter-spacing: -1px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .moduletable.c-header-video .mod-custom .c-title { margin-bottom: 15px; font-size: 35px; text-align: center; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .moduletable.c-header-video .mod-custom .c-title { margin-bottom: 15px; font-size: 35px; text-align: center; } } @media only all and (max-width: 30rem) { .moduletable.c-header-video .mod-custom .c-title { margin-bottom: 15px; font-size: 30px; text-align: center; } } .moduletable.c-header-video .mod-custom .c-description { grid-area: description; } @media only all and (min-width: 75rem) { .moduletable.c-header-video .mod-custom .c-description { margin-top: 25px; margin-bottom: 25px; font-size: 115%; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .moduletable.c-header-video .mod-custom .c-description { margin-top: 25px; margin-bottom: 25px; font-size: 115%; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .moduletable.c-header-video .mod-custom .c-description { margin-top: 15px; margin-bottom: 15px; font-size: 105%; text-align: center; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .moduletable.c-header-video .mod-custom .c-description { margin-top: 15px; margin-bottom: 15px; text-align: center; } } @media only all and (max-width: 30rem) { .moduletable.c-header-video .mod-custom .c-description { margin-top: 15px; margin-bottom: 15px; text-align: center; } } .moduletable.c-header-video .mod-custom .c-description p:has(.button:first-child):has(.button:last-child) { display: flex; flex-wrap: wrap; gap: 10px 15px; } @media only all and (min-width: 75rem) { .moduletable.c-header-video .mod-custom .c-description p:has(.button:first-child):has(.button:last-child) { margin-top: 45px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .moduletable.c-header-video .mod-custom .c-description p:has(.button:first-child):has(.button:last-child) { margin-top: 45px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .moduletable.c-header-video .mod-custom .c-description p:has(.button:first-child):has(.button:last-child) { margin-top: 35px; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .moduletable.c-header-video .mod-custom .c-description p:has(.button:first-child):has(.button:last-child) { margin-top: 35px; } } @media only all and (max-width: 30rem) { .moduletable.c-header-video .mod-custom .c-description p:has(.button:first-child):has(.button:last-child) { margin-top: 35px; } } .moduletable.c-header-video .mod-custom .c-buttons { grid-area: buttons; display: flex; flex-wrap: wrap; gap: 10px 15px; } @media only all and (min-width: 75rem) { .moduletable.c-header-video .mod-custom .c-buttons { margin-top: 25px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .moduletable.c-header-video .mod-custom .c-buttons { margin-top: 25px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .moduletable.c-header-video .mod-custom .c-buttons { margin-top: 15px; text-align: center; justify-content: center; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .moduletable.c-header-video .mod-custom .c-buttons { margin-top: 15px; text-align: center; justify-content: center; } } @media only all and (max-width: 30rem) { .moduletable.c-header-video .mod-custom .c-buttons { margin-top: 15px; text-align: center; justify-content: center; } } .moduletable.c-header-video .mod-custom .c-buttons .button { text-align: left; } .moduletable.c-header-video .mod-custom .c-buttons p:has(.button:first-child):has(.button:last-child) { display: flex; flex-wrap: wrap; gap: 10px 15px; } @media only all and (min-width: 75rem) { .moduletable.c-header-video .mod-custom .c-buttons p:has(.button:first-child):has(.button:last-child) { margin-top: 45px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .moduletable.c-header-video .mod-custom .c-buttons p:has(.button:first-child):has(.button:last-child) { margin-top: 45px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .moduletable.c-header-video .mod-custom .c-buttons p:has(.button:first-child):has(.button:last-child) { margin-top: 35px; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .moduletable.c-header-video .mod-custom .c-buttons p:has(.button:first-child):has(.button:last-child) { margin-top: 35px; } } @media only all and (max-width: 30rem) { .moduletable.c-header-video .mod-custom .c-buttons p:has(.button:first-child):has(.button:last-child) { margin-top: 35px; } } .moduletable.c-header-video .mod-custom .c-video { grid-area: video; position: relative; text-align: center; align-self: stretch; align-content: center; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .moduletable.c-header-video .mod-custom .c-video { margin-top: 50px; margin-bottom: 50px; position: relative; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .moduletable.c-header-video .mod-custom .c-video { margin-top: 50px; margin-bottom: 50px; position: relative; } } @media only all and (max-width: 30rem) { .moduletable.c-header-video .mod-custom .c-video { margin-top: 50px; margin-bottom: 50px; position: relative; } } .moduletable.c-header-video .mod-custom .c-video::before { content: ""; position: absolute; background-color: #a41034; background-image: url('../images/pattern-1.svg'); background-position: center center; background-size: 100px; z-index: 1; } @media only all and (min-width: 75rem) { .moduletable.c-header-video .mod-custom .c-video::before { top: calc(-1 * var(--section-padding)); bottom: calc(-1 * var(--section-padding)); left: 50%; right: calc(-50vw + 50%); } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .moduletable.c-header-video .mod-custom .c-video::before { top: calc(-1 * var(--section-padding)); bottom: calc(-1 * var(--section-padding)); left: 50%; right: calc(-50vw + 50%); } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .moduletable.c-header-video .mod-custom .c-video::before { top: -25px; bottom: -25px; left: 50%; right: calc(-50vw + 50%); } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .moduletable.c-header-video .mod-custom .c-video::before { top: -25px; bottom: -25px; left: 50%; right: calc(-50vw + 50%); } } @media only all and (max-width: 30rem) { .moduletable.c-header-video .mod-custom .c-video::before { top: -25px; bottom: -25px; left: 50%; right: calc(-50vw + 50%); } } .moduletable.c-header-video .mod-custom .c-video > * { position: relative; z-index: 3; } .moduletable.c-intro-video { position: relative; max-width: 750px; margin-left: auto; margin-right: auto; text-align: center; } .moduletable.c-intro-video::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: calc(100vw + 2px); margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #f6f6f9; z-index: 1; } .moduletable.c-intro-video > * { position: relative; z-index: 3; } .moduletable.c-intro-video .complete-single-content .csc-title { margin-bottom: 35px; text-wrap: balance; } .moduletable.c-intro-video .complete-single-content .csc-description { text-wrap: balance; } @media only all and (min-width: 75rem) { .moduletable.c-intro-video .complete-single-content .csc-description { font-size: 115%; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .moduletable.c-intro-video .complete-single-content .csc-description { font-size: 115%; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .moduletable.c-intro-video .complete-single-content .csc-description { font-size: 105%; } } @media only all and (min-width: 75rem) { .moduletable.c-intro-video .complete-single-content .csc-description p { max-width: 80%; margin-left: auto; margin-right: auto; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .moduletable.c-intro-video .complete-single-content .csc-description p { max-width: 80%; margin-left: auto; margin-right: auto; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .moduletable.c-intro-video .complete-single-content .csc-description p { max-width: 80%; margin-left: auto; margin-right: auto; } } .moduletable.c-interviews .g-title { max-width: 700px; margin-left: auto; margin-right: auto; margin-bottom: 35px; } .moduletable.c-interviews .complete-article-slider .cas-intro { max-width: 700px; margin-left: auto; margin-right: auto; text-align: center; text-wrap: balance; } @media only all and (min-width: 75rem) { .moduletable.c-interviews .complete-article-slider .cas-intro { font-size: 115%; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .moduletable.c-interviews .complete-article-slider .cas-intro { font-size: 115%; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .moduletable.c-interviews .complete-article-slider .cas-intro { font-size: 105%; } } .moduletable.c-interviews .complete-article-slider .cas-articles { margin-top: 50px; } .moduletable.c-interviews .complete-article-slider .cas-articles .cas-article .cas-article-image { margin-bottom: 15px; aspect-ratio: 1.6666666667; overflow: hidden; } .moduletable.c-interviews .complete-article-slider .cas-articles .cas-article .cas-article-image img { object-fit: cover; object-position: center center; width: 100%; height: 100%; } .moduletable.c-interviews .complete-article-slider .cas-articles .cas-article .cas-article-category { margin-bottom: 15px; } .moduletable.c-interviews .complete-article-slider .cas-articles .cas-article .cas-article-title { margin-top: 1.75rem; margin-bottom: 1rem; line-height: 1.5; font-family: "GoogleSans"; font-size: 1.35rem; font-weight: bold; text-transform: none; margin: 15px 0 0 0; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .moduletable.c-interviews .complete-article-slider .cas-articles .cas-article .cas-article-title { font-size: 1.15rem; } } @media only all and (max-width: 30rem) { .moduletable.c-interviews .complete-article-slider .cas-articles .cas-article .cas-article-title { font-size: 1.15rem; } } .moduletable.c-interviews .complete-article-slider .cas-articles .cas-article .cas-article-title a { color: inherit; } .moduletable.c-interviews .complete-article-slider .cas-articles .cas-article .cas-article-title a:hover { color: #a41034; } .moduletable.c-interviews .complete-article-slider .cas-articles .cas-article .cas-article-intro-text { margin-top: 10px; } .moduletable.c-interviews .complete-article-slider .cas-articles .cas-article .cas-article-more-button { margin-top: 15px; } .moduletable.c-interviews .complete-article-slider .cas-epilogue { max-width: 700px; margin-left: auto; margin-right: auto; margin-top: 35px; text-align: center; text-wrap: balance; } .moduletable.c-endorsements-slider { position: relative; } .moduletable.c-endorsements-slider::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: calc(100vw + 2px); margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #f6f6f9; z-index: 1; } .moduletable.c-endorsements-slider > * { position: relative; z-index: 3; } .moduletable.c-endorsements-slider .cas-articles .cas-article { height: auto; padding: 25px 15px; box-sizing: border-box; border-radius: 10px; background: rgba(0, 0, 0, 0.025); } .moduletable.c-endorsements-slider .cas-articles .cas-article .cas-article-intro-text { display: flex; flex-direction: column; height: 100%; } .moduletable.c-endorsements-slider .cas-articles .cas-article .cas-article-intro-text > *:last-child { flex-grow: 1; align-content: flex-end; } .moduletable.c-endorsements-slider .swiper { padding: 0 0 50px 0; } .moduletable.c-endorsements-slider .swiper .swiper-button-prev { color: #a41034; width: 30px; height: 30px; top: auto; bottom: 0; left: 10px; right: auto; } .moduletable.c-endorsements-slider .swiper .swiper-button-prev::after { font-size: 30px; } .moduletable.c-endorsements-slider .swiper .swiper-button-next { color: #a41034; width: 30px; height: 30px; top: auto; bottom: 0; left: 50px; right: auto; } .moduletable.c-endorsements-slider .swiper .swiper-button-next::after { font-size: 30px; } .moduletable.c-endorsements-slider .swiper .swiper-pagination { pointer-events: none; width: auto; top: auto; bottom: 5px; left: auto; right: 10px; } .moduletable.c-endorsements-slider .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #a41034; } .moduletable.c-endorsements-slider .cas-epilogue { margin-top: 35px; text-align: center; text-wrap: balance; } .moduletable.c-endorsements { position: relative; } .moduletable.c-endorsements::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: calc(100vw + 2px); margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #f6f6f9; z-index: 1; } .moduletable.c-endorsements > * { position: relative; z-index: 3; } .moduletable.c-endorsements .g-title { color: #32486b; } .moduletable.c-endorsements .cad-articles { /*display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/ display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; } .moduletable.c-endorsements .cad-articles .cad-article { padding: 25px 15px; box-sizing: border-box; border-radius: 10px; background: #fff; flex-grow: 1; position: relative; } .moduletable.c-endorsements .cad-articles .cad-article::before { content: ""; display: block; width: 25px; height: 25px; position: absolute; top: 15px; bottom: auto; left: auto; right: 15px; background-image: url('../../../../images/icons/review-star.svg'); background-repeat: no-repeat; background-size: contain; background-position: center center; } @media only all and (min-width: 75rem) { .moduletable.c-endorsements .cad-articles .cad-article:nth-child(1), .moduletable.c-endorsements .cad-articles .cad-article:nth-child(2) { max-width: calc(50% - 8px); } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .moduletable.c-endorsements .cad-articles .cad-article:nth-child(1), .moduletable.c-endorsements .cad-articles .cad-article:nth-child(2) { max-width: calc(50% - 8px); } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .moduletable.c-endorsements .cad-articles .cad-article:nth-child(1), .moduletable.c-endorsements .cad-articles .cad-article:nth-child(2) { max-width: 100%; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .moduletable.c-endorsements .cad-articles .cad-article:nth-child(1), .moduletable.c-endorsements .cad-articles .cad-article:nth-child(2) { max-width: 100%; } } @media only all and (max-width: 30rem) { .moduletable.c-endorsements .cad-articles .cad-article:nth-child(1), .moduletable.c-endorsements .cad-articles .cad-article:nth-child(2) { max-width: 100%; } } @media only all and (min-width: 75rem) { .moduletable.c-endorsements .cad-articles .cad-article:nth-child(3), .moduletable.c-endorsements .cad-articles .cad-article:nth-child(4), .moduletable.c-endorsements .cad-articles .cad-article:nth-child(5) { max-width: calc(33% - 7px); } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .moduletable.c-endorsements .cad-articles .cad-article:nth-child(3), .moduletable.c-endorsements .cad-articles .cad-article:nth-child(4), .moduletable.c-endorsements .cad-articles .cad-article:nth-child(5) { max-width: calc(33% - 7px); } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .moduletable.c-endorsements .cad-articles .cad-article:nth-child(3), .moduletable.c-endorsements .cad-articles .cad-article:nth-child(4), .moduletable.c-endorsements .cad-articles .cad-article:nth-child(5) { max-width: 100%; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .moduletable.c-endorsements .cad-articles .cad-article:nth-child(3), .moduletable.c-endorsements .cad-articles .cad-article:nth-child(4), .moduletable.c-endorsements .cad-articles .cad-article:nth-child(5) { max-width: 100%; } } @media only all and (max-width: 30rem) { .moduletable.c-endorsements .cad-articles .cad-article:nth-child(3), .moduletable.c-endorsements .cad-articles .cad-article:nth-child(4), .moduletable.c-endorsements .cad-articles .cad-article:nth-child(5) { max-width: 100%; } } .moduletable.c-endorsements .cad-articles .cad-article .cad-article-image { width: 50px; height: 50px; margin-bottom: 10px; } .moduletable.c-endorsements .cad-articles .cad-article .cad-article-image img { object-fit: contain; object-position: center center; width: 100%; height: 100%; } .moduletable.c-endorsements .cad-articles .cad-article .cad-article-title { width: calc(100% - 65px); line-height: normal; text-wrap: balance; } .moduletable.c-endorsements .cad-articles .cad-article .cad-article-title :is(h1, h2, h3, h4, h5, h6) { margin: 0 !important; line-height: normal; color: #32486b; } .moduletable.c-endorsements .cad-articles .cad-article .cad-article-intro-text :is(h1, h2, h3, h4, h5, h6) { margin: 0 !important; line-height: normal; } .moduletable.c-endorsements .cad-articles .cad-article .cad-article-intro-text p:not(:first-child) { margin-top: 10px; } .moduletable.c-endorsements .cad-articles .cad-article .cad-article-intro-text p:not(:last-child) { margin-bottom: 10px; } .moduletable.c-endorsements .cad-articles .cad-article .cad-article-intro-text p:has(sup), .moduletable.c-endorsements .cad-articles .cad-article .cad-article-intro-text p:has(sub) { margin-top: 5px !important; margin-bottom: 25px !important; line-height: normal; text-wrap: balance; } .moduletable.c-endorsements .cad-articles .cad-article .cad-article-intro-text p:has(sup) sup, .moduletable.c-endorsements .cad-articles .cad-article .cad-article-intro-text p:has(sup) sub, .moduletable.c-endorsements .cad-articles .cad-article .cad-article-intro-text p:has(sub) sup, .moduletable.c-endorsements .cad-articles .cad-article .cad-article-intro-text p:has(sub) sub { top: unset; bottom: unset; font-weight: 500; font-size: 90%; } .moduletable.c-endorsements .cad-articles .cad-article .cad-article-intro-text p:has(img) { line-height: 1; } .moduletable.c-endorsements .cad-articles .cad-article .cad-article-intro-text em { color: #666; } .moduletable.c-endorsements .cad-epilogue { margin-top: 35px; text-align: center; text-wrap: balance; } .moduletable.c-homepage-buttons { text-align: center; text-wrap: balance; } .moduletable.c-homepage-buttons .button { margin: 5px; } /* ************** */ /* PAGE: TEACHING */ /* ************** */ /* ****************** */ /* PAGE: CASE STUDIES */ /* ****************** */ @media only all and (min-width: 75rem) { .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog { display: grid; grid-template-columns: auto 250px; gap: 0 50px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog { display: grid; grid-template-columns: auto 250px; gap: 0 50px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog { display: grid; grid-template-columns: auto 250px; gap: 0 35px; } } .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .page-header { grid-column: span 2; } .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .page-header + .c-blog-module { grid-column: span 2; } .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .category-desc { grid-column: span 2; margin-bottom: 0; } .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .category-desc + .c-blog-module { grid-column: span 2; } .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items { display: grid; gap: 25px; } @media only all and (min-width: 75rem) { .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items { grid-template-columns: 1fr; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items { grid-template-columns: 1fr; } } @media only all and (max-width: 30rem) { .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items { grid-template-columns: 1fr; } } .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item { border: solid 1px #e0e0e0; border-radius: 10px; transition: 0.3s all; display: flex; flex-direction: column; } @media only all and (min-width: 75rem) { .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item { padding: 25px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item { padding: 25px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item { padding: 25px; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item { padding: 15px; } } @media only all and (max-width: 30rem) { .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item { padding: 15px; } } .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item:hover .item-image img { transform: scale(1.1); } @media only all and (min-width: 75rem) { .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-image { margin: -25px -25px 25px -25px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-image { margin: -25px -25px 25px -25px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-image { margin: -25px -25px 25px -25px; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-image { margin: -15px -15px 15px -15px; } } @media only all and (max-width: 30rem) { .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-image { margin: -15px -15px 15px -15px; } } .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-image img { transition: 0.3s all; } .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .article-info { margin: 0; display: flex; gap: 5px 15px; color: inherit !important; font-size: 90%; font-weight: 900; } .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .article-info dt { display: none; } .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .article-info dd { margin: 0; } .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .article-info dd span { display: none; } .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content { display: flex; flex-direction: column; gap: 15px 0; flex-grow: 1; } .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header { text-wrap: balance; } .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 { margin-top: 1.75rem; margin-bottom: 1rem; line-height: 1.5; font-family: "GoogleSans"; font-size: 1.35rem; font-weight: bold; text-transform: none; margin: 0; line-height: normal; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 { font-size: 1.15rem; } } @media only all and (max-width: 30rem) { .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 { font-size: 1.15rem; } } .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 a { color: inherit; } .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 a:hover { color: #a41034; } .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content p { margin: 0; } .com_content.view-category.layout-blog.c-case-studies .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore { margin: 10px 0 0 0; flex-grow: 1; display: flex; align-items: end; } .com_content.view-article.layout-blog.c-case-studies .com-content-article .com-content-article__body { padding-bottom: 0; } .com_content.view-article.layout-blog.c-case-studies .com-content-article .c-back { margin-top: var(--section-padding); text-align: center; } .com_content.view-article.layout-blog.c-case-studies .com-content-article .field-entry.link { margin: 50px 0 0 0; } .com_content.view-article.layout-blog.c-case-studies .com-content-article .field-entry.link .field-value .fields-container { display: grid; gap: 25px; align-items: stretch; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); } .com_content.view-article.layout-blog.c-case-studies .com-content-article .field-entry.link .field-value .fields-container .fields-group { background: #efefef; display: flex; flex-direction: column; align-items: center; gap: 5px; text-align: center; transition: 0.3s all; border-radius: 10px; overflow: hidden; } .com_content.view-article.layout-blog.c-case-studies .com-content-article .field-entry.link .field-value .fields-container .fields-group:hover { background: #a41034; } .com_content.view-article.layout-blog.c-case-studies .com-content-article .field-entry.link .field-value .fields-container .fields-group:hover .field-entry.c-link-icon { filter: grayscale(1) invert(1); } .com_content.view-article.layout-blog.c-case-studies .com-content-article .field-entry.link .field-value .fields-container .fields-group:hover .field-entry.c-link-title { filter: grayscale(1) invert(1); } .com_content.view-article.layout-blog.c-case-studies .com-content-article .field-entry.link .field-value .fields-container .fields-group .field-entry.c-link-icon .field-value { margin-bottom: 15px; filter: grayscale(0) invert(0); } .com_content.view-article.layout-blog.c-case-studies .com-content-article .field-entry.link .field-value .fields-container .fields-group .field-entry.c-link-icon .field-value img { width: 40px; height: 40px; } .com_content.view-article.layout-blog.c-case-studies .com-content-article .field-entry.link .field-value .fields-container .fields-group .field-entry.c-link-title { filter: grayscale(0) invert(0); text-wrap: balance; } .com_content.view-article.layout-blog.c-case-studies .com-content-article .field-entry.link .field-value .fields-container .fields-group .field-entry.c-link-title .field-value { font-size: 110%; font-weight: 500; } .com_content.view-article.layout-blog.c-case-studies .com-content-article .field-entry.link .field-value .fields-container .fields-group .field-entry.c-link-url { display: block; width: 100%; height: 100%; padding: 25px 15px 15px 15px; color: inherit; } /* **************** */ /* PAGE: INTERVIEWS */ /* **************** */ @media only all and (min-width: 75rem) { .com_content.view-category.layout-blog.c-interviews .com-content-category-blog { display: grid; grid-template-columns: auto 250px; gap: 0 50px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .com_content.view-category.layout-blog.c-interviews .com-content-category-blog { display: grid; grid-template-columns: auto 250px; gap: 0 50px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .com_content.view-category.layout-blog.c-interviews .com-content-category-blog { display: grid; grid-template-columns: auto 250px; gap: 0 35px; } } .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .page-header { grid-column: span 2; } .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .page-header + .c-blog-module { grid-column: span 2; } .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .category-desc { grid-column: span 2; margin-bottom: 0; } .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .category-desc + .c-blog-module { grid-column: span 2; } .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items { display: grid; gap: 25px; } @media only all and (min-width: 75rem) { .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items { grid-template-columns: 1fr; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items { grid-template-columns: 1fr; } } @media only all and (max-width: 30rem) { .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items { grid-template-columns: 1fr; } } .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item { border: solid 1px #e0e0e0; border-radius: 10px; transition: 0.3s all; display: flex; flex-direction: column; } @media only all and (min-width: 75rem) { .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item { padding: 25px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item { padding: 25px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item { padding: 25px; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item { padding: 15px; } } @media only all and (max-width: 30rem) { .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item { padding: 15px; } } .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item:hover .item-image img { transform: scale(1.1); } @media only all and (min-width: 75rem) { .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-image { margin: -25px -25px 25px -25px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-image { margin: -25px -25px 25px -25px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-image { margin: -25px -25px 25px -25px; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-image { margin: -15px -15px 15px -15px; } } @media only all and (max-width: 30rem) { .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-image { margin: -15px -15px 15px -15px; } } .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-image img { transition: 0.3s all; } .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content { display: flex; flex-direction: column; gap: 15px 0; flex-grow: 1; } .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .article-info { margin: 0; display: flex; gap: 5px 15px; color: inherit !important; font-size: 90%; font-weight: 900; } .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .article-info dt { display: none; } .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .article-info dd { margin: 0; } .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .article-info dd span { display: none; } .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 { margin-top: 1.75rem; margin-bottom: 1rem; line-height: 1.5; font-family: "GoogleSans"; font-size: 1.35rem; font-weight: bold; text-transform: none; margin: 0; line-height: normal; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 { font-size: 1.15rem; } } @media only all and (max-width: 30rem) { .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 { font-size: 1.15rem; } } .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 a { color: inherit; } .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 a:hover { color: #a41034; } .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content p { margin: 0; } .com_content.view-category.layout-blog.c-interviews .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore { margin: 10px 0 0 0; flex-grow: 1; display: flex; align-items: end; } .com_content.view-article.layout-blog.c-interviews .com-content-article .com-content-article__body { padding-bottom: 0; } .com_content.view-article.layout-blog.c-interviews .com-content-article .c-back { margin-top: var(--section-padding); text-align: center; } .com_content.view-article.layout-blog.c-interviews .com-content-article .field-entry.link { margin: 50px 0 0 0; } .com_content.view-article.layout-blog.c-interviews .com-content-article .field-entry.link .field-value .fields-container { display: grid; gap: 25px; align-items: stretch; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); } .com_content.view-article.layout-blog.c-interviews .com-content-article .field-entry.link .field-value .fields-container .fields-group { background: #efefef; display: flex; flex-direction: column; align-items: center; gap: 5px; text-align: center; transition: 0.3s all; } .com_content.view-article.layout-blog.c-interviews .com-content-article .field-entry.link .field-value .fields-container .fields-group:hover { background: #a41034; } .com_content.view-article.layout-blog.c-interviews .com-content-article .field-entry.link .field-value .fields-container .fields-group:hover .field-entry.c-link-icon { filter: grayscale(1) invert(1); } .com_content.view-article.layout-blog.c-interviews .com-content-article .field-entry.link .field-value .fields-container .fields-group:hover .field-entry.c-link-title { filter: grayscale(1) invert(1); } .com_content.view-article.layout-blog.c-interviews .com-content-article .field-entry.link .field-value .fields-container .fields-group .field-entry.c-link-icon .field-value { margin-bottom: 15px; filter: grayscale(0) invert(0); } .com_content.view-article.layout-blog.c-interviews .com-content-article .field-entry.link .field-value .fields-container .fields-group .field-entry.c-link-icon .field-value img { width: 40px; height: 40px; } .com_content.view-article.layout-blog.c-interviews .com-content-article .field-entry.link .field-value .fields-container .fields-group .field-entry.c-link-title { filter: grayscale(0) invert(0); text-wrap: balance; } .com_content.view-article.layout-blog.c-interviews .com-content-article .field-entry.link .field-value .fields-container .fields-group .field-entry.c-link-title .field-value { font-size: 110%; font-weight: 500; } .com_content.view-article.layout-blog.c-interviews .com-content-article .field-entry.link .field-value .fields-container .fields-group .field-entry.c-link-url { display: block; width: 100%; height: 100%; padding: 25px 15px 15px 15px; color: inherit; } /* ********** */ /* PAGE: BLOG */ /* ********** */ @media only all and (min-width: 75rem) { .com_content.view-category.layout-blog.c-blog .com-content-category-blog { display: grid; grid-template-columns: auto 250px; gap: 0 50px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .com_content.view-category.layout-blog.c-blog .com-content-category-blog { display: grid; grid-template-columns: auto 250px; gap: 0 50px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .com_content.view-category.layout-blog.c-blog .com-content-category-blog { display: grid; grid-template-columns: auto 250px; gap: 0 35px; } } .com_content.view-category.layout-blog.c-blog .com-content-category-blog .page-header { grid-column: span 2; } .com_content.view-category.layout-blog.c-blog .com-content-category-blog .page-header + .c-blog-module { grid-column: span 2; } .com_content.view-category.layout-blog.c-blog .com-content-category-blog .category-desc { grid-column: span 2; margin-bottom: 0; } .com_content.view-category.layout-blog.c-blog .com-content-category-blog .category-desc + .c-blog-module { grid-column: span 2; } .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items { display: grid; gap: 25px; } @media only all and (min-width: 75rem) { .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items { grid-template-columns: 1fr; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items { grid-template-columns: 1fr; } } @media only all and (max-width: 30rem) { .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items { grid-template-columns: 1fr; } } .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item { border-bottom: solid 1px #a41034; border-radius: 10px 10px 0 0; transition: 0.3s all; display: flex; flex-direction: column; } @media only all and (min-width: 75rem) { .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item { padding: 25px 0; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item { padding: 25px 0; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item { padding: 25px 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item { padding: 15px 0; } } @media only all and (max-width: 30rem) { .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item { padding: 15px 0; } } .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item:hover .item-image img { transform: scale(1.1); } @media only all and (min-width: 75rem) { .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-image { margin: -25px 0 25px 0; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-image { margin: -25px 0 25px 0; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-image { margin: -25px 0 25px 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-image { margin: -15px 0 15px 0; } } @media only all and (max-width: 30rem) { .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-image { margin: -15px 0 15px 0; } } .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-image img { transition: 0.3s all; } .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content { display: flex; flex-direction: column; gap: 15px 0; flex-grow: 1; } .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .article-info { margin: 0; display: flex; gap: 5px 15px; color: inherit !important; font-size: 90%; font-weight: 900; } .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .article-info dt { display: none; } .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .article-info dd { margin: 0; } .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .article-info dd span { display: none; } .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 { margin-top: 1.75rem; margin-bottom: 1rem; line-height: 1.5; font-family: "GoogleSans"; font-size: 1.35rem; font-weight: bold; text-transform: none; margin: 0; line-height: normal; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 { font-size: 1.15rem; } } @media only all and (max-width: 30rem) { .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 { font-size: 1.15rem; } } .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 a { color: inherit; } .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 a:hover { color: #a41034; } .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content p { margin: 0; } .com_content.view-category.layout-blog.c-blog .com-content-category-blog .com-content-category-blog__items .com-content-category-blog__item .item-content .readmore { margin: 10px 0 0 0; flex-grow: 1; display: flex; align-items: end; } .com_content.view-article.layout-blog.c-blog .com-content-article .article-info { margin: 0; padding: 10px 0; display: flex; gap: 5px 15px; color: inherit !important; font-size: 90%; font-weight: 900; } .com_content.view-article.layout-blog.c-blog .com-content-article .article-info dt { display: none; } .com_content.view-article.layout-blog.c-blog .com-content-article .article-info dd { margin: 0; } .com_content.view-article.layout-blog.c-blog .com-content-article .article-info dd span { display: none; } .com_content.view-article.layout-blog.c-blog .com-content-article .com-content-article__body { padding-bottom: 0; max-width: 900px; margin-left: auto; margin-right: auto; } .com_content.view-article.layout-blog.c-blog .com-content-article .c-back { margin-top: var(--section-padding); text-align: center; } .moduletable.c-blog { position: relative; } .moduletable.c-blog::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: calc(100vw + 2px); margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #a41034; z-index: 1; } .moduletable.c-blog > * { position: relative; z-index: 3; color: #fff; } .moduletable.c-blog::after { content: ""; position: absolute; z-index: 2; top: 0; bottom: 0; width: calc(100vw + 2px); margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-image: url('../images/pattern-lines.svg'); background-position: right bottom; background-repeat: no-repeat; background-size: cover; opacity: 0.25; } .moduletable.c-blog .complete-article-slider .cas-articles .cas-article { height: 400px; position: relative; display: flex; flex-direction: column; gap: 15px; justify-content: end; border-radius: 10px; overflow: hidden; } .moduletable.c-blog .complete-article-slider .cas-articles .cas-article:hover .cas-article-image::after { opacity: 0.25; } .moduletable.c-blog .complete-article-slider .cas-articles .cas-article:hover .cas-article-image img { transform: scale(1.1); } .moduletable.c-blog .complete-article-slider .cas-articles .cas-article:hover .cas-article-intro-text { max-height: 50%; margin-top: 0px; opacity: 1; } .moduletable.c-blog .complete-article-slider .cas-articles .cas-article:hover .cas-article-more-button { max-height: 50%; margin-top: 0px; opacity: 1; } .moduletable.c-blog .complete-article-slider .cas-articles .cas-article > *:not(.cas-article-image) { margin-left: 25px; margin-right: 25px; } .moduletable.c-blog .complete-article-slider .cas-articles .cas-article > *:not(.cas-article-image):first-child { margin-top: 25px; } .moduletable.c-blog .complete-article-slider .cas-articles .cas-article > *:not(.cas-article-image):last-child { margin-bottom: 25px; } .moduletable.c-blog .complete-article-slider .cas-articles .cas-article .cas-article-image { position: absolute; z-index: -1; inset: 0; } .moduletable.c-blog .complete-article-slider .cas-articles .cas-article .cas-article-image::before { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 35%, rgba(0, 0, 0, 0.75) 100%); pointer-events: none; } .moduletable.c-blog .complete-article-slider .cas-articles .cas-article .cas-article-image::after { content: ""; position: absolute; z-index: 2; inset: 0; background: #000; opacity: 0; pointer-events: none; transition: 0.3s all; } .moduletable.c-blog .complete-article-slider .cas-articles .cas-article .cas-article-image img { object-fit: cover; object-position: center center; width: 100%; height: 100%; transition: 0.3s all; } .moduletable.c-blog .complete-article-slider .cas-articles .cas-article .cas-article-title > * { margin-top: 1.75rem; margin-bottom: 1rem; line-height: 1.5; font-family: "GoogleSans"; font-size: 1.35rem; font-weight: bold; text-transform: none; margin: 0; line-height: normal; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .moduletable.c-blog .complete-article-slider .cas-articles .cas-article .cas-article-title > * { font-size: 1.15rem; } } @media only all and (max-width: 30rem) { .moduletable.c-blog .complete-article-slider .cas-articles .cas-article .cas-article-title > * { font-size: 1.15rem; } } .moduletable.c-blog .complete-article-slider .cas-articles .cas-article .cas-article-title > * a { color: inherit; } .moduletable.c-blog .complete-article-slider .cas-articles .cas-article .cas-article-date-publish { font-size: 85%; font-weight: 500; } .moduletable.c-blog .complete-article-slider .cas-articles .cas-article .cas-article-intro-text { max-height: 0%; margin-top: -15px; overflow: hidden; opacity: 0; transition: 0.5s all, 1.5s max-height; transition-timing-function: linear; } .moduletable.c-blog .complete-article-slider .cas-articles .cas-article .cas-article-more-button { max-height: 0%; margin-top: -15px; overflow: hidden; opacity: 0; transition: 0.5s all, 1.5s max-height; transition-timing-function: linear; } .moduletable.c-blog .complete-article-slider .swiper-button-prev { color: #fff; } .moduletable.c-blog .complete-article-slider .swiper-button-next { color: #fff; } .moduletable.c-blog .complete-article-slider .swiper-pagination .swiper-pagination-bullet { background: #fff; opacity: 0.35; } .moduletable.c-blog .complete-article-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; opacity: 1; } .moduletable.c-blog-menu { padding: 25px; border-radius: 10px; background-color: #a41034; color: #fff; position: sticky; top: 25px; } @media only all and (min-width: 75rem) { .moduletable.c-blog-menu { max-width: 400px; margin-left: auto; margin-right: auto; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .moduletable.c-blog-menu { max-width: 400px; margin-left: auto; margin-right: auto; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .moduletable.c-blog-menu { max-width: 400px; margin-left: auto; margin-right: auto; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .moduletable.c-blog-menu { margin-top: var(--section-padding); } } @media only all and (max-width: 30rem) { .moduletable.c-blog-menu { margin-top: var(--section-padding); } } .moduletable.c-blog-menu a { color: inherit; } .moduletable.c-blog-menu a:hover { color: inherit; text-decoration: underline; } /* ****** */ /* RSFORM */ /* ****** */ #rsfp_thankyou_popup_inner { max-width: 500px; text-align: center; } .moduletable.c-contact { padding: 25px; max-width: 600px; margin-top: 50px; margin-left: auto; margin-right: auto; border: solid 1px rgba(255, 255, 255, 0.2); } .moduletable.c-contact .g-title { margin-bottom: 35px; } @media only all and (min-width: 75rem) { .moduletable.c-contact .rsform .col-form-label { width: 30%; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .moduletable.c-contact .rsform .col-form-label { width: 30%; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .moduletable.c-contact .rsform .col-form-label { width: 30%; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .moduletable.c-contact .rsform .col-form-label { width: 100%; } } @media only all and (max-width: 30rem) { .moduletable.c-contact .rsform .col-form-label { width: 100%; } } @media only all and (min-width: 75rem) { .moduletable.c-contact .rsform .formControls { width: 70%; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .moduletable.c-contact .rsform .formControls { width: 70%; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .moduletable.c-contact .rsform .formControls { width: 70%; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .moduletable.c-contact .rsform .formControls { width: 100%; } } @media only all and (max-width: 30rem) { .moduletable.c-contact .rsform .formControls { width: 100%; } } .moduletable.c-contact .rsform .rsform-type-submitbutton .col-form-label { display: none; } .moduletable.c-contact .rsform .rsform-type-submitbutton .formControls { width: 100%; text-align: center; } /* ******** */ /* BUY BOOK */ /* ******** */ .site.com_content.view-article.c-book .c-title { color: #32486b; } /* ******** */ /* CONTENTS */ /* ******** */ .c-body-aside { position: relative; } .moduletable.c-contents { padding: 15px; background: #f6f6f9; font-size: 90%; position: sticky; top: 0; } .moduletable.c-contents .js-toc ul { list-style: none; margin-left: 0; } .moduletable.c-contents .js-toc ul ul { margin-left: 25px; } .moduletable.c-contents .js-toc ul li { margin: 5px 0; } .moduletable.c-contents .js-toc ul li:not(:last-child) { padding-bottom: 5px; border-bottom: solid 1px rgba(0, 0, 0, 0.1); } .moduletable.c-contents .js-toc ul ul { display: none; margin-top: 4px; } .moduletable.c-contents .js-toc li.toc-open ul { display: block; } .moduletable.c-contents .js-toc a { color: inherit; font-weight: 400; text-decoration: none; } .moduletable.c-contents .js-toc a:hover { color: #a41034; text-decoration: underline; } .moduletable.c-contents .js-toc a.toc-active { font-weight: 700; color: #32486b; } .moduletable.c-contents .js-toc li.toc-has-children > a::before { content: ""; display: inline-block; width: 0; height: 0; margin-top: -3px; margin-right: 6px; vertical-align: middle; border-left: 5px solid currentColor; border-top: 4px solid transparent; border-bottom: 4px solid transparent; transition: transform 0.15s ease; } .moduletable.c-contents .js-toc li.toc-has-children.toc-open > a::before { transform: rotate(90deg); } /*# sourceMappingURL=custom_12.css.map */