.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.popup-template .modal{opacity:0;transition:all .25s ease}.popup-template .modal.is-open{opacity:1;transition:all .25s ease}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}.flickity-enabled {
position: relative;
}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
} .flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
} .flickity-button {
position: absolute;
background: hsla(0, 0%, 100%, 0.75);
border: none;
color: #333;
}
.flickity-button:hover {
background: white;
cursor: pointer;
}
.flickity-button:focus {
outline: none;
box-shadow: 0 0 0 5px #19F;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto; pointer-events: none;
}
.flickity-button-icon {
fill: currentColor;
} .flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%; transform: translateY(-50%);
}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; } .flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
} .flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
html, body {
background: #fff;
overflow-x: hidden;
font-weight: 300;
}
body {
--first-level-group-padding: 2em;
--gap-medium: 1em;
--body-padding-top: 5.1em;
padding-top: var(--body-padding-top) !important;
--wp--preset--font-size--medium: 30px;
--wp--custom--typography--line-height--normal: 1.45;
font-size: var(--wp--preset--font-size--medium);
line-height: var(--wp--custom--typography--line-height--normal);
}
@media (min-width: 450px) {
body {
--first-level-group-padding: 3em;
}
}
@media (min-width: 600px) {
body {
--first-level-group-padding: 3.334em;
--gap-medium: 1em;
}
}
@media (max-width: 1600px) {
body {
--wp--preset--font-size--medium: 25px;
--wp--custom--typography--line-height--normal: 1.45;
font-size: var(--wp--preset--font-size--medium);
line-height: var(--wp--custom--typography--line-height--normal);
}
}
@media (max-width: 1400px) {
body {
--wp--preset--font-size--medium: 22px;
--wp--custom--typography--line-height--normal: 1.45;
font-size: var(--wp--preset--font-size--medium);
line-height: var(--wp--custom--typography--line-height--normal);
}
}
@media (max-width: 1200px) {
body {
--wp--preset--font-size--medium: 20px;
--wp--custom--typography--line-height--normal: 1.45;
font-size: var(--wp--preset--font-size--medium);
line-height: var(--wp--custom--typography--line-height--normal);
}
}
.editor-hint {
border: 2px solid var(--wp--preset--color--vivid-cyan-blue);
color: var(--wp--preset--color--vivid-cyan-blue);
padding: 1em;
}
@media print {
body {
--wp--preset--color--primary: #fff;
--wp--preset--color--secondary: #fff;
--wp--preset--color--tertiary: #fff;
--wp--preset--color--quaternary: #222;
--wp--preset--color--foreground: #fff;
}
* {
-webkit-print-color-adjust: exact !important;
color-adjust: exact !important;
print-color-adjust: exact !important;
}
}
*:focus:not(:focus-visible) {
outline: none;
}
*:focus:focus-visible {
outline: 3px solid #fb184d;
outline-offset: 2px;
border-radius: 3px;
}
.flickity-enabled:focus:focus-visible {
outline: none !important
}
:where(.wp-block-group.has-background) {
padding: calc(var(--first-level-group-padding) / 2);
}
@media (min-width: 800px) {
:where(.wp-block-group.has-background) {
padding: 4.5em
}
} * {
box-sizing: border-box;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}
*:first-child {
margin-top: 0 !important;
margin-block-start: 0;
}
*:last-child {
margin-bottom: 0 !important;
margin-block-end: 0;
}
a {
color: inherit;
text-underline-offset: 0.3em;
text-decoration: none;
}
.editor-visual-editor a,
:where(.editor-styles-wrapper) a {
text-decoration: underline;
}
.has-foreground-background-color a:not(.has-text-color) {
color: inherit !important;
}
.entry-content p a:not(.has-text-color),
.entry-content li a:not(.has-text-color) {
color: var(--wp--preset--color--primary) !important;
text-decoration: none;
}
.entry-content p a:not(.has-text-color):hover,
.entry-content li a:not(.has-text-color):hover {
text-decoration: underline;
}
.entry-content {
}
.entry-content,
.entry-content > *:first-child {
margin-block-start: 0;
}
.entry-content > .wp-block-group.has-background,
.entry-content > .wp-block-group:not(.has-background) > .wp-block-group.has-background,
footer >  .wp-block-group.has-background {
margin-block-start: 0;
padding-top: var(--first-level-group-padding);
padding-bottom: var(--first-level-group-padding);
padding-left: calc(var(--first-level-group-padding) / 2);
padding-right: calc(var(--first-level-group-padding) / 2);
}
.entry-content > .wp-block-group:not(.has-background) > .wp-block-group {
margin-block-start: 0;
} header {
position: fixed;
top: 0;
z-index: 9999;
width: 100%;
box-shadow: 0 3px 6px rgba(0,0,0,0.05);
}
header > .wp-block-group.has-background {
padding-left: calc(var(--first-level-group-padding) / 2);
padding-right: calc(var(--first-level-group-padding) / 2);
padding-top: 1.6em;
padding-bottom: 1em;
}
header .wp-block-site-logo.is-default-size {
margin-top: -0.55em !important;
margin-right: auto;
}
header .wp-block-site-logo.is-default-size img {
width: 9em;
height: auto;
}
@media (max-width: 450px) {
header .wp-block-site-logo.is-default-size {
margin-top: -0.05em !important;
}
header .wp-block-site-logo.is-default-size img {
width: 8em;
}
}
header .main-header {
transition: all 0.3s ease-out;
}
header nav {
font-size: 0.73em;
line-height: 1.45;
font-weight: 600;
}
header ul.wp-block-navigation__container {
gap: 0 2em;
}
header nav ul.wp-block-navigation__container > li > ul {
position: absolute;
font-size: 0.9em !important;
line-height: 1.2 !important;
font-weight: 400 !important;
}
@media (max-width: 599px) {
header nav ul.wp-block-navigation__container > li > ul {
font-size: 1.2rem !important;
line-height: 1.2 !important;
}
}
header nav ul.wp-block-navigation__container > li > ul .submenu-wrap > li > a {
padding-left: 0.5em !important;
padding-top: 0.25em !important;
padding-bottom: 0.25em !important;
position: relative;
}
html header nav ul.wp-block-navigation__container > li > ul .submenu-wrap > li > ul > li {
display: block !important;
}
header nav ul.wp-block-navigation__container > li > ul .submenu-wrap > li > a::before,
header nav ul.wp-block-navigation__container > li > ul .submenu-wrap > li > ul > li a::before {
content: "";
display: block;
height: 1em;
width: 0.25em;
position: absolute;
top: 50%;
left: 0;
background: url(//syndicom.ch/app/themes/syndicom/assets/images/nav-arrow-right.svg) no-repeat center left;
background-size: contain;
transform: translateY(-55%)
}
header nav ul.wp-block-navigation__container > li > ul .submenu-wrap > li > ul > li a::before {
left: -9px;
}
header nav ul.wp-block-navigation__container > li > ul .submenu-wrap > li > a:hover {
color: var(--wp--preset--color--primary) !important;
}
header nav ul.wp-block-navigation__container > li > ul li {
display: block !important;
}
header nav ul.wp-block-navigation__container > li > ul ul {
position: static !important;
display: block !important;
visibility: visible !important;
height: auto !important;
width: auto !important;
opacity: 1 !important;
border: 0 !important;
margin-top: 0.25em !important;
margin-bottom: 0.25em !important;
padding-left: 1.5em !important;
background: unset !important;
}
header nav ul.wp-block-navigation__container > li > ul ul li {
list-style-type: disc !important;
display: list-item !important;
}
header nav ul.wp-block-navigation__container > li > ul ul li a {
padding: 0.1em 0.1em 0.1em 0.1em !important
}
header nav ul.wp-block-navigation__container > li > ul ul li a:hover {
color: var(--wp--preset--color--primary) !important;
}
@media (min-width: 801px) {
a.current-menu-ancestor,
li.current-menu-item > a {
font-weight: bold;
}
}
header .action-row {
margin-top: -0.5em;
}
header .action-row .wp-block-buttons {
font-size: 0.73em;
line-height: 1.45;
}
header .action-row .wp-block-buttons a {
border-radius: 0 !important;
padding: 0.25em 1em !important;
font-weight: 600;
font-size: 1em;
line-height: 1.45;
}
header .action-row .wp-block-buttons .search-button {
display: flex;
align-items: center;
margin-right: 0.5em;
}
header .action-row .wp-block-buttons .search-button a {
display: flex;
align-items: center;
color: #4b4b4b !important;
font-weight: normal !important;
}
header .action-row .wp-block-buttons .search-button a::after {
content: '';
position: relative;
top: 0.05em;
background: url(//syndicom.ch/app/themes/syndicom/assets/images/search.svg) no-repeat center !important;
background-size: contain !important;
display: block;
padding: 0 !important;
width: 0.85em;
height: 0.85em;
overflow: hidden;
transform: scale(1.2);
margin-left: 0.5em;
}
header p:empty {
display: none;
}
.language-switcher-holder {
display: flex;
font-size: 0.6em;
line-height: 1.2;
}
.language-switcher-holder .arrow {
display: block;
margin-left: auto;
position: relative;
background: url(//syndicom.ch/app/themes/syndicom/assets/images/arrow-down-blue.svg) no-repeat center;
background-size: 60% auto;
width: 1em;
height: 1em;
cursor: pointer;
}
@media (max-width: 599px) {
.language-switcher-holder .arrow {
transform: rotate(-90deg);
}
}
.language-switcher-holder:hover .arrow {
opacity: 0;
}
.language-switcher {
color: var(--wp--preset--color--primary);
font-weight: bold;
text-transform: uppercase;
font-size: 1em;
display: flex;
flex-flow: row nowrap;
white-space: nowrap;
gap: 5px;
width: 1.2em;
overflow: hidden;
height: 1.2em;
transition: all 0.2s ease-out;
margin-right: 1em !important;
position: relative;
}
.language-switcher:hover + .arrow {
transform: rotate(180deg);
}
.language-switcher-holder .language-switcher {
display: flex;
z-index: 10;
height: 2em;
padding: 1.1em;
width: 2.5em;
min-width: 2.5em;
margin-top: -1em !important;
transition: 0.6s;
box-sizing: border-box;
}
@media (min-width: 599px) {
.language-switcher-holder {
width: 4rem;
}
.language-switcher-holder .language-switcher {
position: absolute;
flex-direction: column;
width: 3em;
min-width: 3em;
}
}
@media (min-width: 599px) {
.language-switcher-holder:hover .language-switcher {
background-color: white !important;
}
}
@media (min-width: 599px) {
.language-switcher-holder:hover .language-switcher {
height: 6rem;
}
}
@media (max-width: 599px) {
.language-switcher-holder:hover .language-switcher {
width: 12rem;
min-width: 12rem;
}
.language-switcher-holder {
position: relative;
top: 0.05em;
}
.language-switcher-holder .language-switcher {
height: unset !important;
padding: 0 1.1em;
gap: 1.5em;
margin-top: 0 !important;
}
.language-switcher-holder .arrow {
height: 0.75em;
margin-left: 0.5em;
}
}
.language-switcher span {
display: block;
}
.language-switcher-holder:hover .language-switcher .current-lang-item {
color: #575757;
}
.language-switcher a {
text-decoration: none;
}
@media (max-width: 599px) {
.language-switcher-holder {
font-size: 0.8em;
line-height: 1.2;
}
.language-switcher {
pointer-events: none;
}
.language-switcher-holder.clickable .language-switcher {
pointer-events: all;
}
} body.home .entry-content > .wp-block-group:first-child > .wp-block-cover {
height: calc(100vh - 17em);
max-height: 700px;
min-height: 350px;
background: #eee;
}
header .scroll-indicator {
height: 0.25em;
background: #F3F3F3;
}
header .scroll-indicator .progress {
width: 20%;
height: 100%;
background: #32B4E9;
}
header .menu-bg {
display: block;
position: absolute !important;
bottom: 0 !important;
left: -1em !important;
padding: 0 !important;
width: calc(100% + 2em) !important;
max-width: calc(100% + 2em) !important;
height: 0;
background: var(--wp--preset--color--background) !important;
z-index: 0 !important;  } .main-nav {
}
.main-nav > ul > li > a {
position: relative;
cursor: pointer;
}
.main-nav > ul > li > a::before {
content: "";
display: block;
height: 4px;
background: var(--wp--preset--color--secondary);
position: absolute;
bottom: -5px;
width: 0;
border-radius: 99px;
left: 50%;
transform: translateX(-50%);
transition: all 0.2s ease-out;
}
.main-nav > ul > li:hover > a::before {
width: 100%;
}
.main-nav > ul > li > ul {
padding-top: 1em;
background: none !important;
box-shadow: none !important;
border: 0 !important;
}
@media (max-width: 800px) {
.main-nav {
display: none;
}
} button.header-nav-toggle {
width: 1.33rem;
height: 1.06rem;
-webkit-appearance: none;
appearance: none;
border: 0;
background: url(//syndicom.ch/app/themes/syndicom/assets/images/nav-toggle.svg) no-repeat center;
background-size: contain;
background-color: transparent;
cursor: pointer;
}
.sidebar-nav .is-content-justification-right p {
text-align: right;
}
.sidebar-nav button.header-nav-toggle {
background-image: url(//syndicom.ch/app/themes/syndicom/assets/images/nav-toggle-close.svg)
}
.entry-content,
footer,
header > *:not(.sidebar-nav) {
transition: filter 0.3s ease-out;
}
body.overlay-nav-open .entry-content,
body.overlay-nav-open footer,
body.overlay-nav-open header > *:not(.sidebar-nav),
body.overlay-nav-open .breadcrumb-holder {
filter: brightness(1.1) blur(5px);
}
.frontend .sidebar-nav {
transform: translateX(100%);
opacity: 1;
pointer-events: none;
width: 17em;
position: absolute;
top: 0;
right: 0;
height: 100vh;
z-index: 99999;
box-shadow: 0 3px 6px rgba(0,0,0,0.05);
transition: all 0.3s ease-out; overflow: auto;
}
body.overlay-nav-open .sidebar-nav {
transform: translateX(0);
opacity: 1;
pointer-events: all;
}
.sidebar-nav a {
color: #fff !important
}
.sidebar-nav > nav {
margin-top: 2em;
--navigation-layout-align: unset;
}
.sidebar-nav > nav > ul {
}
.sidebar-nav > nav > ul > li {
margin-bottom: 0.1em;
width: fit-content !important;
}
.sidebar-nav .submenu-wrap {
width: 100% !important;
}
.sidebar-nav > nav > ul > li > a {
font-size: 1.1em;
line-height: 1.2;
font-weight: 700;
margin-bottom: 0.75em;
}
@media (max-width: 599px) {
.sidebar-nav > nav > ul > li > a {
font-size: 1.4em;
line-height: 1.2;
}
}
.sidebar-nav > nav > ul > li > a > span {
position: relative;
}
.sidebar-nav > nav > ul > li > a > span::before {
content: "";
display: block;
height: 4px;
background: var(--wp--preset--color--secondary);
position: absolute;
bottom: -5px;
width: 0%;
border-radius: 99px;
right: 0;
transition: all 0.2s ease-out;
}
.sidebar-nav > nav > ul > li:hover > a > span::before,
.sidebar-nav > nav > ul > li.is-active > a > span::before {
width: 100%;
}
.sidebar-nav > nav > ul li {
display: block !important;
text-align: right;
cursor: pointer;
}
.sidebar-nav > nav > ul li ul,
.sidebar-nav > nav > ul li:hover ul {
flex-basis: 100% !important;
position: static !important;
display: block !important;
height: 0px !important;
width: 0px !important;
visibility: hidden !important;
opacity: 0 !important;
background: transparent !important;
border: 0 !important;
color: #fff;
text-align: right !important;
}
.sidebar-nav > nav > ul li.is-active ul,
.sidebar-nav > nav > ul li.is-active:hover ul {
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
width: 100% !important;
margin-bottom: 1em !important
}
body.frontend .sidebar-nav > nav ul ul ul {
list-style-type: none !important;
padding-left: 0;
padding-right: 1em;
margin-right: 1px;
border-right: 1px solid var(--wp--preset--color--secondary) !important;
margin-bottom: 1em !important;
}
body.frontend .sidebar-nav > nav ul ul ul li {
list-style-type: none !important;
text-align: right !important;
}
body.frontend .sidebar-nav > nav ul ul ul li a {
text-align: right !important;
display: block !important;
}
.sidebar-nav > nav > ul ul li a:hover,
.sidebar-nav > nav > ul ul li a:hover *,
.sidebar-nav > nav > ul ul li.is-hover a,
.sidebar-nav > nav > ul ul li.is-hover a * {
color: var(--wp--preset--color--secondary) !important;
}
.sidebar-nav .submenu-wrap > li > a::before {
left: auto !important;
right: 0 !important;
background: url(//syndicom.ch/app/themes/syndicom/assets/images/sidebar-arrow.svg) no-repeat center left !important;
}
.sidebar-nav .mobile-nav {
}
.sidebar-nav > nav.mobile-nav > ul > li > a {
font-size: 1.4em;
line-height: 1.2;
}
.sidebar-nav > nav.mobile-nav > ul > li > ul a {
font-size: 1.2em;
line-height: 1.2;
font-weight: 700;
}
.sidebar-nav > nav.mobile-nav > ul > li > ul ul a {
font-size: 1em;
line-height: 1.2;
font-weight: 400;
}
@media (min-width: 801px) {
.frontend .sidebar-nav .mobile-nav {
display: none;
}
}
@media (max-width: 599px) {
.sidebar-nav > nav.mobile-nav > ul > li > a {
font-size: 1.4rem;
line-height: 1.2;
}
.sidebar-nav > nav.mobile-nav > ul > li > ul a {
font-size: 1.2rem;
line-height: 1.2;
font-weight: 700;
}
.sidebar-nav > nav.mobile-nav > ul > li > ul ul a {
font-size: 1.2rem;
line-height: 1.2;
font-weight: 400;
}
} .is-style-narrow {
max-width: 38.8em !important;
} .is-style-narrow-mid {
max-width: 30.933em !important;
}
strong {
font-weight: 600 !important;
} .wp-block-button:not([class*='is-style-']) .wp-block-button__link {
transition: color 0.2s ease-out, background 0.2s ease-out;
}
.wp-block-button:not([class*='is-style-']) .wp-block-button__link:hover,
.wp-block-button.is-style-fill .wp-block-button__link:hover {
background: var(--wp--preset--color--primary);
color: var(--wp--preset--color--background);
}
.has-primary-background-color .wp-block-button:not([class*='is-style-']) .wp-block-button__link:hover,
.has-primary-background-color .wp-block-button.is-style-fill .wp-block-button__link:hover,
.has-primary-background-color .wp-block-button.is-style-outline .wp-block-button__link:hover {
background: var(--wp--preset--color--background) !important;
color: var(--wp--preset--color--primary) !important;
} .wp-block-button.is-style-outline .wp-block-button__link {
background: transparent !important;
} .wp-block-button.is-style-underline {
font-size: 0.66em;
line-height: 1.25
}
.wp-block-button.is-style-underline .wp-block-button__link {
padding: 0 !important;
font-weight: 600;
font-size: 1em;
line-height: 1.45;
background: transparent !important;
position: relative !important;
}
.wp-block-button.is-style-underline .wp-block-button__link::before {
content: "";
display: block;
height: 4px;
background: var(--wp--preset--color--foreground);
position: absolute;
bottom: -2px;
width: 100%;
border-radius: 99px;
}
.wp-block-button.is-style-underline .wp-block-button__link.has-primary-background-color::before { background: var(--wp--preset--color--primary); }
.wp-block-button.is-style-underline .wp-block-button__link.has-secondary-background-color::before { background: var(--wp--preset--color--secondary); }
.wp-block-button.is-style-underline .wp-block-button__link.has-tertiary-background-color::before { background: var(--wp--preset--color--tertiary); }
.wp-block-button.is-style-underline .wp-block-button__link.has-quaternary-background-color::before { background: var(--wp--preset--color--quaternary); }
.wp-block-button.is-style-underline .wp-block-button__link.has-quinary-background-color::before { background: var(--wp--preset--color--quinary); }
.wp-block-button.is-style-underline .wp-block-button__link.has-foreground-background-color::before { background: var(--wp--preset--color--foreground); }
.wp-block-button.is-style-underline .wp-block-button__link.has-background-background-color::before { background: var(--wp--preset--color--background); }
.wp-block-button.is-style-underline .wp-block-button__link.has-rosa-background-color::before { background: var(--wp--preset--color--rosa); } .wp-block-columns.intro-ctas {
--gap: 2em;
gap: var(--gap) !important;
}
.wp-block-columns.intro-ctas > .wp-block-column {
position: relative;
}
.wp-block-columns.intro-ctas > .wp-block-column + .wp-block-column::before {
content: "";
display: block;
background: #F2F2F2;
width: 6px;
border-radius: 99px;
height: calc(100% - 4.75em);
position: absolute;
left: -3px;
margin-left: calc(var(--gap) * -0.5);
bottom: 0;
}
.intro-ctas .intro-icon img {
width: auto;
height: 3.5em;
}
@media (min-width: 400px) and (max-width: 781px) {
.wp-block-columns.intro-ctas {
--gap: 1em;
gap: calc(var(--gap) * 2) var(--gap) !important;
}
.wp-block-columns.intro-ctas > .wp-block-column {
flex-basis: calc(50% - var(--gap)) !important;
}
.wp-block-columns.intro-ctas > .wp-block-column + .wp-block-column:nth-child(odd)::before {
display: none;
}
} p.is-style-lead {
font-size: 1.23em;
line-height: 1.27;
} .yoast-breadcrumbs {
font-size: 0.667em;
line-height: 1.1;
max-width: 100% !important;
}
.breadcrumb-holder {
margin-top: 0 !important;
padding-top: var(--first-level-group-padding);
padding-bottom: 1em;
}
.home .breadcrumb-holder {
display: none;
}
.breadcrumb-holder + .entry-content > .wp-block-group.has-primary-background-color:first-child {
padding-top: 0 !important;
}  .wp-block-media-text:not([class*='is-style-']) {
}
.wp-block-media-text:not([class*='is-style-']).has-background .wp-block-media-text__content {
padding-top: 1em !important;
padding-bottom: 1em !important;
} ul {
padding-left: 1.2em;
}
ul li.is-style-check {
list-style-type: none;
position: relative;
}
ul li.is-style-check::before {
content: "";
width: 1em;
height: 1em;
background: url(//syndicom.ch/app/themes/syndicom/assets/images/check.svg) no-repeat left center;
position: absolute;
top: 0.2em;
left: -1.2em;
} ul.is-style-linklist {
padding-left: 4em;
list-style-type: none;
}
ul.is-style-linklist li {
position: relative;
}
ul.is-style-linklist li + li {
margin-top: 1.25em;
}
ul.is-style-linklist li a {
text-decoration: none;
}
ul.is-style-linklist li::before {
content: "";
display: block;
position: absolute;
background: url(//syndicom.ch/app/themes/syndicom/assets/images/linklist-arrow.svg) no-repeat center;
background-size: contain;
width: 0.67em;
height: 1em;
left: -2.8em;
top: 50%;
transform: translateY(-50%);
} .article-meta-nav {
border-top: 2px solid #575757;
padding: 0.667em 0;
margin-top: 2em;
}
.share-bar {
gap: 0.5em;
}
.share-bar > p {
white-space: nowrap;
}
.social-share-buttons {
display: flex;
flex-flow: row wrap;
align-items: center;
gap: 0.25em;
}
.social-share-buttons > a {
width: 1.2em;
height: 1.2em;
overflow: hidden;
display: block;
background-size: contain;
background-repeat: no-repeat;
text-indent: -1000px;
}
.social-share-buttons > a.share-linkedin { background-image: url(//syndicom.ch/app/themes/syndicom/assets/images/share-linkedin.svg); }
.social-share-buttons > a.share-facebook { background-image: url(//syndicom.ch/app/themes/syndicom/assets/images/share-facebook.svg); }
.social-share-buttons > a.share-instagram { background-image: url(//syndicom.ch/app/themes/syndicom/assets/images/share-instagram.svg); }
.social-share-buttons > a.share-whatsapp { background-image: url(//syndicom.ch/app/themes/syndicom/assets/images/share-whatsapp.svg); } .wp-block-media-text[class*='is-style-stacked'] {
display: block;
}
.wp-block-media-text[class*='is-style-stacked'] .wp-block-media-text__media {
background: #eee;
}
.wp-block-media-text[class*='is-style-stacked'] .wp-block-media-text__media img,
.wp-block-media-text[class*='is-style-stacked'] .wp-block-media-text__media video {
width: 100%;
aspect-ratio: 2 / 1;
object-fit: cover;
}
.wp-block-media-text.is-style-stacked-spacious .wp-block-media-text__media img,
.wp-block-media-text.is-style-stacked-spacious .wp-block-media-text__media video {
aspect-ratio: 3 / 2;
}
.wp-block-media-text[class*='is-style-stacked'].has-background .wp-block-media-text__content,
.wp-block-media-text[class*='is-style-stacked'].has-background-color .wp-block-media-text__content {
padding: 0.67em;
}
.wp-block-media-text.is-style-stacked-spacious.has-background .wp-block-media-text__content,
.wp-block-media-text.is-style-stacked-spacious.has-background-color .wp-block-media-text__content {
padding: 1.66em 1em;
}
.wp-block-media-text[class*='is-style-logo'] {
display: block;
min-height: 100%;
align-self: stretch;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
border-radius: 8px;
border: solid 2px rgba(0, 0, 0, 0.3);
cursor: pointer;
}
.wp-block-media-text[class*='is-style-logo'].has-tertiary-background-color {
border: solid 1px rgba(0, 0, 0, 0.1);
}
.wp-block-media-text[class*='is-style-logo'] .wp-block-media-text__media {
cursor: pointer;
border: solid 20px transparent;
background: transparent;
}
.wp-block-media-text[class*='is-style-logo'] .wp-block-media-text__media img,
.wp-block-media-text[class*='is-style-logo'] .wp-block-media-text__media video {
width: 100%;
aspect-ratio: 2 / 1;
object-fit: cover;
}
.wp-block-media-text[class*='is-style-logo'].has-background .wp-block-media-text__content,
.wp-block-media-text[class*='is-style-logo'].has-background-color .wp-block-media-text__content {
padding: 0px 20px 20px 20px;
} .is-style-row-2,
.is-style-row-3,
.is-style-row-4,
.is-style-row-6 {
gap: var(--gap-medium) var(--gap-medium);
flex-flow: row wrap !important
}
.is-style-row-2 > *[class*='wp-block'],
.is-style-row-2 .flickity-slider > *,
.is-style-row-3 > *[class*='wp-block'],
.is-style-row-3 .flickity-slider > *,
.is-style-row-4 > *[class*='wp-block'],
.is-style-row-4 .flickity-slider > *,
.is-style-row-6 > *[class*='wp-block'],
.is-style-row-6 .flickity-slider > * {
width: 100% !important
}
@media (min-width: 600px) {
.is-style-row-2 > *[class*='wp-block'],
.is-style-row-2 .flickity-slider > *,
.is-style-row-3 > *[class*='wp-block'],
.is-style-row-3 .flickity-slider > *,
.is-style-row-4 > *[class*='wp-block'],
.is-style-row-4 .flickity-slider > *,
.is-style-row-6 > *[class*='wp-block'],
.is-style-row-6 .flickity-slider > * {
width: calc(50% - var(--gap-medium)*0.5) !important;
gap: var(--gap-medium);
}
}
@media (min-width: 900px) {
.is-style-row-3 > *[class*='wp-block'],
.is-style-row-3 .flickity-slider > * {
width: calc(33.33% - var(--gap-medium)*0.667) !important;
}
.is-style-row-3 .flickity-slider > * {
width: calc(33.33% - 1.5em) !important;
}
.is-style-row-4 > *[class*='wp-block'],
.is-style-row-4 .flickity-slider > * {
width: calc(25% - var(--gap-medium)*0.75) !important;
}
.is-style-row-6 > *[class*='wp-block'],
.is-style-row-6 .flickity-slider > * {
width: calc(16.66% - var(--gap-medium)*0.834) !important;
}
}
div[class*='is-style-row-'] > .wp-block-media-text[class*='is-style-stacked'] {
min-height: 100%;
align-self: stretch;
} footer {
margin-top: 3em;
}
.error404 footer {
margin-top: 0 !important;
}
footer a:hover {
color: var(--wp--preset--color--primary) !important;
}
footer .footer-cols {
}
footer .footer-cols > * {
font-size: 0.67em;
line-height: 1.4;
}
@media (max-width: 599px) {
footer .footer-cols > * {
font-size: 0.9em;
line-height: 1.4;
}
}
footer .is-footer-quicknav {
flex: 1;
}
footer .is-footer-quicknav p.has-large-font-size + p.has-large-font-size {
margin-top: 0.5em;
}
footer .is-footer-contact {
flex: 2;
}
footer .is-footer-mainnav {
flex: 3;
}
footer .is-footer-mainnav > .wp-block-group {
width: 100%;
}
footer .is-footer-mainnav > .wp-block-group + .wp-block-group {
margin-top: 2em;
}
footer .is-footer-mainnav > .wp-block-group > * {
flex: 1;
}
footer .is-imprint {
font-size: 0.5em !important;
line-height: 1.2 !important;
padding-top: 1em !important;
padding-bottom: 1em !important;
font-weight: 600 !important;
}
footer .is-imprint .is-layout-flex {
gap: 1em !important;
}
@media (max-width: 599px) {
footer .is-imprint {
font-size: 0.7em !important;
line-height: 1.2 !important;
}
footer .is-imprint .is-layout-flex {
flex-flow: row wrap !important;
}
}
footer .is-address,
footer .is-mail,
footer .is-phone {
padding-left: 1.5em;
position: relative;
}
footer .is-address svg,
footer .is-mail svg,
footer .is-phone svg {
position: absolute;
left: 0;
top: 0.1em;
width: 1.2em;
height: auto;
}
footer .is-phone svg {
width: 1.25em;
}
footer .is-address svg {
width: 0.8em;
}
footer .wp-block-social-links a {
font-size: 1.3em;
}
@media (max-width: 800px) {
footer .is-footer-contact {
width: 100%;
flex: unset;
margin-bottom: 3em;
}
}
.editor-editor-canvas__post-title-wrapper {
margin-top: 0 !important;
}
h1.editor-post-title {
border: 1px dashed var(--wp-admin-theme-color);
padding: 0.5em;
margin: 0 1em 1em 1em !important;
}
.grid-button-holder {
align-self: center;
} body:not(.frontend) .wp-block-group.is-style-slider,
body:not(.frontend) .wp-block-query.is-style-slider {
border: 2px solid var(--wp--preset--color--primary);
position: relative;
padding: 1em;
}
body:not(.frontend) .wp-block-group.is-style-slider > *,
body:not(.frontend) .wp-block-query.is-style-slider li.wp-block-post  {
border: 2px solid var(--wp--preset--color--primary);
position: relative;
}
body:not(.frontend) .wp-block-group.is-style-slider > *::before,
body:not(.frontend) .wp-block-query.is-style-slider li.wp-block-post::before {
content: "Slide";
position: absolute;
left: 0;
top: 0;
padding: 0.5em 1em;
background: var(--wp--preset--color--primary);
z-index: 9999;
font-weight: bold;
color: #fff;
font-size: 13px;
opacity: 0.7;
}
.flickity-slider > * {
margin-top: 0 !important
}
.flickity-viewport,
.flickity-slider {
width: 100%;
}
.flickity-slider > * {
width: 100%;
margin: 0 1em;
opacity: 0;
transition: opacity 0.5s ease-out;
}
.flickity-slider > *.is-selected {
opacity: 1;
}
.flickity-viewport {
overflow: visible;
}
.flickity-page-dots {
display: flex;
flex-flow: row wrap;
gap: 0.5em;
justify-content: center;
left: 0;
width: 100%;
padding: 0;
position: relative;
bottom: auto;
margin-top: 2em;
margin-bottom: 2em !important;
padding-left: 0 !important
}
.entry-content .flickity-page-dots {
padding-left: 0 !important
}
.entry-content .flickity-page-dots li.dot {
margin: 0;
width: 0.8em;
height: 0.8em;
opacity: 1;
background: none;
border: 2px solid var(--wp--preset--color--primary)
}
.entry-content .flickity-page-dots li.dot.is-selected {
background: var(--wp--preset--color--primary)
}
.entry-content .flickity-prev-next-button {
background: none !important;
color: var(--wp--preset--color--primary);
}
.entry-content .flickity-prev-next-button svg {
}
.entry-content .is-style-narrow-mid .flickity-prev-next-button.previous {
left: -5em !important;
}
.entry-content .is-style-narrow-mid .flickity-prev-next-button.next {
right: -5em !important;
}
.wp-block-file {
font-size: 0.833em;
line-height: 1.2;
}
.wp-block-file > a,
.wp-block-file .wp-block-file__content-wrapper > a,
.wp-block-button.is-style-external .wp-block-button__link {
text-decoration: none !important;
font-weight: 600 !important;
background: #F6F6F6 !important;
color: #575757 !important;
padding: 0.5em 0.75em !important;
display: block !important;
border-radius: 0 !important;
width: 100% !important;
text-align: left !important;
}
.wp-block-button.is-style-external {
width: 100% !important;
}
.wp-block-file .file-meta {
font-weight: 300;
font-size: 0.8em;
line-height: 1.2;
}
.campaign-meta,
.pressrelease-meta {
font-weight: 500;
font-size: 0.667em;
line-height: 120%;
}
.campaign-meta + p,
.pressrelease-meta + p {
margin-top: 0 !important;
}
.wp-block-group.pressrelease-meta {
gap: 0.3em;
}
.box-icon {
margin-bottom: 0.5em !important;
}
.box-icon + h2,
.box-icon + h3 {
margin-top: 0 !important
}
.wp-block-custom-person-item {
display: flex;
flex-flow: row wrap;
gap: 0.6em;
}
.wp-block-custom-person-item .person-image {
flex: 2;
}
.wp-block-custom-person-item .meta-holder {
flex: 3;
}
.wp-block-custom-person-item .person-image img {
width: 100%;
height: auto;
aspect-ratio: 10 / 7.5;
object-fit: cover;
object-position: center
}
.wp-block-custom-person-item h3.person-name {
margin-bottom: 0;
font-weight: 600;
}
.wp-block-custom-person-item div[class^='person-'],
.wp-block-custom-person-item a.person-phone,
.wp-block-custom-person-item a.person-email {
font-size: 0.66em;
line-height: 1.5;
}
.wp-block-custom-person-item a.person-phone {
display: block;
}
.wp-block-custom-person-item a.person-phone,
.wp-block-custom-person-item .person-email a {
color: var(--wp--preset--color--primary) !important;
text-decoration: none !important;
}
.employee-more-info {
}
.employee-more-info h3 {
margin-bottom: 0;
}
.employee-more-info h3 + p {
margin-top: 0;
}
body:not(.frontend) .is-root-container > .wp-block-group,
body:not(.frontend) .is-root-container > .is-reusable {
border: 2px solid #00c2ff;
}
body:not(.frontend) .is-root-container > .is-reusable {
border: 2px solid #7a00df;
}
body:not(.frontend) .is-root-container > .wp-block-group + *,
body:not(.frontend) .is-root-container > .is-reusable + * {
margin-top: 0.5em;
}
body:not(.frontend) .is-root-container > .wp-block-group::before,
body:not(.frontend) .is-root-container > .is-reusable::before {
content: "Abschnitt";
font-weight: bold;
position: absolute;
background: #00c2ff;
color: #fff;
display: block;
padding: 0.5em 1em;
font-size: 14px;
line-height: 1.2;
top: 0;
left: 0;
z-index: 9;
}
body:not(.frontend) .is-root-container > .is-reusable::before {
content: "Synchronisierter Abschnitt";
background: #7a00df;
}
.wp-block-query {
margin-bottom: 2em;
}
.wp-block-query > ul {
padding-left: 0;
list-style-type: none;
}
.wp-block-query > ul > li.type-pressrelease {
padding-left: 2.5em;
position: relative;
}
.wp-block-query > ul > li.type-pressrelease::before {
content: "";
display: block;
height: 1.16em;
width: 0.6em;
position: absolute;
top: 0;
left: 0;
background: url(//syndicom.ch/app/themes/syndicom/assets/images/query-arrow-right.svg) no-repeat center left;
background-size: contain;
transform: translateY(5%)
}
.wp-block-query > ul > li.type-pressrelease > h2:first-child,
.wp-block-query > ul > li.type-pressrelease > h3:first-child {
margin-bottom: 0.5em;
font-weight: 600;
}
.wp-block-query > ul > li.type-pressrelease > h2 a,
.wp-block-query > ul > li.type-pressrelease > h3 a {
text-decoration: none;
}
.wp-block-query > ul > li.type-pressrelease .wp-block-post-date {
font-size: 0.66em;
font-weight: 400;
}
.wp-block-query > ul > li + li {
margin-top: 2em;
}
.wp-block-query > ul > li.type-article + li.type-article {
margin-top: 1em;
}
.wp-block-query.advisory-query > ul > li.type-article {
padding-left: 2.5em;
position: relative;
}
.wp-block-query.advisory-query > ul > li.type-article::before {
content: "";
display: block;
height: 1.16em;
width: 0.6em;
position: absolute;
top: 0;
left: 0;
background: url(//syndicom.ch/app/themes/syndicom/assets/images/query-arrow-right.svg) no-repeat center left;
background-size: contain;
transform: translateY(5%)
}
.wp-block-query.advisory-query > ul > li.type-article h3 a {
text-decoration: none;
}
.wp-block-query.advisory-query > ul > li.type-article h3 a:hover {
color: var(--wp--preset--color--primary) !important
}
.wp-block-query-pagination {
margin-top: 2em;
} .alphabet-list {
margin: 0 0 2em 0;
width: 100%;
max-width: 100%;
display: flex;
flex-flow: row wrap;
gap: 0;
}
.alphabet-list > * {
flex: 1;
display: block;
aspect-ratio: 1 / 1;
background: var(--wp--preset--color--tertiary);
color: #777;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
text-decoration: none;
border: 2px solid #fff;
}
@media (max-width: 800px) {
.alphabet-list > * {
width: 7.69%;
flex: unset;
}
}
.alphabet-list > a {
cursor: pointer;
background: var(--wp--preset--color--primary);
color: var(--wp--preset--color--background) !important;
transition: all 0.15s ease-out;
}
.alphabet-list > a.is-active {
cursor: pointer;
background: #32B4E9;
font-weight: bold;
transform: scale(1.3);
color: var(--wp--preset--color--background) !important;
box-shadow: 0 0 0.5em rgba(0,0,0,0.2);
}
.letter-overview {
display: none;
}
.letter-overview.is-active {
display: block;
} .wp-block-columns.is-style-accordion {
display: block;
padding: 0;
box-sizing: border-box; margin-top: 0 !important;
margin-bottom: 0 !important;
}
.wp-block-columns.is-style-accordion + .wp-block-columns.is-style-accordion {
border-top: 0;
margin-top: 2px !important;
}
.wp-block-columns.is-style-accordion:hover,
.wp-block-columns.is-style-accordion.is-open {
}
.wp-block-columns.is-style-accordion.is-open {
}
.wp-block-columns.is-style-accordion .wp-block-column {
box-sizing: border-box;
width: 100%;
padding: 1em 3em 1em 1em !important;
margin: 0 !important;
}
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(1),
.wp-block-columns.is-style-accordion.is-open:last-child .wp-block-column:nth-child(1) {
cursor: pointer;
position: relative;
}
.wp-block-columns.is-style-accordion:last-child .wp-block-column:nth-child(1) {
background: var(--wp--preset--color--tertiary)
}
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(1) h2 {
font-size: 1.5em !important;
line-height: 100% !important;
}
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(1)::before {
content: "";
display: block;
width: 0.75em;
height: 0.75em;
background: url(//syndicom.ch/app/themes/syndicom/assets/images/accordion-plus-blue.svg) no-repeat center;
background-size: 100% auto;
position: absolute;
right: 1em;
top: 50%;
transform: translateY(-50%);
transition: all 0.4s ease-in-out;
}
.reduced-motion .wp-block-columns.is-style-accordion .wp-block-column:nth-child(1)::before {
transition: all 0s;
}
@media print {
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(1)::before {
display: none;
}
}
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(1) h3 {
font-weight: 600;
}
.wp-block-columns.is-style-accordion.is-open .wp-block-column:nth-child(1)::before {
transform: translateY(-50%) rotate(180deg);
background-image: url(//syndicom.ch/app/themes/syndicom/assets/images/accordion-minus-blue.svg)
}
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(1) > *:first-child {
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-block-start: 0 !important;
}
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(2) {
margin: 0 auto !important;
padding-right: 0 !important;
overflow: hidden;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.frontend .wp-block-columns.is-style-accordion .wp-block-column:nth-child(2) {
display: none;
}
@media print {
.frontend .wp-block-columns.is-style-accordion .wp-block-column:nth-child(2) {
display: block;
}
}
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(2) > *:first-child {
margin-top: 1em !important;
}
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(2) > *:last-child {
margin-bottom: 1em !important;
}
iframe.yumpu-iframe {
border: 0;
width: 100% !important;
max-width: 100% !important;
height: auto;
aspect-ratio: 2 / 1;
max-height: calc(100vh - var(--body-padding-top));
}
.otgs-development-site-front-end {
display: none;
}
#location-map {
width: 100%;
aspect-ratio: 16 / 9;
}
.pac-search {
display: flex;
flex-flow: row wrap;
gap: 0.5em;
}
#pac-input {
flex: 1;
}
#pac-input,
.js-pac-reset {
font: inherit;
font-size: 0.833em;
font-weight: 400;
outline: none;
border: 0;
border-radius: 99px;
width: 100%;
padding: 0.75em 3em 0.75em 3em;
}
#pac-input:placeholder {
color: #575757;
}
.js-pac-reset {
display: none;
width: auto;
background: var(--wp--preset--color--secondary);
font-weight: 500;
}
.js-pac-reset.show {
display: block !important;
}
.location-search-holder {
padding: 1.3em 4em;
margin-bottom: 2em;
}
.pac-container {
margin-top: 0.5em;
border-radius: 1em;
padding: 1em;
box-shadow: 0 0 1em rgba(0,0,0,0.2)
}
.pac-container .pac-item {
padding-top: 0.75em;
padding-bottom: 0.75em;
}
.pac-container .pac-item,
.pac-container .pac-item > * {
font-size: 1rem !important;
line-height: 1.2 !important;
}
.location-query {
}
.location-query > ul > li {
margin: 0 0 0.5em 0 !important;
padding-left: 2.5em;
position: relative;
}
.location-query > ul > li::before {
content: "";
display: block;
height: 1.16em;
width: 0.6em;
position: absolute;
top: 0;
left: 0;
background: url(//syndicom.ch/app/themes/syndicom/assets/images/query-arrow-right.svg) no-repeat center left;
background-size: contain;
transform: translateY(5%)
}
.location-query h3 {
margin: 0 !important;
display: inline-block !important;
position: relative;
}
.location-query h3 a {
text-decoration: none;
transition: all 0.1s ease-out;
position: relative;
z-index: 1;
}
.location-query h3 a:hover,
.location-query .highlight h3 a {
color: var(--wp--preset--color--primary) !important;
}
.location-query .highlight h3::before {
content: "";
position: absolute;
width: 100%;
height: 0.5em;
bottom: 0;
background: var(--wp--preset--color--secondary) !important;
z-index: 0;
opacity: 0.8
}
.wp-block-query-pagination {
align-items: center;
}
.wp-block-query-pagination-numbers {
display: flex;
flex-flow: row wrap;
gap: 0.2em;
margin: 0 !important;
}
.wp-block-query-pagination-numbers .page-numbers,
.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
margin: 0 !important;
display: block;
text-decoration: none;
border-radius: 99px;
border: 2px solid var(--wp--preset--color--primary);
padding: 0 0.5em;
color: var(--wp--preset--color--primary) !important;
}
.wp-block-query-pagination-numbers .page-numbers.current {
font-weight: bold;
background: var(--wp--preset--color--primary);
color: #fff !important;
}
.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
text-indent: -1000px;
overflow: hidden;
width: 1.6em;
position: relative;
}
.wp-block-query-pagination-next::before,
.wp-block-query-pagination-previous::before {
content: "";
display: block;
width: 100%;
height: 100%;
background: url(//syndicom.ch/app/themes/syndicom/assets/images/nav-arrow-right.svg) no-repeat center;
background-size: 30% auto !important;
position: absolute;
top: 0;
left: 0;
}
.wp-block-query-pagination-previous::before {
transform: rotate(180deg);
}
.wp-block-search {
}
.error404 .wp-block-search {
margin-right: 2em;
flex: 1;
}
.wp-block-search__inside-wrapper  {
border: 0;
padding: 0 !important;
width: 100% !important;
position: relative;
}
.wp-block-search__input {
font: inherit;
font-size: 0.833em;
font-weight: 400;
outline: none;
border: 0;
border-radius: 99px;
width: 100%;
padding: 0.75em 3em 0.75em 1.75em;
}
.wp-block-search__button {
padding: 0 !important;
color:  var(--wp--preset--color--primary);
background: transparent !important;
position: absolute;
top: 50%;
right: 0.75em;
transform: translateY(-50%);
}
.letter-overview {
}
.letter-overview ul {
padding-left: 0;
list-style-type: none;
}
.letter-overview .glossar-item {
padding-left: 2.5em;
position: relative;
margin-bottom: 0.25em;
}
.letter-overview .glossar-item::before {
content: "";
display: block;
height: 1.16em;
width: 0.6em;
position: absolute;
top: 0;
left: 0;
background: url(//syndicom.ch/app/themes/syndicom/assets/images/query-arrow-right.svg) no-repeat center left;
background-size: contain;
transform: translateY(5%)
}
.letter-overview .glossar-item a {
text-decoration: none;
}
.letter-overview .glossar-item a:hover {
color:  var(--wp--preset--color--primary) !important;
}
a.stoerer-link {
display: block;
width: fit-content;
text-decoration: none !important;
}
.stoerer {
transform: rotate(10deg);
background: var(--wp--preset--color--secondary);
border-radius: 100%;
width: 9em;
height: 9em;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
text-align: center;
color: var(--wp--preset--color--foreground);
font-size: 1.1em;
line-height: 1.2;
font-weight: 700;
padding: 1em;
cursor: pointer;
text-decoration: none !important;
}
.stoerer:hover {
background: #fff;
color: var(--wp--preset--color--primary)
}
.stoerer:hover svg * {
stroke: var(--wp--preset--color--primary);
fill: var(--wp--preset--color--primary);
}
.stoerer .stoerer-inner {
width: 100%;
}
.stoerer .stoerer-inner > svg:first-child {
display: block;
margin: 0 auto 0.25em auto !important;
width: 2em;
height: auto;
}
.sidebar-nav .stoerer {
margin-top: 3em; }
.wpcf7 {
max-width: 35em !important;
margin-left: 0 !important;
margin-right: auto;
}
.wpcf7 .flex {
display: flex;
flex-flow: row wrap;
gap: 2em 0.5em;
}
.wpcf7 .half {
width: 100%;
}
.wpcf7 label {
color: #575757 !important
}
.wpcf7-list-item-label a {
text-decoration: underline;
}
@media (min-width: 600px) {
.wpcf7 .half {
width: calc(50% - 0.25em) !important;
}
.wpcf7 .half .inner-right {
padding-left: 2em;
}
}
.wpcf7 p.has-large-font-size {
margin-bottom: 1em !important;
}
.wpcf7 p.has-large-font-size:not(:first-child) {
margin-top: 1.5em !important;
}
.cmplz-marketing .wpcf7 {
display: block;
}
.wpcf7-cookie-alert {
display: block;
border: 0 !important;
border-left: 0.5em solid #dfbd29 !important;
padding: 2em !important;
background: #fff;
box-shadow: 0 0 0.5em rgba(0,0,0,0.1);
font-family: var(--wp--preset--font-family--ui);
}
.cmplz-marketing .wpcf7-cookie-alert {
display: none;
}
.wpcf7 input[type='text'],
.wpcf7 input[type='email'],
.wpcf7 input[type='phone'],
.wpcf7 input[type='tel'],
.wpcf7 input[type='date'],
.wpcf7 input[type='password'],
.wpcf7 input[type='submit'],
.wpcf7 select,
.wpcf7 textarea,
#mc_embed_signup .mc-field-group input {
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
outline: none;
min-height: 2.3em;
border: none;
border-bottom: 1px solid #fff;
background: #fff;
border-radius: 0;
font-family: var(--wp--preset--font-family--ui);
font-size: 1em;
line-height: 120%;
padding: 0.5em 0.5em;
width: 100%;
margin: 0 0 0.5em 0 !important;
}
.contrast-mode .wpcf7 input[type='text'],
.contrast-mode .wpcf7 input[type='email'],
.contrast-mode .wpcf7 input[type='phone'],
.contrast-mode .wpcf7 input[type='tel'],
.contrast-mode .wpcf7 input[type='date'],
.contrast-mode .wpcf7 input[type='password'],
.contrast-mode .wpcf7 select,
.contrast-mode .wpcf7 textarea {
background: #fff;
border: 1px solid #222 !important;
}
.wpcf7 input[type='text']:focus,
.wpcf7 input[type='email']:focus,
.wpcf7 input[type='phone']:focus,
.wpcf7 input[type='tel']:focus,
.wpcf7 input[type='date']:focus,
.wpcf7 input[type='password']:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus
#mc_embed_signup .mc-field-group input:focus {
}
.wpcf7 input[type='submit'] {
font-size: 1em !important;
line-height: 1.2 !important;
background-color: var(--wp--preset--color--secondary);
border-radius: 999px;
border-width: 2px;
color: var(--wp--preset--color--foreground);
font-family: var(--wp--preset--font-family--headlines);
font-size: var(--wp--preset--font-size--small);
font-weight: 600;
letter-spacing: 0.02em;
line-height: 1.6;
padding: 0.5em 1.5em !important;
border: 0 !important;
margin-top: 2em !important;
width: auto;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.wpcf7 input[type='submit']:hover {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--background);
}
.wpcf7 input[type='submit'][disabled],
.wpcf7 input[type='submit'][disabled]:hover {
background: #ccc;
color: var(--wp--preset--color--foreground);
}
.wpcf7 label {
font-family: var(--wp--preset--font-family--ui);
line-height: 120%;
font-weight: 400;
}
.wpcf7-list-item {
margin: 0 1em 0 0
}
.wpcf7 p {
margin: 0 !important
}
.wpcf7-not-valid-tip {
font-family: var(--wp--preset--font-family--ui);
margin-top: -0.5em;
padding: 0.5em 1em;
background: #eee;
margin-bottom: 0.5em;
font-size: 0.8em;
line-height: 120%;
}
.wpcf7-form-control.wpcf7-checkbox {
display: block;
margin-top: 1em !important;
margin-bottom: 0.5em !important;
}
.wpcf7-form-control.wpcf7-checkbox > *,
.wpcf7-form-control.wpcf7-radio > *,
.wpcf7-form-control.wpcf7-acceptance > * {
display: block;
width: 100%;
margin-bottom: 0.5em;
font-size: inherit;
}
.wpcf7-form-control.wpcf7-checkbox input[type='checkbox'],
.wpcf7-form-control.wpcf7-radio input[type='radio'],
.wpcf7-form-control.wpcf7-acceptance input[type='checkbox'] {
margin: 0 0.5em 0 0 !important;
appearance: none;
-webkit-appearance: none;
font-size: inherit;
border: 2px solid #575757;
background: #fff;
width: 1.25em;
height: 1.25em;
transform: translateY(17%);
}
.wpcf7-form-control.wpcf7-radio input[type='radio'] {
border-radius: 100% !important;
}
.wpcf7-form-control.wpcf7-checkbox input[type='checkbox']:checked,
.wpcf7-form-control.wpcf7-acceptance input[type='checkbox']:checked {
background: #fff url(//syndicom.ch/app/themes/syndicom/assets/images/checkbox.svg) no-repeat center;
background-size: 70% auto;
}
.wpcf7-form-control.wpcf7-radio input[type='radio']:checked {
background: rgb(34,34,34);
background: radial-gradient(circle, rgba(34,34,34,1) 0%, rgba(34,34,34,1) 40%, rgba(34,34,34,0) 46%);
}
.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
display: none;
}
.wpcf7-not-valid {
border-left: 0.25rem solid #c75c5c !important;
padding-left: 0.75rem !important;
}
.wpcf7-response-output {
border: 0 !important;
border-left: 0.5rem solid #dfbd29 !important;
padding: 2rem !important;
background: #fff;
box-shadow: 0 0 0.5rem rgba(0,0,0,0.1);
font-family: var(--wp--preset--font-family--ui);
z-index: 99;
position: relative;
}
.sent .wpcf7-response-output {
border-left-color: #12A25A !important;
}
.recaptcha-policies {
font-size: 0.8em;
line-height: 1.2;
}
.wp-block-table td {
vertical-align: text-top;
}
.side-action-buttons {
position: fixed;
z-index: 999;
bottom: 4em;
right: 0;
text-align: right;
font-size: 0.85em;
line-height: 120%;
font-weight: 500;
}
.side-action-buttons a {
display: block;
margin-bottom: 0.5em;
text-decoration: none !important;
padding: 0.6em 0.75em 0.4em 3.75em;
border-radius: 99px 0 0 99px;
text-align: left;
cursor: pointer;
margin-right: -2px;
transform: translateX(calc(100% - 3.2em));
transition: all 0.2s ease-out;
}
.side-action-buttons a:hover { }
.side-action-buttons a.become-member {
background-image: url(//syndicom.ch/app/themes/syndicom/assets/images/member-filled-yellow-padding.svg);
background-repeat: no-repeat;
background-position: 0.25em;
background-size: contain;
}
.side-action-buttons a.js-scroll-top {
background-image: url(//syndicom.ch/app/themes/syndicom/assets/images/scroll-up-box.svg);
background-repeat: no-repeat;
background-position: 0.25em;
background-size: contain;
margin-top: 0.75rem;
}
body:not(.is-scrolling) .side-action-buttons a.js-scroll-top {
transform: translateX(120%);
}
.yumpu-magazine-item {
font-weight: 400;
cursor: pointer;
display: block;
text-decoration: none !important;
}
.yumpu-magazine-item + .yumpu-magazine-item {
margin-top: 0.25em;
}
.yumpu-magazine-item:hover,
.yumpu-magazine-item:focus {
color: var(--wp--preset--color--primary) !important;
text-underline-offset: 0.3em !important;
text-decoration: underline !important;
}
.is-layout-constrained > .alignleft {
float: none !important;
}
.redirect-dropdown {
background: #F3F3F3;
font-size: 0.85em;
line-height: 1.2;
position: relative;
}
.redirect-dropdown-label {
padding: 0.4em 3.6em 0.4em 1.2em;
cursor: pointer;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.redirect-dropdown-label .arrow {
background: #9E9E9D;
position: absolute;
right: 0;
top: 0;
height: 100%;
aspect-ratio: 1 / 1;
display: flex;
justify-content: center;
align-items: center;
}
.redirect-dropdown-label .arrow svg {
width: 50%;
height: auto;
transform: rotate(180deg) ;
}
.redirect-dropdown.is-open .arrow svg {
transform: rotate(0deg) ;
}
.redirect-dropdown-items {
display: none;
border-top: 1px solid #f3f3f3;
background: #F3F3F3;
}
.redirect-dropdown.is-open .redirect-dropdown-items {
display: block;
border-top: 1px solid #999;
width: 100%;
}
.course-filters .redirect-dropdown.is-open .redirect-dropdown-items {
position: absolute;
}
.redirect-dropdown-items a,
.redirect-dropdown-items .query-filter {
display: block;
font-weight: 600;
text-decoration: none;
padding: 0.4em 1.2em;
cursor: pointer;
}
.redirect-dropdown-items a:hover,
.redirect-dropdown-items .query-filter:hover,
.redirect-dropdown-items .query-filter.is-active {
background: #C4E6EF
}
.wp-block-query > ul > li.type-course {
padding-left: 2.5em;
position: relative;
}
.wp-block-query > ul > li.type-course::before {
content: "";
display: block;
height: 1.16em;
width: 0.6em;
position: absolute;
top: 0;
left: 0;
background: url(//syndicom.ch/app/themes/syndicom/assets/images/query-arrow-right.svg) no-repeat center left;
background-size: contain;
transform: translateY(5%)
}
.wp-block-query > ul > li.type-course h3 a {
text-decoration: none;
}
.wp-block-query > ul > li.type-course h3 a:hover {
color: var(--wp--preset--color--primary) !important
}
.wp-block-query > ul > li.type-course h3 + .course-metadata {
margin-top: -0.5em;
}
.course-h3 {
margin-bottom: 0;
margin-top: 1.5em;
}
.course-h3 + p {
margin-top: 0.5em;
}
.course-detail-metadata {
}
.course-detail-metadata .institute {
font-weight: 600;
font-size: 0.66em;
}
.course-detail-metadata .date-location {
display: flex;
flex-flow: row wrap;
gap: 1em;
}
.course-detail-metadata .date-location > * {
flex: 1;
}
.course-detail-metadata .wp-block-buttons {
margin-top: 1.5em;
font-size: 0.833em;
line-height: 1.2;
}
.course-filters,
.gav-filters {
display: flex;
flex-flow: row wrap;
gap: 1em;
margin-bottom: 2em !important;
align-items: center;
z-index: 999;
position: relative;
}
.course-filters .course-search,
.guide-search,
.gav-search {
font: inherit;
font-size: 0.833em;
font-weight: 400;
outline: none;
border: 2px solid var(--wp--preset--color--primary);
border-radius: 99px;
width: 100%;
padding: 0.4em 1em 0.4em 3em;
flex: 1;
max-width: 20em;
background: url(//syndicom.ch/app/themes/syndicom/assets/images/search.svg) no-repeat center left 1em;
background-size: auto 1em;
}
.guide-search {
margin-bottom: 2em !important;
background-image: none !important;
}
.course-filters .guide-search {
margin-bottom: 0 !important;
}
.guide-search-submit {
position: absolute;
left: 0;
font: inherit;
font-size: 0.833em;
font-weight: 400;
outline: none;
border: transparent;
border-radius: 99px;
width: auto;
padding: 0.4em 1em 0.4em 1.5em;
flex: 1;
max-width: 20em;
background: url(//syndicom.ch/app/themes/syndicom/assets/images/search.svg) no-repeat center left 1em;
background-size: auto 1em;
cursor: pointer;
}
.course-filters .course-search :placeholder {
color: #575757;
}
.course-filters .redirect-dropdown {
flex: 1;
}
.hidden {
display: none !important;
}
.wp-block-button.filtered {
margin: 0 0 1em 0 !important;
}
.wpcf7-response-output {
color: black !important;
}
.wp-block-button.is-style-external .wp-block-button__link {
background-image: url(//syndicom.ch/wp/app/themes/syndicom/assets/images/link-external.svg) !important;
background-repeat: no-repeat !important;
background-position-x: calc(100% - 20px) !important;
background-position-y: center !important;
background-size: 20px !important;
padding-right: 45px !important;
color: #137a93 !important;
}
.wp-block-button.is-style-external a[href^="https://syndicom.ch/app/uploads/"] {
background-image: url(//syndicom.ch/wp/app/themes/syndicom/assets/images/link-download.svg) !important;
}
@media (max-width: 600px) {
.wp-block-button.is-style-external .wp-block-button__link {
background-size: 16px !important;
}
}
.glossary-overview.is-search-triggered .letter-overview h2 {
display: none !important;
}
.glossary-overview.is-search-triggered .letter-overview .glossar-item {
display: none;
}
.glossary-overview.is-search-triggered .letter-overview .glossar-item.is-active {
display: block !important;
} .glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}
.goverlay {
background-color: rgba(0,0,0,0.8) !important;
backdrop-filter: blur(10px);
}
.gslide-description {
display: none !important;
}
.syn-lightbox {
cursor: pointer;
}
.gbtn.disabled {
opacity: 0 !important;
}
.glightbox-clean .gclose {
height: auto !important;
width: auto !important;
padding: 18px !important;
background: white !important;
opacity: 1 !important;
border-radius: 50% !important;
}
.glightbox-clean .gclose svg {
width: 22px !important;
height: auto !important;
}
.glightbox-clean .gclose svg path {
fill: black !important;
}
.wp-block-query--random-articles h2 {
display: flex;
font-size: 1em;
font-weight: 300;
}
.wp-block-query--random-articles h2:before {
content: "";
display: block;
background: url(//syndicom.ch/app/themes/syndicom/assets/images/linklist-arrow.svg) no-repeat center;
background-size: contain;
width: 0.67em;
min-width: 0.67em;
height: 1em;
margin-right: 20px;
margin-top: 4px;
}
@media screen and (min-width: 1100px) {
.glightbox-clean .gclose {
top: 40px !important;
right: 40px !important;
}
}
@media screen and (max-width: 1100px) {
.glightbox-clean .gclose {
padding: 12px !important;
}
.glightbox-clean .gclose svg {
width: 16px !important;
}
}
.syn-post-type {
display: block;
width: fit-content;
padding: 2px 0px;
font-size: 0.6em;
border-bottom: solid 3px #F6E600;
color: black;
margin-bottom: 5px !important;
}
h3:has(.syn-post-type) {
margin-bottom: 10px !important;
}
body.search .wp-block-query > ul > li::before {
display: none !important;
}
body.search .wp-block-query > ul > li {
padding-left: 0px !important;
}
body.search .wp-block-query > ul > li + li {
margin-top: 2em !important;
}
.syn-search-highlight {
font-weight: bold;
}
html .syn-block-post-query-loop {
display: flex;
}
html .syn-block-post-query-loop::before {
content: "";
display: block;
height: 1.16em;
width: 0.6em;
position: absolute;
top: 0;
left: 0;
background: url(//syndicom.ch/app/themes/syndicom/assets/images/query-arrow-right.svg) no-repeat center left;
background-size: contain;
transform: translateY(5%);
}
html .syn-block-post-query-loop__content {
max-width: 900px;
margin-left: 0px !important;
padding-left: 2.5em;
flex: 1;
}
html .syn-block-post-query-loop__image {
max-width: 240px;
width: 240px;
margin-left: 30px !important;
}
html .wp-block-query .wp-block-post-date {
font-size: 0.66em;
font-weight: 400;
}
html .wp-block-query .wp-block-post-date a {
color: #222222 !important;
}
html .syn-block-post-query-loop .wp-block-post-terms,
html .taxonomy-pressrelease-category.wp-block-post-terms {
display: flex;
flex-wrap: wrap;
margin-top: 20px;
}
html .syn-block-post-query-loop .wp-block-post-terms a,
html .syn-block-post-query-loop .wp-block-post-terms:not(:has(a)),
html .wp-block-query .taxonomy-pressrelease-category.wp-block-post-terms a,
html .wp-block-query .taxonomy-pressrelease-category.wp-block-post-terms:not(:has(a)) {
width: fit-content;
padding: 1px 0px;
font-size: 0.6em;
border-bottom: solid 3px #F6E600;
color: black !important;
font-weight: 600;
margin-bottom: 5px !important;
margin-left: 0px !important;
margin-right: 10px;
text-decoration: none !important;
pointer-events: none;
max-height: 30px;
}
html .syn-block-post-query-loop .wp-block-post-terms a:hover,
html .wp-block-query .taxonomy-pressrelease-category.wp-block-post-terms a:hover {
text-decoration: none !important;
}
html .syn-block-post-query-loop .wp-block-post-terms a:last-child,
html .wp-block-query .taxonomy-pressrelease-category.wp-block-post-terms a:last-child {
margin-right: 0px;
}
html .syn-block-post-query-loop .wp-block-post-terms__separator {
display: none;
}
@media screen and (max-width: 800px) {
html .syn-block-post-query-loop__image {
display: none;
}
}
html .wp-block-post-excerpt__excerpt,
html a:has(.wp-block-post-excerpt__excerpt) {
color: black;
text-decoration: none !important;
}
html .wp-block-post-excerpt__excerpt:hover,
html a:has(.wp-block-post-excerpt__excerpt):hover {
color: black;
text-decoration: none !important;
}  body.frontend .syn-block-read-more__content {
display: none;
}
.syn-block-read-more {
margin-top: 20px !important;
}
.syn-block-read-more > .wp-block-buttons {
position: relative;
top: -160px;
background: #ffffff;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0.75) 45%, rgba(255, 255, 255, 1) 100%);
padding-top: 80px;
transition: 0.6s;
}
.has-background .syn-block-read-more > .wp-block-buttons,
.has-background.syn-block-read-more > .wp-block-buttons {
background: transparent;
padding-top: 0px;
top: 0px;
}
.has-background.has-tertiary-background-color .syn-block-read-more > .wp-block-buttons,
.has-background.has-tertiary-background-color.syn-block-read-more > .wp-block-buttons {
position: relative;
top: -120px;
background: #ffffff;
background: linear-gradient(180deg, rgba(241,241,241, 0) 0%, rgba(241,241,241, 0) 15%, rgba(241,241,241, 0.75) 45%, rgba(241,241,241, 1) 100%);
padding-top: 80px;
transition: 0.6s;
}
.syn-block-read-more--is-open > .wp-block-buttons {
margin-top: 20px;
top: 0 !important;
}
:not(.has-background) .syn-block-read-more--is-open > .wp-block-buttons {
padding-top: 0px;
top: 0px;
}
body.frontend .syn-block-read-more > .wp-block-buttons .wp-block-button:last-child {
display: none;
}
body.frontend .syn-block-read-more--is-open > .wp-block-buttons .wp-block-button:first-child {
display: none;
}
body.frontend .syn-block-read-more--is-open > .wp-block-buttons .wp-block-button:last-child {
display: block;
} .syn-block-search form {
display: flex;
align-items: center;
background: white;
width: fit-content;
border-radius: 99px;
padding: 0.4em 0.5em;
overflow: hidden;
border: solid 3px #0D7EAC;
min-width: 300px;
max-width: 100%;
}
.syn-block-search__button {
all: unset;
display: flex;
background: transparent;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
text-decoration: none;
}
.syn-block-search__button svg {
height: 19px;
}
.syn-block-search__input {
background: transparent;
border: none;
flex: 1;
padding: 4px;
font-size: 20px;
}
.syn-block-search__input:focus,
.syn-block-search__input:focus-visible {
outline: none !important;
}
@media (max-width: 800px) {
.syn-block-search__input {
font-size: 16px;
}
}
.wp-block-query li.syn_magazine .syn-post-terms,
.wp-block-query li.pressrelease .syn-post-terms,
.wp-block-query li.article .syn-post-terms {
display: flex !important;
}
.wp-block-query li.pressrelease .taxonomy-pressrelease-category {
display: none;
}
html .wp-block-query .syn-post-terms {
margin-top: 20px;
flex-wrap: wrap;
}
html .wp-block-query .syn-post-terms a {
display: block;
width: fit-content;
padding: 2px 0px;
font-size: 0.6em;
border-bottom: solid 3px #F6E600;
color: black !important;
margin-bottom: 5px !important;
margin-right: 10px !important;
font-weight: bold;
}
html .wp-block-query .syn-post-terms a:hover {
text-decoration: none !important;
}
a:has(.has-primary-color) {
color: #0D7EAC !important;
}
body.search .syn-post-terms {
display: flex !important;
position: relative;
top: -10px;
}
html body.search .wp-block-query .syn-post-terms__link {
pointer-events: none !important;
text-decoration: none !important;
border-bottom: transparent;
color: #787878 !important;
}
html body.search .wp-block-query .glossar .syn-post-terms,
html body.search .wp-block-query .page .syn-post-terms {
display: none !important;
}
.pswp__caption {
display: none !important;
}
.entry-content a mark,
.entry-content mark a { }
.entry-content a mark {
text-decoration: underline;
}
a[href^="mailto:"] {
color: var(--wp--preset--color--primary) !important;
text-decoration: none;
}
a[href^="mailto:"]:hover {
text-decoration: underline;
} .wp-block-quote-wrapper {
display: flex;
padding: 3rem;
}
.wp-block-quote {
border-left: none;
padding: 0;
font-weight: 400;
}
.wp-block-quote.wp-block::before {
position: relative;
display: inline-block;
font-size: 7rem;
font-weight: 500;
content: '«';
line-height: 3rem;
margin-right: 1.5rem;
}
.wp-block-quote-wrapper::before,
.wp-block-quote-wrapper::after {
position: relative;
display: inline-block;
font-size: 7rem;
font-weight: 500;
font-family: Arial, Helvetica, sans-serif;
}
.wp-block-quote-wrapper::before {
content: '«';
line-height: 3rem;
margin-right: 1.5rem;
}
.wp-block-quote-wrapper::after {
content: '»';
line-height: 4rem;
margin-top: auto;
margin-left: 1.5rem;
}
.has-primary-background-color .wp-block-quote-wrapper::before,
.has-primary-background-color .wp-block-quote-wrapper::after,
.has-primary-background-color .wp-block-quote.wp-block::before {
color: white;
}
@media (max-width: 600px) {
.wp-block-quote-wrapper {
padding: 2rem;
}
.wp-block-quote-wrapper::before,
.wp-block-quote-wrapper::after {
position: relative;
display: inline-block;
font-size: 5rem;
font-weight: 500;
}
.wp-block-quote-wrapper::before {
top: 0rem;
left: -1.5rem;
margin-right: -0.5rem;
}
.wp-block-quote-wrapper::after {
line-height: 3rem;
right: -1rem;
margin-left: 0rem;
}
}
@media (max-width: 600px) {
.wp-block-image.is-style-syn-small-on-mobile img {
display: block;
width: 50%;
margin: 0 auto;
}
}
.wp-block-media-text.is-style-outline h1:has(mark),
.wp-block-media-text.is-style-outline h2:has(mark),
.wp-block-media-text.is-style-outline h3:has(mark),
.wp-block-media-text.is-style-outline h4:has(mark),
.wp-block-media-text.is-style-outline p:has(mark) {
background: transparent !important;
box-shadow: none !important;
} .syn-pricing-calculator {
display: flex;
background-color: whitesmoke;
margin-top: 40px;
margin-bottom: 40px;
border-radius: 4px;
overflow: hidden;
}
@media (max-width: 600px) {
.syn-pricing-calculator {
display: block;
margin: 20px !important;
}
}
.syn-pricing-calculator__range {
flex: 1;
padding: 40px;
}
@media (max-width: 600px) {
.syn-pricing-calculator__range {
padding: 20px;
}
}
.syn-pricing-calculator__total {
flex: 1;
padding: 40px;
background-color: #0D7EAC;
}
@media (max-width: 600px) {
.syn-pricing-calculator__total {
padding: 20px;
}
}
.syn-pricing-calculator__total * {
color: white;
}
.syn-pricing-calculator__total p > span {
display: block;
font-size: 30px;
}
@media (max-width: 600px) {
.syn-pricing-calculator__total p > span {
font-size: 24px;
}
}
.syn-pricing-calculator input {
-webkit-appearance: none;
width: 100%;
height: 10px;
background: #d3d3d3;
outline: none;
opacity: 1;
-webkit-transition: .2s;
transition: opacity .2s;
border-radius: 10px;
}
.syn-pricing-calculator input::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
background: #0D7EAC;
cursor: pointer;
border-radius: 50%;
}
.syn-pricing-calculator input::-moz-range-thumb {
width: 25px;
height: 25px;
background: #0D7EAC;
cursor: pointer;
border-radius: 50%;
} .syn-header-top-bar {
width: 100%;
padding-top: 10px !important;
padding-bottom: 10px !important;
-ms-overflow-style: none; scrollbar-width: none; }
@media (max-width: 599px) {
.syn-header-top-bar {
overflow: scroll;
}
}
.syn-header-top-bar::-webkit-scrollbar {
display: none;
}
.syn-header-top-bar__inner {
display: flex;
align-items: center;
}
.syn-header-top-bar__inner > *:first-child {
margin-left: auto;
}
.syn-header-top-bar .wp-block-buttons {
line-height: 1;
margin-right: 0.75em;
}
.syn-header-top-bar .wp-block-navigation-item__label {
color: #656565;
}
@media (min-width: 600px) {
.syn-header-top-bar nav {
margin-right: 20px;
}
}
.syn-header-top-bar .language-switcher-holder span,
.syn-header-top-bar nav span,
.syn-header-top-bar .wp-block-button__link {
font-size: 14px;
}
.syn-header-top-bar .wp-block-button__link {
display: flex;
align-items: center;
padding: 0.1em 0.5em !important;
}
.syn-header-top-bar nav ul {
gap: 1rem;
flex-wrap: nowrap;
}
.syn-header-top-bar nav ul * {
text-wrap: nowrap;
}
.syn-header-top-bar nav a {
display: flex !important;
}
.syn-header-top-bar nav a::before {
display: none !important;
}
.syn-header-top-bar .language-switcher-holder {
line-height: 1;
}
.syn-header-top-bar .language-switcher-holder .language-switcher {
margin-right: 0 !important;
}
.syn-header-top-bar .wp-block-buttons a.has-secondary-background-color.has-background {
border-radius: 40px !important;
}
.syn-header-top-bar .wp-block-buttons a.has-secondary-background-color.has-background::before {
content: '';
position: relative;
display: inline-block;
height: 1.2em !important;
width: 1.2em !important;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin-right: 5px;
background-image: url(https://syndicom.ch/app/themes/syndicom/assets/images/member-black.svg);
}
@media (max-width: 600px) {
.syn-header-top-bar .wp-block-buttons a.has-secondary-background-color.has-background {
display: none;
}
}
header .main-header {
position: relative;
top: -0.45em;
} footer p a {
text-decoration: underline !important;
}
footer.wp-block-template-part > .has-background:first-child {
background-color: #0D7EAC !important;
}
footer.wp-block-template-part > .has-background:first-child * {
color: white;
}
footer.wp-block-template-part > .has-background:first-child a {
color: white !important;
}
footer.wp-block-template-part > .has-background:first-child .wp-block-social-links svg {
transition: 0.6s;
opacity: 1;
}
footer.wp-block-template-part > .has-background:first-child .wp-block-social-links:has(svg:hover) svg {
opacity: 0.6;
}
footer.wp-block-template-part > .has-background:first-child .wp-block-social-links svg:hover {
opacity: 1 !important;
}
footer.wp-block-template-part > .has-background:first-child .is-footer-contact svg {
fill: white;
} .wp-block-button.is-style-syn-member-cta .wp-element-button {
background-image: url(//syndicom.ch/app/themes/syndicom/assets/images/member-black.svg);
background-repeat: no-repeat;
background-size: 1.25em;
background-position: 1.25em;
padding-left: 3em !important;
} a,
a:hover {
text-decoration-thickness: 1.5px !important;
}
.entry-content p a,
.entry-content p a:not(.has-text-color),
.entry-content li a,
.entry-content li a:not(.has-text-color) {
text-decoration: underline;
text-decoration-thickness: 1.5px;
} .syn-search-form__inner {
display: flex;
align-items: center;
padding: 0.4em 0.8em;
background-color: #F1F1F1;
border-radius: 2rem;
}
.syn-search-form__inner input {
border: none;
padding: 0.1em;
background-color: transparent;
flex: 1;
font-size: 0.6em;
}
.syn-search-form__inner input:focus-visible {
outline: none;
}
.syn-search-form__inner input::placeholder {
font-size: 14px;
}
.syn-search-form__inner button {
height: 1.25em;
width: 1.25em;
min-width: 1.25rem;
background-color: transparent;
background-image: url(//syndicom.ch/app/themes/syndicom/assets/images/search-blue.svg);
background-repeat: no-repeat;
background-size: contain;
border: none;
margin-left: 0.5em;
cursor: pointer;
} body.search header.wp-block-template-part .syn-search-form {
opacity: 0;
pointer-events: none;
}
header.wp-block-template-part .syn-search-form__inner {
padding: 0.15em 0.6em;
transition: 0.8s;
}
header.wp-block-template-part .syn-search-form {
display: flex;
justify-content: flex-end;
}
header.wp-block-template-part .syn-search-form__inner:has(input:focus) {
-webkit-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.01);
box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.01);
}
@media (min-width: 1000px) {
header.wp-block-template-part .syn-search-form {
width: 12rem;
transition: 0.8s;
}
header.wp-block-template-part .syn-search-form:has(input:focus) {
width: 16rem;
}
header.wp-block-template-part .syn-search-form__inner {
width: 12rem;
}
header.wp-block-template-part .syn-search-form__inner:has(input:focus) {
width: 16rem;
}
}
@media (min-width: 600px) and (max-width: 1000px) {
header.wp-block-template-part .syn-search-form {
position: relative;
top: -0.1rem;
font-size: 18px;
width: 9rem;
}
header.wp-block-template-part .syn-search-form__inner {
width: 8rem;
}
header.wp-block-template-part .syn-search-form__inner:has(input:focus) {
width: 9rem;
}
}
@media (max-width: 600px) {
header.wp-block-template-part .syn-search-form {
width: 9rem;
}
header.wp-block-template-part .syn-search-form:has(input:focus) {
width: 14rem;
}
header.wp-block-template-part .syn-search-form__inner {
width: 9rem;
}
header.wp-block-template-part .syn-search-form__inner:has(input:focus) {
width: 14rem;
}
header.wp-block-template-part .syn-search-form__inner input {
font-size: 16px;
}
header.wp-block-template-part .wp-block-site-logo {
position: relative;
top: -0.2rem;
}
header.wp-block-template-part .wp-block-site-logo img {
width: 10rem;
}
header.wp-block-template-part:has(.syn-search-form__inner input:focus) .wp-block-site-logo img {
width: 0;
}
}
.syn-membership-promo {
margin-left: 1em !important;
}
@media (max-width: 900px) {
.syn-membership-promo {
display: none !important;
}
}
body header .syn-membership-promo .wp-block-button__link {
padding: 0.5em 1em !important;
font-size: 1rem !important;
border-radius: 999px !important;
padding-top: 0.9em !important;
padding-bottom: 0.9em !important;
padding-right: 1.2rem !important;
}
@media (max-width: 1400px) {
body header .syn-membership-promo .wp-block-button__link {
font-size: 0.8rem !important;
padding-top: 0.75em !important;
padding-bottom: 0.75em !important;
}
}
@media (max-width: 1000px) {
body header .syn-membership-promo .wp-block-button__link {
display: none;
}
}
.wp-block-search__input:focus-visible {
outline: none;
} .syn-anchor-navigation {
position: fixed;
bottom: 0;
z-index: 1000000000;
width: 100%;
}
.syn-anchor-navigation__inner {
display: flex;
background-color: rgba(0,0,0,0.8);
backdrop-filter: blur(0.25rem);
padding: 0.75rem;
height: fit-content;
max-width: 100%;
overflow: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.syn-anchor-navigation__inner::-webkit-scrollbar {
display: none;
}
.syn-anchor-navigation__inner a {
display: flex;
padding: 0.5rem 1rem;
color: white !important;
font-size: 0.875rem;
font-weight: 500;
margin-right: 0.75rem;
border: 1px solid #636363;
border-radius: 0.25rem;
white-space: nowrap;
transition: 0.5s;
}
.syn-anchor-navigation__inner a:hover {
border: 1px solid #b5b5b5;
}
.syn-anchor-navigation__inner a.syn-is-active {
background-color: #F6E600 !important;
border: 1px solid #dfd101;
color: black !important;
}
.syn-anchor-navigation__inner a:last-child {
margin-right: 0;
}
@media (min-width: 1000px) {
.syn-anchor-navigation {
display: flex;
justify-content: center;
height: 0;
bottom: 10px;
}
.syn-anchor-navigation__inner {
position: relative;
top: -5rem;
border-radius: 0.25rem;
}
.syn-anchor-navigation__inner a {
font-size: 1.125rem;
border-radius: 0.5rem;
}
}
.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label a {
color: #0D7EAC !important;
}[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
}