html{ scroll-behavior: smooth; } /* support for layout cb_single_column

1

*/ body.fullwidth .wrapper .main-container{ max-width: 100%; margin: 0; padding: 0; } .cb_single_column_layout :is(a,button,input){ transition: all 0.6s; } .cb_single_column_layout :is(.panel-body, .PanelBody){ padding: 0; } .cb_single_column_layout :is(.iMIS-WebPart > .ContentItemContainer, .WebPartZone > .ContentItemContainer){ margin-bottom: 0; } .cb_single_column_layout :is(.panel, .StandardPanel){ border: none; } .psc-cb-root{ color: var(--colour-default-fg); font-family: var(--font-family-default); font-size: var(--font-size-default); font-weight: var(--font-weight-default); line-height: var(--line-height-default); } .psc-cb-root h1,.psc-cb-root h2,.psc-cb-root h3,.psc-cb-root h4,.psc-cb-root h5,.psc-cb-root h6{ display: block; margin: 0 0 1rem; color: var(--brand-1-bg); font-family: var(--font-family-title); font-weight: var(--font-weight-title); line-height: var(--line-height-title); border-bottom: none; text-shadow: var(--text-shadow-title); text-transform: var(--text-transform-title); } .psc-cb-root h1{ margin: 0 0 var(--font-size-title1); font-size: var(--font-size-title1); } .psc-cb-root h2{ margin: 0 0 var(--font-size-title2); font-size: var(--font-size-title2); } .psc-cb-root h3{ margin: 0 0 var(--font-size-title3); font-size: var(--font-size-title3); } .psc-cb-root h4{ margin: 0 0 var(--font-size-title4); font-size: var(--font-size-title4); } .psc-cb-root h5{ margin: 0 0 var(--font-size-title5); font-size: var(--font-size-title5); } .psc-cb-root h6{ margin: 0 0 var(--font-size-title6); font-size: var(--font-size-title6); } .psc-cb-root div,.psc-cb-root p{ line-height: var(--line-height-default); } .psc-cb-root a,.psc-cb-root button,.psc-cb-root input[type=button],.psc-cb-root input[type=submit]{ cursor: pointer; transition: all .3s; } .psc-cb-root .psc-cb-ipart-container{ padding-top: 4rem; padding-bottom: 4rem; text-align: var(--text-align); } .psc-cb-root .psc-cb-ipart-container.no-tb-padding{ padding-top: 0rem; padding-bottom: 0rem; } .psc-cb-root .psc-cb-ipart-container.no-t-padding{ padding-top: 0rem; } .psc-cb-root .psc-cb-ipart-container.no-b-padding{ padding-bottom: 0rem; } .psc-cb-root .psc-cb-ipart-container>div{ padding-top: 0; padding-bottom: 0; } /* Vue Carousel - white with shadow by default */ .VueCarousel{ position: relative; } .VueCarousel .VueCarousel-pagination{ position: absolute; left: 0; bottom: 1rem; right: 0; background-color: transparent; } .VueCarousel .VueCarousel-pagination .VueCarousel-dot{ margin: 0 10px; background-color: rgba(255,255,255,0.8); box-shadow: 0 0 1rem rgba(0,0,0,0.5); } .VueCarousel .VueCarousel-pagination .VueCarousel-dot.VueCarousel-dot--active{ background-color: #ffffff; outline: solid 2px #ffffff; } /* cards */ .psc-cb-root .section-cards{ text-align: var(--card-align); } .psc-cb-root .section-cards .psc-cb-card-container{ display: grid; gap: 0; color: var(--colour-default-front); text-align: center; } .psc-cb-root .section-cards .psc-cb-card-container .psc-cb-cards{ } .psc-cb-root .section-cards .psc-cb-card-container .psc-cb-card{ display: block; padding: 0; background-color: var(--box-bg); color: var(--colour-default-fg); border-radius: var(--box-border-radius); box-shadow: var(--box-shadow); overflow: hidden; } .psc-cb-root .section-cards .psc-cb-card-container .psc-cb-card .psc-cb-card-subheading{ color: var(--brand-1-bg); font-size: var(--font-size-prominent); font-weight: var(--font-weight-prominent); text-transform: var(--font-transform-prominent); } .psc-cb-root .section-cards .psc-cb-card-container .psc-cb-card .psc-cb-card-heading{ margin: 0 0 1rem; color: var(--colour-default-front); font-size: var(--font-size-title5); font-weight: var(--font-weight-title); } .psc-cb-root .section-cards .psc-cb-card-container .psc-cb-card .psc-cb-card-details{ text-align: right; } .psc-cb-root .section-cards .psc-cb-card-container .psc-cb-card .psc-cb-card-details .psc-cb-card-description{ display: block; margin-bottom: 2rem; overflow: hidden; text-align: var(--text-align); } .psc-cb-root .section-cards .psc-cb-card-container.horizontal{ grid-template-columns: 1fr; } .psc-cb-root .section-cards .psc-cb-card-container.horizontal .psc-cb-card .psc-cb-card-details .psc-cb-card-description{ min-height: 80px; max-height: 94px; } .psc-cb-root .section-cards .psc-cb-card-container.vertical{ display: block; } .psc-cb-root .section-cards .psc-cb-card-container.vertical .psc-cb-cards{ display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; } .psc-cb-root .section-cards .psc-cb-card-container.vertical .psc-cb-cards .psc-cb-card .psc-cb-card-details .psc-cb-card-description{ height: 80px; } .psc-cb-root .section-cards .psc-cb-card-container.preset5{ display: block; } .psc-cb-root .section-cards .psc-cb-card-container.preset5 .psc-cb-card{ margin-bottom: 2rem; } .psc-cb-root .section-cards .psc-cb-card{ display: flex; gap: 0; background-color: var(--colour-default-back); } .psc-cb-root .section-cards .psc-cb-card .psc-cb-card-header{ flex-basis: 40%; } .psc-cb-root .section-cards .psc-cb-card .psc-cb-card-header .psc-cb-card-imagelink{ display: block; width: 100%; height: 100%; padding: 0 0 60%; background-position: 50%; background-repeat: no-repeat; background-size: cover; } .psc-cb-root .section-cards .psc-cb-card .psc-cb-card-detailcol{ flex-basis: 60%; padding: 2rem 2rem; } .psc-cb-root .section-cards .psc-cb-card .psc-cb-card-detailcol.reverse-row-grid .psc-cb-card-details{ text-align: var(--text-align); } .psc-cb-root .section-cards .psc-cb-card.psc-cb-card-vertical{ flex-direction: column; } .psc-cb-root .section-cards .psc-cb-card-container.preset4 .psc-cb-card{ display: grid; grid-template-columns: 0.5fr 1.5fr; background-color: transparent; box-shadow: none; } .psc-cb-root .section-cards .psc-cb-card-container.preset4 .psc-cb-card .psc-cb-card-header .psc-cb-card-imagelink{ width: 80%; height: 0; padding: 0 0 80%; border-radius: 100%; } .psc-cb-root .section-cards .psc-cb-card-container.preset4 .psc-cb-card .psc-cb-card-detailcol .psc-cb-card-content{ text-align: var(--text-align); } .psc-cb-root .section-cards .psc-cb-card-container.preset4 .psc-cb-card .psc-cb-card-heading{ font-size: var(--font-size-title3); } .psc-cb-root .section-cards .psc-cb-card-container.preset4 .psc-cb-card .psc-cb-card-details .psc-cb-card-description{ min-height: 0; max-height: 100%; margin-bottom: 0.5rem; } .psc-cb-root .section-cards .psc-cb-card-container.preset1 .psc-cb-cards{ display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; } .psc-cb-root .fourcards .section-cards .psc-cb-card-container.preset1 .psc-cb-cards{ grid-template-columns: repeat(4,1fr); } .psc-cb-root .section-cards .psc-cb-card-container.preset1 .psc-cb-cards .psc-cb-boxlink{ display: block; color: var(--colour-default-fg); overflow: hidden; text-decoration: none; } .psc-cb-root .section-cards .psc-cb-card-container.preset1 .psc-cb-cards .psc-cb-boxlink .psc-cb-boxlink-image{ display: block; margin: 0 0 1rem; padding: 0 0 85%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all 0.6s; } .psc-cb-root .section-cards .psc-cb-card-container.preset1 .psc-cb-cards .psc-cb-boxlink .psc-cb-boxlink-title{ display: block; padding: 0 2rem 2rem; } .psc-cb-root .section-cards .psc-cb-card-container.preset1 .psc-cb-cards .psc-cb-boxlink:hover{ box-shadow: var(--box-shadow); } .psc-cb-root .section-cards .psc-cb-card-container.preset1 .psc-cb-cards .psc-cb-boxlink:hover .psc-cb-boxlink-image{ transform: scale(1.05); } .psc-cb-root .psc-cb-ipart-container .psc-cb-ipart-intro{ font-size: 1rem; } .psc-cb-root .section-cards .psc-cb-card-container.preset6{ } .psc-cb-root .section-cards .psc-cb-card-container.preset6 .psc-cb-card{ border-radius: 10px; text-align: left; } .psc-cb-root .section-cards .psc-cb-card-container.preset6 .psc-cb-card .psc-cb-card-heading{ position: relative; padding-bottom: 1rem; } .psc-cb-root .section-cards .psc-cb-card-container.preset6 .psc-cb-card .psc-cb-card-heading:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 4rem; height: 3px; background-color: var(--brand-1-bg); } .psc-cb-root .section-cards .psc-cb-card-container.preset6 .psc-cb-card .psc-cb-card-details .psc-cb-card-description{ text-align: left; } .psc-cb-root .section-cards .psc-cb-card-container.preset7{ } .psc-cb-root .section-cards .psc-cb-card-container.preset7 .psc-cb-cards{ margin-top: 7rem; } .psc-cb-root .section-cards .psc-cb-card-container.preset7 .psc-cb-card{ background-color: var(--brand-1-fg); border: solid 1px var(--box-bg); overflow: unset; } .psc-cb-root .section-cards .psc-cb-card-container.preset7 .psc-cb-card .psc-cb-card-header{ position: relative; margin: 0 0 5rem; padding: 0; } .psc-cb-root .section-cards .psc-cb-card-container.preset7 .psc-cb-card .psc-cb-card-header .psc-cb-card-imagelink{ position: absolute; left: 50%; top: 0; width: 50%; padding: 0 0 50%; border-radius: 100%; box-shadow: var(--box-shadow); transform: translate(-50%,-5rem); } .psc-cb-root .section-cards .psc-cb-card-container.preset8{ } .psc-cb-root .section-cards .psc-cb-card-container.preset8 .psc-cb-cards{ display: flex; flex-direction: column; gap: 2rem; } .psc-cb-root .section-cards .psc-cb-card-container.preset8 .psc-cb-card{ display: flex; flex-direction: row; border-radius: 10px; text-align: left; } .psc-cb-root .section-cards .psc-cb-card-container.preset8 .psc-cb-card .psc-cb-card-heading{ position: relative; padding-bottom: 1rem; } .psc-cb-root .section-cards .psc-cb-card-container.preset8 .psc-cb-card .psc-cb-card-heading:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 4rem; height: 3px; background-color: var(--brand-1-bg); } .psc-cb-root .section-cards .psc-cb-card-container.preset8 .psc-cb-card .psc-cb-card-details .psc-cb-card-description{ text-align: left; } .psc-cb-root .section-cards .psc-cb-card-container.preset8 .psc-cb-card:nth-child(even){ flex-direction: row-reverse; text-align: right; } .psc-cb-root .section-cards .psc-cb-card-container.preset8 .psc-cb-card:nth-child(even) .psc-cb-card-heading:after{ left: auto; right: 0; } .psc-cb-root .section-cards .psc-cb-card-container.preset8 .psc-cb-card:nth-child(even) .psc-cb-card-details .psc-cb-card-description{ text-align: right; } @media(max-width: 960px){ .psc-cb-root .section-cards .psc-cb-card-container.vertical{ grid-template-columns: repeat(2,1fr); } .psc-cb-root .section-cards .psc-cb-card-vertical .psc-cb-card-header .psc-cb-card-imagelink{ height: 0; } } @media(max-width: 700px){ .psc-cb-root .section-cards .psc-cb-card-container,.psc-cb-root .section-cards .psc-cb-card-container.horizontal,.psc-cb-root .section-cards .psc-cb-card-container.vertical{ grid-template-columns: 1fr; } .psc-cb-root .section-cards .psc-cb-card{ flex-direction: column; } } /* banners (headers) */ .psc-cb-root .section-header{ } .psc-cb-root .section-header .psc-cb-header{ position: relative; background-repeat: no-repeat; background-size: cover; } .psc-cb-root .section-header .psc-cb-header.parallax{ background-attachment: fixed; } .psc-cb-root .section-header .psc-cb-header:after{ content: ""; position: absolute; inset: 0; z-index: 1; background: var(--overlay-bg); } .psc-cb-root .section-header .psc-cb-header .psc-cb-header-content{ position: absolute; top: 50%; z-index: 10; width: 500px; max-width: 85%; transform: translateY(-50%); } .psc-cb-root .section-header .psc-cb-header .psc-cb-header-content.position3{ left: 2rem; right: auto; } .psc-cb-root .section-header .psc-cb-header .psc-cb-header-content.position4{ left: 50%; right: auto; transform: translate(-50%,-50%); } .psc-cb-root .section-header .psc-cb-header .psc-cb-header-content.position5{ left: auto; right: 2rem; } .psc-cb-root .section-header .psc-cb-header .psc-cb-header-content.align3{ margin: 0 auto; text-align: left; } .psc-cb-root .section-header .psc-cb-header .psc-cb-header-content.align4{ margin: 0 auto; text-align: center; } .psc-cb-root .section-header .psc-cb-header .psc-cb-header-content.align5{ margin: 0 auto; text-align: right; } .psc-cb-root .section-header .psc-cb-header .psc-cb-header-content h2{ margin: 0 0 .5rem; color: var(--colour-on-image); font-size: var(--font-size-special); font-weight: var(--font-weight-special); border-bottom: none; text-shadow: var(--text-shadow-title-special); } .psc-cb-root .section-header .psc-cb-header .psc-cb-header-content .description{ display: block; margin: 0 0 2rem; color: var(--colour-on-image); font-size: var(--font-size-prominent); font-weight: var(--font-weight-prominent); text-shadow: var(--text-shadow-title-special); text-transform: var(--text-transform-prominent); } .psc-cb-root .section-header .psc-cb-header .psc-cb-header-content .psc-cb-button{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); } .psc-cb-root .section-header .psc-cb-header .psc-cb-header-content .psc-cb-button:hover{ background-color: var(--brand-1-bg); color: var(--brand-1-fg); } .psc-cb-root .section-header .psc-cb-header .psc-cb-header-content .psc-cb-button: visited{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); } .psc-cb-root .section-header .VueCarousel .VueCarousel-pagination .VueCarousel-dot{ background-color: rgba(255,255,255,0.8); box-shadow: 0 0 1rem rgba(0,0,0,0.5); } .psc-cb-root .section-header .VueCarousel .VueCarousel-pagination .VueCarousel-dot.VueCarousel-dot--active{ background-color: #ffffff; outline: solid 2px #ffffff; } /* flipbox */ .psc-cb-root .section-flipbox{ } .psc-cb-root .section-flipbox .psc-cb-flipbox-container{ display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem; } .psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card{ position: relative; display: block; min-height: 200px; width: 100%; padding: 0 0 100%; perspective: 1000px; transform-style: preserve-3d; } .psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-face{ position: absolute; inset: 0; display: block; width: 100%; padding: 2rem; background-color: #fff; background-position: 50%; background-repeat: no-repeat; background-size: cover; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: var(--box-border-radius); box-shadow: var(--box-shadow); overflow: hidden; text-align: center; transition: all .8s; } .psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-face .psc-cb-flipbox-content{ position: absolute; left: 2rem; top: 50%; right: 2rem; z-index: 10; transform: translateY(-50%); } .psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-face.hasImage:after{ content: ""; position: absolute; inset: 0; z-index: 1; background-color: rgba(0,0,0,.4); } .psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-front{ transform: rotateY(0deg); } .psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-back{ transform: rotateY(180deg); } .psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card h4{ display: block; margin: 0 0 1rem; } .psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-subheading{ display: block; margin: 0 0 1rem; font-weight: var(--weight-subtitle); } .psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-subheading em{ margin-right: 1rem; } .psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-actions,.psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-description{ display: block; margin: 0 0 1rem; } .psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-actions>a{ } .psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-actions>a:active ,.psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-actions>a:focus ,.psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-actions>a:hover{ } .psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-actions>a:visited{ } .psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-subactions{ position: absolute; left: 0; bottom: 0; right: 0; z-index: 5; display: block; margin: 0 0 1rem; } .psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-subactions>a{ display: inline-block; padding: .4rem .8rem; background-color: rgba(0,0,0,.4); color: var(--colour-interactive-front); border-radius: var(--box-border-radius); font-size: .6rem; text-decoration: none; text-transform: uppercase; transition: all .3s; } .psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-subactions>a .fa{ margin-right: .4rem; } .psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-subactions>a:active ,.psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-subactions>a:focus ,.psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-subactions>a:hover{ background-color: rgba(0,0,0,.6); color: var(--colour-interactive-hover-front); } .psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-subactions>a:visited{ background-color: rgba(0,0,0,.4); color: var(--colour-interactive-front); } .psc-cb-flipbox-icon-image-bar{ display: block; margin-bottom: 0rem; } .psc-cb-flipbox-icon-image-bar .psc-cb-flipbox-icon-image{ display: inline-block; width: 5rem; padding: 0 0 50%; background-position: center; background-repeat: no-repeat; background-size: contain; } .psc-cb-root .section-flipbox .psc-cb-flipbox-container.preset1 .psc-cb-flipbox-card:hover{ z-index: 20; } .psc-cb-root .section-flipbox .psc-cb-flipbox-container.preset1 .psc-cb-flipbox-card:hover .psc-cb-flipbox-front{ transform: rotateY(-180deg); } .psc-cb-root .section-flipbox .psc-cb-flipbox-container.preset1 .psc-cb-flipbox-card:hover .psc-cb-flipbox-back{ transform: rotateY(0deg); } .psc-cb-root .section-flipbox .psc-cb-flipbox-container.preset3 .psc-cb-flipbox-card:hover{ z-index: 20; } .psc-cb-root .section-flipbox .psc-cb-flipbox-container.preset3 .psc-cb-flipbox-card:hover .psc-cb-flipbox-front{ transform: rotateY(-180deg); } .psc-cb-root .section-flipbox .psc-cb-flipbox-container.preset3 .psc-cb-flipbox-card:hover .psc-cb-flipbox-back{ transform: rotateY(0deg); } .psc-cb-root .section-flipbox .psc-cb-flipbox-container.preset2 .psc-cb-flipbox-card.flipped{ z-index: 20; } .psc-cb-root .section-flipbox .psc-cb-flipbox-container.preset2 .psc-cb-flipbox-card.flipped .psc-cb-flipbox-front{ transform: rotateY(-180deg); } .psc-cb-root .section-flipbox .psc-cb-flipbox-container.preset2 .psc-cb-flipbox-card.flipped .psc-cb-flipbox-back{ transform: rotateY(0deg); } /* tabs */ .psc-cb-root .section-tabset{ text-align: var(--card-align); } .psc-cb-root .section-tabset .psc-cb-tabset-container{ display: block; } .psc-cb-root .section-tabset .psc-cb-tabset-container .psc-cb-tabset-nav{ display: flex; padding: 0 2rem; gap: 0 1px; } .psc-cb-root .section-tabset .psc-cb-tabset-container .psc-cb-tabset-nav>a{ display: block; padding: .5rem 2rem; background-color: var(--brand-1-bg); color: var(--brand-1-fg); border-radius: 5px 5px 0 0; opacity: .6; text-align: center; text-decoration: none; } .psc-cb-root .section-tabset .psc-cb-tabset-container .psc-cb-tabset-nav>a .psc-cb-tabset-nav-icon{ display: block; margin: 0 0 .5rem; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset5 .psc-cb-tabset-nav>a .psc-cb-tabset-nav-icon{ margin: 0 0 0; } .psc-cb-root .section-tabset .psc-cb-tabset-container .psc-cb-tabset-nav>a .psc-cb-tabset-nav-title{ display: block; text-transform: uppercase; } .psc-cb-root .section-tabset .psc-cb-tabset-container .psc-cb-tabset-nav>a:active ,.psc-cb-root .section-tabset .psc-cb-tabset-container .psc-cb-tabset-nav>a:focus ,.psc-cb-root .section-tabset .psc-cb-tabset-container .psc-cb-tabset-nav>a:hover{ opacity: 1; } .psc-cb-root .section-tabset .psc-cb-tabset-container .psc-cb-tabset-nav>a.active{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); opacity: 1; } .psc-cb-root .section-tabset .psc-cb-tabset-container .psc-cb-tabset-tabs{ position: relative; display: block; } .psc-cb-root .section-tabset .psc-cb-tabset-container .psc-cb-tabset-tabs .psc-cb-tabset-tab{ display: none; padding: 2rem; background-color: var(--colour-default-bg); color: var(--colour-default-fg); border: solid 1px var(--brand-2-bg); border-top: solid 1px var(--brand-2-bg); border-radius: var(--box-border-radius); box-shadow: var(--box-shadow); } .psc-cb-root .section-tabset .psc-cb-tabset-container .psc-cb-tabset-tabs .psc-cb-tabset-tab p{ color: var(--colour-default-fg); } .psc-cb-root .section-tabset .psc-cb-tabset-container .psc-cb-tabset-tabs .psc-cb-tabset-tab.active{ display: block; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset1 .psc-cb-tabset-nav>a .psc-cb-tabset-nav-icon{ display: none; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset2 .psc-cb-tabset-nav{ margin-bottom: .5rem; gap: 0 .5rem; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset2 .psc-cb-tabset-nav>a{ padding: .75rem 2rem; border-radius: 2rem; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset2 .psc-cb-tabset-nav>a .psc-cb-tabset-nav-icon{ display: none; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset3{ display: grid; grid-template-columns: 20% 80%; padding: 0 .5rem; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset3 .psc-cb-tabset-nav{ flex-direction: column; gap: .5rem 0; margin-bottom: .5rem; padding: 0 .5rem; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset3 .psc-cb-tabset-nav>a{ padding: .75rem 1rem; border-radius: 2rem; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset3 .psc-cb-tabset-nav>a .psc-cb-tabset-nav-icon{ display: none; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset3 .psc-cb-tabset-tabs .psc-cb-tabset-tab{ min-height: 200px; } /*.psc-cb-root .section-tabset .psc-cb-tabset-container.preset4 .psc-cb-tabset-nav>a .psc-cb-tabset-nav-icon{ font-size: 200%; }*/ .psc-cb-root .section-tabset .psc-cb-tabset-container.preset5{ display: grid; grid-template-columns: 15% 85%; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset5 .psc-cb-tabset-nav{ flex-direction: column; gap: .5rem 0; margin-bottom: .5rem; padding: 0 .5rem; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset5 .psc-cb-tabset-nav>a{ padding: 1rem; border-radius: 2rem; } /*.psc-cb-root .section-tabset .psc-cb-tabset-container.preset5 .psc-cb-tabset-nav>a .psc-cb-tabset-nav-icon{ margin-bottom: 0; font-size: 150%; }*/ .psc-cb-root .section-tabset .psc-cb-tabset-container.preset5 .psc-cb-tabset-nav>a .psc-cb-tabset-nav-title{ display: none; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset5 .psc-cb-tabset-tabs .psc-cb-tabset-tab{ min-height: 200px; } @media(max-width: 700px){ .psc-cb-root .section-tabset .psc-cb-tabset-container{ display: flex; flex-direction: column; } .psc-cb-root .section-tabset .psc-cb-tabset-container .psc-cb-tabset-nav{ display: flex; flex-direction: column; padding: 0; } .psc-cb-root .section-tabset .psc-cb-tabset-container .psc-cb-tabset-nav>a{ display: flex; border-radius: 0; align-items: center; justify-content: var(--layout-align); text-align: center; } .psc-cb-root .section-tabset .psc-cb-tabset-container .psc-cb-tabset-nav>a .psc-cb-tabset-nav-icon{ margin: 0 .5rem 0 0; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset2 .psc-cb-tabset-nav{ margin-bottom: .5rem; gap: .5rem 0; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset2 .psc-cb-tabset-nav>a{ padding: .75rem 2rem; border-radius: 2rem; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset2 .psc-cb-tabset-nav>a .psc-cb-tabset-nav-icon{ display: none; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset3{ display: block; padding: 0 .5rem; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset3 .psc-cb-tabset-nav>a{ padding: .75rem 1rem; border-radius: 2rem; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset3 .psc-cb-tabset-nav>a .psc-cb-tabset-nav-icon{ display: none; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset5{ display: block; padding: 0 .5rem; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset5 .psc-cb-tabset-nav{ flex-direction: row; gap: 0 .5rem; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset5 .psc-cb-tabset-nav>a{ padding: .75rem 1rem; text-align: center; } .psc-cb-root .section-tabset .psc-cb-tabset-container.preset5 .psc-cb-tabset-nav>a .psc-cb-tabset-nav-icon{ margin: 0; } } /* accordion */ .psc-cb-root .section-accordion{ text-align: var(--card-align); } .psc-cb-root .section-accordion .psc-cb-accordion-container .psc-cb-accordion-group{ display: block; margin-bottom: 1px; } .psc-cb-root .section-accordion .psc-cb-accordion-container .psc-cb-accordion-group .psc-cb-accordion-toggle{ display: block; padding: .75rem 2rem; background-color: var(--brand-1-bg); color: var(--brand-1-fg); opacity: .6; text-decoration: none; } .psc-cb-root .section-accordion .psc-cb-accordion-container .psc-cb-accordion-group .psc-cb-accordion-toggle .psc-cb-accordion-icon{ margin-right: .75rem; vertical-align: -1px; } .psc-cb-root .section-accordion .psc-cb-accordion-container .psc-cb-accordion-group .psc-cb-accordion-toggle .psc-cb-accordion-stateicon{ float: right; } .psc-cb-root .section-accordion .psc-cb-accordion-container .psc-cb-accordion-group .psc-cb-accordion-toggle: active ,.psc-cb-root .section-accordion .psc-cb-accordion-container .psc-cb-accordion-group .psc-cb-accordion-toggle: focus ,.psc-cb-root .section-accordion .psc-cb-accordion-container .psc-cb-accordion-group .psc-cb-accordion-toggle:hover{ opacity: 1; } .psc-cb-root .section-accordion .psc-cb-accordion-container .psc-cb-accordion-group .psc-cb-accordion-content{ max-height: 0; padding: 0 2rem; overflow: hidden; transition: all .6s; } .psc-cb-root .section-accordion .psc-cb-accordion-container .psc-cb-accordion-group.expanded{ margin-bottom: .5rem; } .psc-cb-root .section-accordion .psc-cb-accordion-container .psc-cb-accordion-group.expanded .psc-cb-accordion-toggle{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); opacity: 1; } .psc-cb-root .section-accordion .psc-cb-accordion-container .psc-cb-accordion-group.expanded .psc-cb-accordion-content{ max-height: 200vh; padding: 2rem 2rem; border: solid 1px var(--brand-2-bg); } /* text */ .psc-cb-root .section-text{ display: block; padding: 1rem; } .psc-cb-root .section-text .psc-cb-text-container .psc-cb-text-textcontent{ margin-bottom: 1rem; } .psc-cb-root .section-text .psc-cb-text-container .psc-cb-text-textcontent .psc-cb-text-title{ margin-bottom: 1rem; } .psc-cb-root .section-text .psc-cb-text-container .psc-cb-text-textcontent .psc-cb-text-body{ } .psc-cb-root .section-text .psc-cb-text-container .psc-cb-text-textcontent .psc-cb-text-body p:last-child{ margin-bottom: 0; } .psc-cb-root .section-text .psc-cb-text-container .psc-cb-text-textcontent .psc-cb-text-actions{ display: flex; align-items: center; justify-content: var(--layout-align); gap: 1rem; } .psc-cb-root .section-text .psc-cb-text-container .psc-cb-text-textcontent .psc-cb-text-actions .psc-cb-button{ margin-top: 2rem; margin-bottom: 2rem; } .psc-cb-root .section-text .psc-cb-text-container .psc-cb-text-textcontent .psc-cb-text-multibody{ display: grid; grid-template-columns: repeat(2,1fr); gap: 2rem; } .psc-cb-root .section-text .psc-cb-text-container .psc-cb-text-imagecontent .psc-cb-text-image{ text-align: center; } .psc-cb-root .section-text .psc-cb-text-container .psc-cb-text-imagecontent .psc-cb-text-image img{ display: inline-block; max-width: 100%; } .psc-cb-root .section-text .psc-cb-text-container.preset2{ display: flex; align-items: center; gap: 2rem; } .psc-cb-root .section-text .psc-cb-text-container.preset2 .psc-cb-text-textcontent{ flex-basis: 50%; } .psc-cb-root .section-text .psc-cb-text-container.preset2 .psc-cb-text-imagecontent{ flex-basis: 50%; } @media(max-width: 700px){ .psc-cb-root .section-text .psc-cb-text-container.preset2{ grid-template-columns: 1fr; } } /* testimonials */ .psc-cb-root .section-testimonial{ } .psc-cb-root .section-testimonial .psc-cb-testimonial-container{ } .psc-cb-root .section-testimonial .psc-cb-testimonial-container .psc-cb-testimonial-title{ margin-bottom: 1rem; } .psc-cb-root .section-testimonial .psc-cb-testimonial-container .psc-cb-testimonial-cards{ display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem; } .psc-cb-root .section-testimonial .psc-cb-testimonial-container .psc-cb-testimonial-cards .psc-cb-testimonial-card{ display: flex; flex-direction: column; padding: 2rem 1rem; background-color: var(--box-bg); color: var(--colour-default-fg); border-radius: var(--box-border-radius); box-shadow: var(--box-shadow); } .psc-cb-root .section-testimonial .psc-cb-testimonial-container .psc-cb-testimonial-cards .psc-cb-testimonial-card .psc-cb-testimonial-card-quote{ margin-bottom: 1rem; quotes: "“" "”" "“" "”"; } .psc-cb-root .section-testimonial .psc-cb-testimonial-container .psc-cb-testimonial-cards .psc-cb-testimonial-card .psc-cb-testimonial-card-quote:before{ content: open-quote; } .psc-cb-root .section-testimonial .psc-cb-testimonial-container .psc-cb-testimonial-cards .psc-cb-testimonial-card .psc-cb-testimonial-card-quote:after{ content: close-quote; } .psc-cb-root .section-testimonial .psc-cb-testimonial-container .psc-cb-testimonial-cards .psc-cb-testimonial-card .psc-cb-testimonial-card-name{ color: var(--colour-default-front); font-size: var(--font-size-title5); font-weight: var(--font-weight-title); } .psc-cb-root .section-testimonial .psc-cb-testimonial-container .psc-cb-testimonial-cards .psc-cb-testimonial-card .psc-cb-testimonial-card-role{ color: var(--brand-1-bg); font-size: var(--font-size-prominent); font-weight: var(--font-weight-prominent); text-transform: var(--font-transform-prominent); } .psc-cb-root .section-testimonial .psc-cb-testimonial-container .psc-cb-testimonial-cards .psc-cb-testimonial-card .psc-cb-testimonial-card-image{ display: block; text-align: center; } .psc-cb-root .section-testimonial .psc-cb-testimonial-container .psc-cb-testimonial-cards .psc-cb-testimonial-card .psc-cb-testimonial-card-image div{ display: inline-block; width: 7rem; height: 7rem; background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 100%; } .psc-cb-root .section-testimonial .psc-cb-testimonial-container.preset1 .psc-cb-testimonial-cards{ margin-bottom: 3rem; } .psc-cb-root .section-testimonial .psc-cb-testimonial-container.preset1 .psc-cb-testimonial-cards .psc-cb-testimonial-card .psc-cb-testimonial-card-quote:before{ display: block; font-size: 250%; font-weight: 700; text-align: center; } .psc-cb-root .section-testimonial .psc-cb-testimonial-container.preset1 .psc-cb-testimonial-cards .psc-cb-testimonial-card .psc-cb-testimonial-card-quote:after{ display: none; } .psc-cb-root .section-testimonial .psc-cb-testimonial-container.preset1 .psc-cb-testimonial-cards .psc-cb-testimonial-card .psc-cb-testimonial-card-image{ height: 1.5rem; margin-top: 2rem; } .psc-cb-root .section-testimonial .psc-cb-testimonial-container.preset1 .psc-cb-testimonial-cards .psc-cb-testimonial-card .psc-cb-testimonial-card-image div{ box-shadow: 0 0 3rem rgba(0,0,0,.3); } .psc-cb-root .section-testimonial .psc-cb-testimonial-container.preset2 .psc-cb-testimonial-cards{ display: block; } .psc-cb-root .section-testimonial .psc-cb-testimonial-container.preset2 .psc-cb-testimonial-cards .psc-cb-testimonial-card{ position: relative; padding: 2rem 3rem; background-color: transparent; box-shadow: none; text-align: center; } .psc-cb-root .section-testimonial .psc-cb-testimonial-container.preset2 .psc-cb-testimonial-cards .psc-cb-testimonial-card .psc-cb-testimonial-card-quote:before{ position: absolute; left: 0; top: 2rem; display: block; font-size: 400%; font-weight: 700; } .psc-cb-root .section-testimonial .psc-cb-testimonial-container.preset2 .psc-cb-testimonial-cards .psc-cb-testimonial-card .psc-cb-testimonial-card-quote:after{ position: absolute; right: 0; bottom: 2.5rem; display: block; font-size: 400%; font-weight: 700; } .psc-cb-root .section-testimonial .psc-cb-testimonial-container.preset3 .psc-cb-testimonial-cards .psc-cb-testimonial-card .psc-cb-testimonial-card-image{ margin: 1rem 0; order: 1; } .psc-cb-root .section-testimonial .psc-cb-testimonial-container.preset3 .psc-cb-testimonial-cards .psc-cb-testimonial-card .psc-cb-testimonial-card-image div{ box-shadow: 0 0 3rem rgba(0,0,0,.3); } .psc-cb-root .section-testimonial .psc-cb-testimonial-container.preset3 .psc-cb-testimonial-cards .psc-cb-testimonial-card .psc-cb-testimonial-card-role{ order: 3; margin-bottom: 1rem; } .psc-cb-root .section-testimonial .psc-cb-testimonial-container.preset3 .psc-cb-testimonial-cards .psc-cb-testimonial-card .psc-cb-testimonial-card-name{ order: 2; } .psc-cb-root .section-testimonial .psc-cb-testimonial-container.preset3 .psc-cb-testimonial-cards .psc-cb-testimonial-card .psc-cb-testimonial-card-quote{ order: 4; } @media(max-width: 700px){ .psc-cb-root .section-testimonial .psc-cb-testimonial-cards{ grid-template-columns: 1fr; } .psc-cb-root .section-testimonial .psc-cb-testimonial-container.preset1 .psc-cb-testimonial-cards ,.psc-cb-root .section-testimonial .psc-cb-testimonial-container.preset1 .psc-cb-testimonial-cards .psc-cb-testimonial-card{ margin-bottom: 3rem; } } /* teams */ .psc-cb-root .section-teams{ } .psc-cb-root .section-teams .psc-cb-teams-container .psc-cb-teams-title{ margin-bottom: 1rem; } .psc-cb-root .section-teams .psc-cb-teams-container .psc-cb-teams-description{ margin-bottom: 1.5rem; } .psc-cb-root .section-teams .psc-cb-teams-container .psc-cb-teams-cards{ display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem; } .psc-cb-root .section-teams .psc-cb-teams-container .psc-cb-teams-cards .psc-cb-teams-card{ display: flex; flex-direction: column; padding: 1rem; background-color: var(--box-bg); color: var(--colour-default-fg); border-radius: var(--box-border-radius); box-shadow: var(--box-shadow); } .psc-cb-root .section-teams .psc-cb-teams-container .psc-cb-teams-cards .psc-cb-teams-card .psc-cb-teams-card-image{ display: block; margin: 0 0 1rem; text-align: center; } .psc-cb-root .section-teams .psc-cb-teams-container .psc-cb-teams-cards .psc-cb-teams-card .psc-cb-teams-card-image div{ display: inline-block; width: 7rem; height: 7rem; background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 100%; box-shadow: 0 0 3rem rgba(0,0,0,.3); } .psc-cb-root .section-teams .psc-cb-teams-container .psc-cb-teams-cards .psc-cb-teams-card .psc-cb-teams-card-details .psc-cb-teams-card-bio{ margin-bottom: 1rem; } .psc-cb-root .section-teams .psc-cb-teams-container .psc-cb-teams-cards .psc-cb-teams-card .psc-cb-teams-card-details .psc-cb-teams-card-name{ color: var(--colour-default-front); font-size: var(--font-size-title5); font-weight: var(--font-weight-title); } .psc-cb-root .section-teams .psc-cb-teams-container .psc-cb-teams-cards .psc-cb-teams-card .psc-cb-teams-card-details .psc-cb-teams-card-role{ margin: 0 0 1rem; color: var(--brand-1-bg); font-size: var(--font-size-prominent); font-weight: var(--font-weight-prominent); text-transform: var(--font-transform-prominent); } .psc-cb-root .section-teams .psc-cb-teams-container .psc-cb-teams-cards .psc-cb-teams-card .psc-cb-teams-card-details .psc-cb-teams-card-social{ display: flex; gap: .5rem; align-items: center; justify-content: var(--layout-align); margin-bottom: 1rem; } .psc-cb-root .section-teams .psc-cb-teams-container .psc-cb-teams-cards .psc-cb-teams-card .psc-cb-teams-card-details .psc-cb-teams-card-social a{ transition: all 1s; } .psc-cb-root .section-teams .psc-cb-teams-container .psc-cb-teams-cards .psc-cb-teams-card .psc-cb-teams-card-details .psc-cb-teams-card-social a:hover{ transform: rotateY(1turn); } .psc-cb-root .section-teams .psc-cb-teams-container.preset2 .psc-cb-teams-cards .psc-cb-teams-card .psc-cb-teams-card-image div{ width: 100%; height: 0; padding: 0 0 100%; border-radius: var(--box-border-radius); } .psc-cb-root .section-teams .psc-cb-teams-container.preset3 .psc-cb-teams-cards{ grid-template-columns: repeat(2,1fr); } .psc-cb-root .section-teams .psc-cb-teams-container.preset3 .psc-cb-teams-cards .psc-cb-teams-card{ flex-direction: row; gap: 1rem; } .psc-cb-root .section-teams .psc-cb-teams-container.preset3 .psc-cb-teams-cards .psc-cb-teams-card .psc-cb-teams-card-details{ flex-basis: 60%; padding: 1rem; text-align: var(--text-align); } .psc-cb-root .section-teams .psc-cb-teams-container.preset3 .psc-cb-teams-cards .psc-cb-teams-card .psc-cb-teams-card-details .psc-cb-teams-card-social{ justify-content: var(--layout-align); } .psc-cb-root .section-teams .psc-cb-teams-container.preset3 .psc-cb-teams-cards .psc-cb-teams-card .psc-cb-teams-card-image{ flex-basis: 40%; } .psc-cb-root .section-teams .psc-cb-teams-container.preset3 .psc-cb-teams-cards .psc-cb-teams-card .psc-cb-teams-card-image div{ width: 100%; height: 0; padding: 0 0 100%; border-radius: 10%; } .psc-cb-root .section-teams .psc-cb-teams-container.preset4 .psc-cb-teams-cards .psc-cb-teams-card{ margin-top: 3rem; } .psc-cb-root .section-teams .psc-cb-teams-container.preset4 .psc-cb-teams-cards .psc-cb-teams-card .psc-cb-teams-card-image{ height: 3rem; } .psc-cb-root .section-teams .psc-cb-teams-container.preset4 .psc-cb-teams-cards .psc-cb-teams-card .psc-cb-teams-card-image div{ transform: translateY(-5rem); } .psc-cb-root .section-teams .psc-cb-teams-container.preset5 .psc-cb-teams-cards{ grid-template-columns: repeat(2,1fr); } .psc-cb-root .section-teams .psc-cb-teams-container.preset5 .psc-cb-teams-cards .psc-cb-teams-card{ flex-direction: row; gap: 1rem; } .psc-cb-root .section-teams .psc-cb-teams-container.preset5 .psc-cb-teams-cards .psc-cb-teams-card .psc-cb-teams-card-details{ flex-basis: 60%; padding: 1rem; text-align: var(--text-align); } .psc-cb-root .section-teams .psc-cb-teams-container.preset5 .psc-cb-teams-cards .psc-cb-teams-card .psc-cb-teams-card-details .psc-cb-teams-card-social{ justify-content: var(--layout-align); } .psc-cb-root .section-teams .psc-cb-teams-container.preset5 .psc-cb-teams-cards .psc-cb-teams-card .psc-cb-teams-card-image{ flex-basis: 40%; } .psc-cb-root .section-teams .psc-cb-teams-container.preset5 .psc-cb-teams-cards .psc-cb-teams-card .psc-cb-teams-card-image div{ width: 100%; height: 0; padding: 0 0 100%; border-radius: 10%; } @media(max-width: 700px){ .psc-cb-root .section-teams .psc-cb-teams-container.preset3 .psc-cb-teams-cards,.psc-cb-root .section-teams .psc-cb-teams-container .psc-cb-teams-cards{ grid-template-columns: 1fr; } .psc-cb-root .section-teams .psc-cb-teams-container.preset3 .psc-cb-teams-cards .psc-cb-teams-card{ flex-direction: column; gap: 1rem; } .psc-cb-root .section-teams .psc-cb-teams-container.preset5 .psc-cb-teams-cards{ grid-template-columns: 1fr; } .psc-cb-root .section-teams .psc-cb-teams-container.preset5 .psc-cb-teams-cards .psc-cb-teams-card{ flex-direction: column; gap: 1rem; } } /* features */ .psc-cb-root .section-features{ } .psc-cb-root .section-features .psc-cb-features-container{ margin-bottom: 3rem; } .psc-cb-root .section-features .psc-cb-features-container .psc-cb-features-title{ margin-bottom: 1rem; } .psc-cb-root .section-features .psc-cb-features-container .psc-cb-features-description{ margin-bottom: 1.5rem; } .psc-cb-root .section-features .psc-cb-features-container .psc-cb-features-cards{ display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; } .psc-cb-root .section-features .psc-cb-features-container .psc-cb-features-cards .psc-cb-features-card{ display: flex; flex-direction: column; padding: 0 1rem; background-color: var(--box-bg); color: var(--colour-default-fg); border-radius: var(--box-border-radius); box-shadow: var(--box-shadow); text-align: center; } .psc-cb-root .section-features .psc-cb-features-container .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-image{ display: block; margin: 1rem 0; } .psc-cb-root .section-features .psc-cb-features-container .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-image div{ display: inline-block; width: 2rem; height: 2rem; color: var(--brand-2-bg); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 100%; box-shadow: 0 0 1rem rgba(0,0,0,.1); line-height: 2rem; text-align: center; } .psc-cb-root .section-features .psc-cb-features-container .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-details{ padding-bottom: 1rem; } .psc-cb-root .section-features .psc-cb-features-container .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-details .psc-cb-features-card-title{ margin-bottom: 1rem; color: var(--colour-default-fg); font-size: var(--font-size-title5); font-weight: var(--font-weight-title); } .psc-cb-root .section-features .psc-cb-features-container .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-details .psc-cb-features-card-description{ max-height: 55px; margin-bottom: 1.5rem; overflow: hidden; } .psc-cb-root .section-features .psc-cb-features-container.preset4 .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-details .psc-cb-features-card-description{ max-height: none; } .psc-cb-root .section-features .psc-cb-features-container.preset5 .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-details .psc-cb-features-card-description{ max-height: none; } .psc-cb-root .section-features .psc-cb-features-container .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-details .psc-cb-features-card-social{ display: flex; gap: .5rem; align-items: center; justify-content: var(--layout-align); margin-bottom: 1rem; } .psc-cb-root .section-features .psc-cb-features-container .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-details .psc-cb-features-card-social a{ transition: all 1s; } .psc-cb-root .section-features .psc-cb-features-container .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-details .psc-cb-features-card-social a:hover{ transform: rotateY(1turn); } .psc-cb-root .section-features .psc-cb-features-container.preset1 .psc-cb-features-cards .psc-cb-features-card ,.psc-cb-root .section-features .psc-cb-features-container.preset2 .psc-cb-features-cards .psc-cb-features-card ,.psc-cb-root .section-features .psc-cb-features-container.preset3 .psc-cb-features-cards .psc-cb-features-card{ background-color: transparent; } .psc-cb-root .section-features .psc-cb-features-container.preset4 ,.psc-cb-root .section-features .psc-cb-features-container.preset5{ display: flex; gap: 2rem; } .psc-cb-root .section-features .psc-cb-features-container.preset4 .psc-cb-features-mainimage ,.psc-cb-root .section-features .psc-cb-features-container.preset5 .psc-cb-features-mainimage{ display: block; width: 50%; background-position: top; background-repeat: no-repeat; background-size: contain; } .psc-cb-root .section-features .psc-cb-features-container.preset4 .psc-cb-features-description ,.psc-cb-root .section-features .psc-cb-features-container.preset4 .psc-cb-features-title ,.psc-cb-root .section-features .psc-cb-features-container.preset5 .psc-cb-features-description ,.psc-cb-root .section-features .psc-cb-features-container.preset5 .psc-cb-features-title{ display: none; } .psc-cb-root .section-features .psc-cb-features-container.preset4 .psc-cb-features-cards ,.psc-cb-root .section-features .psc-cb-features-container.preset5 .psc-cb-features-cards{ grid-template-columns: 1fr; gap: 1rem; width: 50%; text-align: var(--text-align); } .psc-cb-root .section-features .psc-cb-features-container.preset4 .psc-cb-features-cards .psc-cb-features-title ,.psc-cb-root .section-features .psc-cb-features-container.preset5 .psc-cb-features-cards .psc-cb-features-title{ display: block; margin-left: 1rem; } .psc-cb-root .section-features .psc-cb-features-container.preset4 .psc-cb-features-cards .psc-cb-features-card ,.psc-cb-root .section-features .psc-cb-features-container.preset5 .psc-cb-features-cards .psc-cb-features-card{ background-color: transparent; box-shadow: none; text-align: var(--text-align); } .psc-cb-root .section-features .psc-cb-features-container.preset4 .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-details ,.psc-cb-root .section-features .psc-cb-features-container.preset5 .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-details{ padding-left: 3rem; } .psc-cb-root .section-features .psc-cb-features-container.preset4 .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-details .psc-cb-features-card-title ,.psc-cb-root .section-features .psc-cb-features-container.preset5 .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-details .psc-cb-features-card-title{ transform: translateX(-3rem); } .psc-cb-root .section-features .psc-cb-features-container.preset4 .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-details .psc-cb-features-card-title .psc-cb-features-card-title-icon ,.psc-cb-root .section-features .psc-cb-features-container.preset5 .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-details .psc-cb-features-card-title .psc-cb-features-card-title-icon{ display: inline-block; min-width: 3rem; color: var(--brand-2-bg); vertical-align: middle; } .psc-cb-root .section-features .psc-cb-features-container.preset4 .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-details .psc-cb-features-card-title .psc-cb-features-card-title-icon.icon-small{ font-size: 1rem; vertical-align: 1px; } .psc-cb-root .section-features .psc-cb-features-container.preset4 .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-details .psc-cb-features-card-title .psc-cb-features-card-title-icon.icon-medium{ font-size: 1.25rem; vertical-align: -1px; } .psc-cb-root .section-features .psc-cb-features-container.preset4 .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-details .psc-cb-features-card-title .psc-cb-features-card-title-icon.icon-large{ font-size: 1.5rem; vertical-align: -2px; } .psc-cb-root .section-features .psc-cb-features-container.preset4 .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-details .psc-cb-features-card-title .psc-cb-features-card-title-icon.icon-extra-large{ font-size: 2rem; vertical-align: -6px; } .psc-cb-root .section-features .psc-cb-features-container.preset5 .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-details .psc-cb-features-card-title .psc-cb-features-card-title-icon.icon-small{ font-size: 1rem; vertical-align: 1px; } .psc-cb-root .section-features .psc-cb-features-container.preset5 .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-details .psc-cb-features-card-title .psc-cb-features-card-title-icon.icon-medium{ font-size: 1.25rem; vertical-align: -1px; } .psc-cb-root .section-features .psc-cb-features-container.preset5 .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-details .psc-cb-features-card-title .psc-cb-features-card-title-icon.icon-large{ font-size: 1.5rem; vertical-align: -2px; } .psc-cb-root .section-features .psc-cb-features-container.preset5 .psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-details .psc-cb-features-card-title .psc-cb-features-card-title-icon.icon-extra-large{ font-size: 2rem; vertical-align: -6px; } .psc-cb-root .section-features .psc-cb-features-container.preset5{ flex-direction: row-reverse; } .psc-cb-root .section-features .psc-cb-features-container.preset2 .psc-cb-features-cards .psc-cb-features-card ,.psc-cb-root .section-features .psc-cb-features-container.preset8 .psc-cb-features-cards .psc-cb-features-card{ text-align: var(--text-align); } .psc-cb-root .section-features .psc-cb-features-container.preset3 .psc-cb-features-cards .psc-cb-features-card ,.psc-cb-root .section-features .psc-cb-features-container.preset9 .psc-cb-features-cards .psc-cb-features-card{ text-align: right; } @media(max-width: 700px){ .psc-cb-root .section-features .psc-cb-features-container .psc-cb-features-cards{ grid-template-columns: 1fr; } .psc-cb-root .section-features .psc-cb-features-container.preset4 ,.psc-cb-root .section-features .psc-cb-features-container.preset5{ flex-direction: column; } .psc-cb-root .section-features .psc-cb-features-container.preset4 .psc-cb-features-mainimage ,.psc-cb-root .section-features .psc-cb-features-container.preset5 .psc-cb-features-mainimage{ width: 100%; height: 0; margin: 0; padding: 0 0 90vh; } .psc-cb-root .section-features .psc-cb-features-container.preset4 .psc-cb-features-cards ,.psc-cb-root .section-features .psc-cb-features-container.preset5 .psc-cb-features-cards{ width: 100%; } } /* marquee */ .psc-cb-root .section-marquee{ } .psc-cb-root .section-marquee .psc-cb-marquee-container{ display: block; overflow: hidden; text-align: center; } .psc-cb-root .section-marquee .psc-cb-marquee-container .psc-cb-marquee{ animation-name: marqueescroll; animation-iteration-count: infinite; animation-timing-function: linear; animation-duration: 20s; display: block; margin: 0; padding: 0; list-style: none; white-space: nowrap; } .psc-cb-root .section-marquee .psc-cb-marquee-container .psc-cb-marquee>li{ display: inline-block; margin: 0 1rem; } .psc-cb-root .section-marquee .psc-cb-marquee-container .psc-cb-marquee>li>a{ display: block; padding: 0.5rem; } .psc-cb-root .section-marquee .psc-cb-marquee-container .psc-cb-marquee>li>a>span{ display: block; background-position: center; background-repeat: no-repeat; background-size: contain; filter: grayscale(1); } .psc-cb-root .section-marquee .psc-cb-marquee-container .psc-cb-marquee-text{ display: block; padding: 0.5rem 0 2rem; font-size: var(--font-size-default); } @keyframes marqueescroll{ from{ transform: translateX(100%); } to{ transform: translateX(-100%); } } /* badges */ .psc-cb-root .inner.section-badges{ max-width: 60%; } .psc-cb-root .section-badges .psc-cb-badges-container{ text-align: center; } .psc-cb-root .section-badges .psc-cb-badges-container .psc-cb-badges-title{ } .psc-cb-root .section-badges .psc-cb-badges-container .psc-cb-badges-text{ } .psc-cb-root .section-badges .psc-cb-badges-container .psc-cb-badges-list{ display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; max-width: 60%; margin: 0 auto; padding: 0; list-style: none; } .psc-cb-root .section-badges .psc-cb-badges-container .psc-cb-badges-list li{ } .psc-cb-root .section-badges .psc-cb-badges-container .psc-cb-badges-list li a{ display: flex; align-items: center; justify-content: var(--layout-align); transition: all 0.3s; } .psc-cb-root .section-badges .psc-cb-badges-container .psc-cb-badges-list li a img{ display: block; max-width: 100%; } .psc-cb-root .section-badges .psc-cb-badges-container .psc-cb-badges-list li a:hover{ transform: scale(1.05); } @media(max-width: 700px){ .psc-cb-root .section-badges .psc-cb-badges-container .psc-cb-badges-list{ grid-template-columns: 1fr; } } /* perspective carousel */ .psc-cb-root .psc-cb-perspective-carousel-container{ } .psc-cb-root .psc-cb-perspective-carousel-container .psc-cb-perspective-carousel-title{ } .psc-cb-root .psc-cb-perspective-carousel-container .psc-cb-perspective-carousel-intro{ } .psc-cb-root .psc-cb-perspective-carousel-container .psc-cb-perspective-carousel-contentbar{ display: grid; grid-template-columns: 35% 60%; align-items: center; justify-content: var(--layout-align); gap: 5%; } .psc-cb-root .psc-cb-perspective-carousel-container .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-sidecontent{ display: block; text-align: var(--card-align); } .psc-cb-root .psc-cb-perspective-carousel-container .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-sidecontent img{ display: block; max-width: 100%; } .psc-cb-root .psc-cb-perspective-carousel-container .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards{ display: flex; } .psc-cb-root .psc-cb-perspective-carousel-container .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container{ box-sizing: content-box; padding: 1rem 0; } .psc-cb-root .psc-cb-perspective-carousel-container .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider{ } .psc-cb-root .psc-cb-perspective-carousel-container .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide{ display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem; background-color: var(--box-bg); color: var(--colour-default-fg); border-radius: var(--box-border-radius); text-align: center; } .psc-cb-root .psc-cb-perspective-carousel-container .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide.current{ box-shadow: var(--box-shadow); } .psc-cb-root .psc-cb-perspective-carousel-container .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide.right-1{ } .psc-cb-root .psc-cb-perspective-carousel-container .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide.right-2{ } .psc-cb-root .psc-cb-perspective-carousel-container .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide.left-1{ } .psc-cb-root .psc-cb-perspective-carousel-container .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide.left-2{ } .psc-cb-root .psc-cb-perspective-carousel-container .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide .psc-cb-perspective-carousel-card-image-container{ display: flex; align-items: center; justify-content: center; margin: 0 0 2rem; } .psc-cb-root .psc-cb-perspective-carousel-container .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide .psc-cb-perspective-carousel-card-image-container .psc-cb-perspective-carousel-card-image{ position: relative; display: inline-block; width: 5rem; padding: 0 0 5rem; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 100%; box-shadow: inset 0 0 0.5rem rgba(0,0,0,0.3); } .psc-cb-root .psc-cb-perspective-carousel-container .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide .psc-cb-perspective-carousel-card-image-container .psc-cb-perspective-carousel-card-image:after{ content: ''; position: absolute; inset: -0.5rem; background-color: transparent; border: solid 1px rgba(0,0,0,0.2); border-radius: 100%; } .psc-cb-root .psc-cb-perspective-carousel-container .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide .psc-cb-perspective-carousel-card-image-text{ } .psc-cb-root .psc-cb-perspective-carousel-container.preset2 .psc-cb-perspective-carousel-contentbar ,.psc-cb-root .psc-cb-perspective-carousel-container.preset5 .psc-cb-perspective-carousel-contentbar ,.psc-cb-root .psc-cb-perspective-carousel-container.preset6 .psc-cb-perspective-carousel-contentbar{ display: block; width: 100%; } .psc-cb-root .psc-cb-perspective-carousel-container.preset2 .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-sidecontent ,.psc-cb-root .psc-cb-perspective-carousel-container.preset5 .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-sidecontent ,.psc-cb-root .psc-cb-perspective-carousel-container.preset6 .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-sidecontent{ display: none; } .psc-cb-root .psc-cb-perspective-carousel-container.preset4 .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide ,.psc-cb-root .psc-cb-perspective-carousel-container.preset6 .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide{ background-color: var(--brand-1-fg); border: none; box-shadow: var(--box-shadow); } .psc-cb-root .psc-cb-perspective-carousel-container.preset3 .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide .psc-cb-perspective-carousel-card-image-container .psc-cb-perspective-carousel-card-image ,.psc-cb-root .psc-cb-perspective-carousel-container.preset4 .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide .psc-cb-perspective-carousel-card-image-container .psc-cb-perspective-carousel-card-image ,.psc-cb-root .psc-cb-perspective-carousel-container.preset5 .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide .psc-cb-perspective-carousel-card-image-container .psc-cb-perspective-carousel-card-image ,.psc-cb-root .psc-cb-perspective-carousel-container.preset6 .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide .psc-cb-perspective-carousel-card-image-container .psc-cb-perspective-carousel-card-image{ width: 20rem; padding: 0 0 10rem; border-radius: 0; box-shadow: none; } .psc-cb-root .psc-cb-perspective-carousel-container.preset4 .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide .psc-cb-perspective-carousel-card-image-container .psc-cb-perspective-carousel-card-image ,.psc-cb-root .psc-cb-perspective-carousel-container.preset6 .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide .psc-cb-perspective-carousel-card-image-container .psc-cb-perspective-carousel-card-image{ background-size: contain; } .psc-cb-root .psc-cb-perspective-carousel-container.preset3 .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide .psc-cb-perspective-carousel-card-image-container .psc-cb-perspective-carousel-card-image:after ,.psc-cb-root .psc-cb-perspective-carousel-container.preset4 .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide .psc-cb-perspective-carousel-card-image-container .psc-cb-perspective-carousel-card-image:after ,.psc-cb-root .psc-cb-perspective-carousel-container.preset5 .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide .psc-cb-perspective-carousel-card-image-container .psc-cb-perspective-carousel-card-image:after ,.psc-cb-root .psc-cb-perspective-carousel-container.preset6 .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide .psc-cb-perspective-carousel-card-image-container .psc-cb-perspective-carousel-card-image:after{ display: none; } .psc-cb-root .psc-cb-perspective-carousel-container.preset3 .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide .psc-cb-perspective-carousel-card-image-text ,.psc-cb-root .psc-cb-perspective-carousel-container.preset4 .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide .psc-cb-perspective-carousel-card-image-text ,.psc-cb-root .psc-cb-perspective-carousel-container.preset5 .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide .psc-cb-perspective-carousel-card-image-text ,.psc-cb-root .psc-cb-perspective-carousel-container.preset6 .psc-cb-perspective-carousel-contentbar .psc-cb-perspective-carousel-cards .carousel-3d-container .carousel-3d-slider .carousel-3d-slide .psc-cb-perspective-carousel-card-image-text{ max-height: 3.5rem; font-size: 1rem; font-weight: 500; line-height: 1.6rem; overflow: hidden; } @media(max-width:770px){ .psc-cb-root .psc-cb-perspective-carousel-container .psc-cb-perspective-carousel-contentbar{ display: block; } /* .psc-cb-root .psc-cb-perspective-carousel-container .psc-cb-perspective-carousel-contentbar{ grid-template-columns: 35% 50%; gap: 0; } */ } @media(max-width:700px){ } /* counters */ .psc-cb-root .psc-cb-counters-container{ } .psc-cb-root .psc-cb-counters-container .psc-cb-counters-title{ } .psc-cb-root .psc-cb-counters-container .psc-cb-counters-intro{ } .psc-cb-root .psc-cb-counters-container .psc-cb-counters-counters{ display: grid; grid-template-columns: repeat(3,1fr); align-items: center; justify-content: var(--layout-align); gap: 1rem; margin: 0; padding: 0; list-style: none; } .psc-cb-root .psc-cb-counters-container .psc-cb-counters-counters>li{ display: block; } .psc-cb-root .psc-cb-counters-container .psc-cb-counters-counters>li .psc-cb-counters-icon{ display: block; text-align: center; } .psc-cb-root .psc-cb-counters-container .psc-cb-counters-counters>li .psc-cb-counters-counter{ display: block; font-size: 3rem; font-weight: 700; text-align: center; } .psc-cb-root .psc-cb-counters-container .psc-cb-counters-counters>li .psc-cb-counters-counter .psc-cb-counters-count{ display: inline-block; } .psc-cb-root .psc-cb-counters-container .psc-cb-counters-counters>li .psc-cb-counters-counter .psc-cb-counters-suffix{ display: inline-block; } .psc-cb-root .psc-cb-counters-container .psc-cb-counters-counters>li .psc-cb-counters-title{ display: block; } /* image gallery */ .psc-cb-root .psc-cb-imagegallery-container{ } .psc-cb-root .modal-open .modal{ backdrop-filter: blur(3px); } .psc-cb-root .slick-next{ right: 1rem; } .psc-cb-root .psc-cb-imagegallery-container.preset3 .slick-next{ right: -1.5rem; } .psc-cb-root .slick-prev{ left: 1rem; } .psc-cb-root .psc-cb-imagegallery-container.preset3 .slick-prev{ left: -1.5rem; } .psc-cb-root .slick-next:before,.psc-cb-root .slick-prev:before{ color: var(--brand-1-bg); font-size: 2rem; } .psc-cb-root .psc-cb-button.btn-open-modal{ display: none; } .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery-title{ } .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery-text{ } .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery-text p{ } .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery-features{ display: grid; grid-template-columns: repeat(2,1fr); align-items: start; gap: 2rem; margin: 0; padding: 2rem 0 0; list-style: none; } .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery-features .feature-title{ } .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery-features .feature-title .fa, .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery-features .feature-title .fab, .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery-features .feature-title .fas{ margin-right: 0.75rem; color: var(--brand-1-bg); font-size: var(--font-size-title5); vertical-align: 1px; } .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery-features .feature-title h5{ display: inline-block; margin-bottom: 0.5rem; } .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery-features .feature-description{ font-size: 0.8rem; line-height: 1.2rem; } .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery{ display: grid; grid-template-columns: repeat(4,1fr); gap: 2rem; margin: 0; padding: 0; list-style: none; } .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery>li{ display: block; } .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery>li>a{ display: block; padding: 1rem; color: var(--colour-default-fg); box-shadow: 0 0 0.5rem rgba(0,0,0,0.1); font-size: 0.8rem; cursor: pointer; text-decoration: none; transition: all 0.6s; } .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery>li>a>span{ display: block; text-align: center; transition: all 0.6s; } .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery>li .psc-cb-imagegallery-image{ margin: 0 0 1rem; height: 0; padding: 0 0 100%; background-position: center; background-repeat: no-repeat; background-size: contain; } .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery>li .psc-cb-imagegallery-caption{ height: 2rem; font-size: 0.8rem; line-height: 1rem; overflow: hidden; } .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery>li>a:hover{ box-shadow: 0 0 1.5rem rgba(0,0,0,0.3); } .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery>li a:hover .psc-cb-imagegallery-image{ transform: scale(1.05); } .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery-modal{ } .psc-cb-root .psc-cb-imagegallery-modal .modal-dialog{ max-width: 94vw; margin: 1rem auto; } .psc-cb-root .psc-cb-imagegallery-modal .modal-dialog .modal-body .closeBtn{ position: relative; z-index: 100; } .psc-cb-root .psc-cb-imagegallery-modal .modal-carousels .modal-carousel-slide{ height: 75vh; text-align: center; } .psc-cb-root .psc-cb-imagegallery-modal .modal-carousels .modal-carousel-slide img{ display: inline-block; max-width: 90%; max-height: 65vh; } .psc-cb-root .psc-cb-imagegallery-modal .modal-carousels .modal-thumbslist{ padding: 0 4rem; } .psc-cb-root .psc-cb-imagegallery-modal .modal-carousels .modal-thumbslist .psc-cb-imagegallery-modal-carousel-thumb{ border: solid 5px #ffffff; cursor: pointer; transition: all 0.3s; } .psc-cb-root .psc-cb-imagegallery-modal .modal-carousels .modal-thumbslist .psc-cb-imagegallery-modal-carousel-thumb:hover{ transform: scale(1.05); } .psc-cb-root .psc-cb-imagegallery-modal .modal-carousels .modal-thumbslist .psc-cb-imagegallery-modal-carousel-thumb span{ display: block; padding: 0 0 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .psc-cb-root .psc-cb-imagegallery-container .lightbox{ padding: 0 1rem; } .psc-cb-root .psc-cb-imagegallery-container .lightbox .psc-cb-imagegallery-slide{ text-align: center; } .psc-cb-root .psc-cb-imagegallery-container .lightbox .psc-cb-imagegallery-slide .psc-cb-imagegallery-slideimage{ display: block; margin: 0 auto 1rem; padding: 0 0 60%; background-position: center; background-repeat: no-repeat; background-size: contain; } .psc-cb-root .psc-cb-imagegallery-container .lightbox .psc-cb-imagegallery-slide h5{ } .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery-thumbslist{ padding: 0 2rem; } .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery-thumbslist .psc-cb-imagegallery-thumb{ border: solid 5px #ffffff; cursor: pointer; transition: all 0.3s; } .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery-thumbslist .psc-cb-imagegallery-thumb:hover{ transform: scale(1.05); } .psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery-thumbslist .psc-cb-imagegallery-thumb span{ display: block; padding: 0 0 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .psc-cb-root .psc-cb-imagegallery-container.preset2{ display: grid; grid-template-columns: 50% 50%; align-items: start; } .psc-cb-root .psc-cb-imagegallery-container.preset2 .psc-cb-imagegallery-text{ padding-right: 4rem; } .psc-cb-root .psc-cb-imagegallery-container.preset2 .psc-cb-imagegallery{ grid-template-columns: repeat(3,1fr); gap: 1rem; } .psc-cb-root .psc-cb-imagegallery-container.preset2 .psc-cb-imagegallery>li .psc-cb-imagegallery-image{ margin: 0; } .psc-cb-root .psc-cb-imagegallery-container.preset2 .psc-cb-imagegallery>li .psc-cb-imagegallery-caption{ display: none; } @media(max-width:770px){ .psc-cb-imagegallery-container .psc-cb-imagegallery{ grid-template-columns: repeat(3,1fr); } } @media(max-width:700px){ .psc-cb-imagegallery-container .psc-cb-imagegallery{ grid-template-columns: 1fr; } } /* embedded video */ .psc-cb-root .section-embedded-video{ } .psc-cb-root .section-embedded-video .psc-cb-embvideo-container{ } .psc-cb-root .section-embedded-video .psc-cb-embvideo-container .psc-cb-embvideo-title{ } .psc-cb-root .section-embedded-video .psc-cb-embvideo-container .psc-cb-embvideo-intro{ } .psc-cb-root .section-embedded-video .psc-cb-embvideo-container .psc-cb-embvideo-video{ } .psc-cb-root .section-embedded-video .psc-cb-embvideo-container .psc-cb-embvideo-video iframe{ display: block; width: 60rem; max-width: 100%; height: 33rem; max-height: 80vh; margin: 0 auto; } /* overlay */ .psc-cb-root .psc-cb-overlays-container{ display: block; } .psc-cb-root .psc-cb-overlays-container .psc-cb-overlays{ display: flex; align-items: stretch; justify-content: stretch; gap: 1rem 4.5%; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; } .psc-cb-root .psc-cb-overlays-container .psc-cb-overlays>li{ display: block; width: 30%; } .psc-cb-root .psc-cb-overlays-container .psc-cb-overlays.cardsperrow-one{ display: block; } .psc-cb-root .psc-cb-overlays-container .psc-cb-overlays.cardsperrow-one>li{ width: 100%; } .psc-cb-root .psc-cb-overlays-container .psc-cb-overlays.cardsperrow-two{ gap: 4%; } .psc-cb-root .psc-cb-overlays-container .psc-cb-overlays.cardsperrow-two>li{ width: 48%; } .psc-cb-root .psc-cb-overlays-container .psc-cb-overlays.cardsperrow-four{ gap: 4%; } .psc-cb-root .psc-cb-overlays-container .psc-cb-overlays.cardsperrow-four>li{ width: 24%; } .psc-cb-root .psc-cb-overlays-container .psc-cb-overlays.cardsperrow-five{ gap: 2.5%; } .psc-cb-root .psc-cb-overlays-container .psc-cb-overlays.cardsperrow-five>li{ width: 18%; } .psc-cb-root .psc-cb-overlays-container .psc-cb-overlays>li .psc-cb-overlay-box{ display: block; height: 100%; padding: 2rem; background-color: var(--box-bg); color: var(--colour-default-fg); border-radius: var(--box-border-radius); box-shadow: var(--box-shadow); cursor: pointer; overflow: hidden; text-align: var(--card-align); transition: all 0.6s; } .psc-cb-root .psc-cb-overlays-container .psc-cb-overlays>li .psc-cb-overlay-box:hover{ box-shadow: 0 0 1rem rgba(0,0,0,0.3); transform: scale(1.05); } .psc-cb-root .psc-cb-overlays-container .psc-cb-overlays>li .psc-cb-overlay-trigger{ } .psc-cb-root .psc-cb-overlays-container .psc-cb-overlays>li .psc-cb-overlay-overlay{ position: fixed; inset: 0; z-index: 1000000000; display: flex; align-items: center; justify-content: center; background-color: var(--colour-default-bg); color: var(--colour-default-fg); cursor: default; opacity: 0; transform: scale(0); transition: all 0.6s; } .psc-cb-root .psc-cb-overlays-container .psc-cb-overlays>li .psc-cb-overlay-overlay.active{ opacity: 1; transform: scale(1); } .psc-cb-root .psc-cb-overlays-container .psc-cb-overlays>li .psc-cb-overlay-overlay .inner{ padding-bottom: 6rem; } .psc-cb-root .psc-cb-overlays-container .psc-cb-overlays>li .psc-cb-overlay-overlay .inner>a{ position: absolute; top: 2rem; right: 2rem; color: var(--colour-default-fg); font-size: 2rem; } .psc-cb-root .psc-cb-overlays-container .psc-cb-overlays>li .psc-cb-overlay-overlay .inner>a:hover{ color: var(--brand-2-bg); } /* article */ .psc-cb-root .section-article{ } .psc-cb-root .section-article .psc-cb-article-container{ text-align: left; } .psc-cb-root .section-article .psc-cb-article-container .psc-cb-introbar{ } .psc-cb-root .section-article .psc-cb-article-container .psc-cb-introbar .psc-cb-article-title{ margin-bottom: 0; } .psc-cb-root .section-article .psc-cb-article-container .psc-cb-introbar .psc-cb-article-subtitle{ display: block; margin: 0 0 var(--font-size-title4); font-size: var(--font-size-title4); } .psc-cb-root .section-article .psc-cb-article-container .psc-cb-introbar .psc-cb-article-summary{ margin: 0 0 var(--font-size-title4); font-family: var(--font-family-article); font-size: 1rem; line-height: 1.6rem; } .psc-cb-root .section-article .psc-cb-article-container .psc-cb-introbar .psc-cb-article-meta{ display: flex; align-items: center; gap: 2rem; margin: 0 0 1rem; } .psc-cb-root .section-article .psc-cb-article-container .psc-cb-introbar .psc-cb-article-meta .author{ font-size: 0.8rem; font-weight: 700; } .psc-cb-root .section-article .psc-cb-article-container .psc-cb-introbar .psc-cb-article-meta .date{ font-size: 0.8rem; font-weight: 700; } .psc-cb-root .section-article .psc-cb-article-container .psc-cb-introbar .psc-cb-article-tags{ display: flex; align-items: center; gap: 1rem; margin: 0 0 1rem; padding: 0; list-style: none; } .psc-cb-root .section-article .psc-cb-article-container .psc-cb-introbar .psc-cb-article-tags li{ } .psc-cb-root .section-article .psc-cb-article-container .psc-cb-introbar .psc-cb-article-tags li a{ display: block; min-width: 100px; padding: 0.3rem 1rem; background-color: #dddddd; color: var(--colour-on-light); border-radius: 15px; text-align: center; text-decoration: none; } .psc-cb-root .section-article .psc-cb-article-container .psc-cb-introbar .psc-cb-article-tags li a:hover{ background-color: var(--brand-1-bg); color: var(--brand-1-fg); } .psc-cb-root .section-article .psc-cb-article-container .psc-cb-article-image{ display: block; margin: 0 0 2rem; max-height: 45vh; overflow: hidden; } .psc-cb-root .section-article .psc-cb-article-container .psc-cb-article-image picture{ } .psc-cb-root .section-article .psc-cb-article-container .psc-cb-article-image picture img{ } .psc-cb-root .section-article .psc-cb-article-container .psc-cb-article-body{ } .psc-cb-root .section-article .psc-cb-article-container .psc-cb-article-body .psc-cb-article-body-intro{ margin: 0 0 2rem; font-family: var(--font-family-article); font-size: 1.1rem; font-weight: 700; line-height: 1.6rem; } .psc-cb-root .section-article .psc-cb-article-container .psc-cb-article-body .psc-cb-article-body-article{ margin: 0 0 2rem; font-family: var(--font-family-article); font-size: 1rem; line-height: 1.8rem; } .psc-cb-root .section-article .psc-cb-article-container .psc-cb-article-body .psc-cb-article-no-access{ margin: 4rem 0; padding: 3rem; font-size: 1rem; font-weight: 700; line-height: 1.8rem; border-radius: 3px; box-shadow: 0 0 1rem rgba(0,0,0,0.15); text-align: center; } /* dynamic events */ .psc-cb-root .psc-cb-events-container{ } .psc-cb-root .psc-cb-events-title{ } .psc-cb-root .psc-cb-events-list{ display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem; margin: 0; padding: 0; list-style: none; } .psc-cb-root .psc-cb-events-event{ display: flex; flex-direction: column; background-color: var(--box-bg); color: var(--colour-default-fg); border-radius: var(--box-border-radius); box-shadow: var(--box-shadow); } .psc-cb-root .psc-cb-events-event .dynamichead{ } .psc-cb-root .psc-cb-events-event .psc-cb-events-image{ display: block; } .psc-cb-root .psc-cb-events-event .psc-cb-events-image>div{ display: block; padding: 0 0 60%; background-position: center; background-repeat: no-repeat; background-size: cover; } .psc-cb-root .psc-cb-events-event .dynamicbody{ position: relative; height: 15rem; padding: 1rem 1.5rem; overflow: hidden; } .psc-cb-root .psc-cb-events-event .dynamicbody:after{ content: ''; position: absolute; left: 0.5rem; bottom: 0; right: 0.5rem; display: block; height: 2.5rem; background: var(--gradient-overlay); } .psc-cb-root .psc-cb-events-event .titlebar{ margin: 0 0 1rem; } .psc-cb-root .psc-cb-events-event .titlebar>span{ color: var(--brand-1-bg); font-size: var(--font-size-prominent); font-weight: var(--font-weight-prominent); text-transform: var(--font-transform-prominent); } .psc-cb-root .psc-cb-events-event .titlebar>h5{ color: var(--colour-default-front); font-size: var(--font-size-title5); font-weight: var(--font-weight-title); } .psc-cb-root .psc-cb-events-event .auxbar{ margin: 0 0 1rem; } .psc-cb-root .psc-cb-events-event .auxbar>span{ } .psc-cb-root .psc-cb-events-event .auxbar .aux{ color: var(--colour-default-front); font-weight: var(--font-weight-prominent); } .psc-cb-root .psc-cb-events-event .auxbar .aux.firstaux{ } .psc-cb-root .psc-cb-events-event .auxbar .aux.lastaux{ } .psc-cb-root .psc-cb-events-event .auxbar .separator{ } .psc-cb-root .psc-cb-events-event .description{ height: 6rem; overflow: hidden; } .psc-cb-root .psc-cb-events-event .dynamicfoot{ padding: 1rem 1.5rem 2rem; text-align: right; } .psc-cb-root .psc-cb-events-container.preset2 .psc-cb-events-event{ flex-direction: row; box-shadow: none; } .psc-cb-root .psc-cb-events-container.preset2 .psc-cb-events-event .dynamichead{ flex-basis: 50%; } .psc-cb-root .psc-cb-events-container.preset2 .psc-cb-events-event .dynamiccontentgroup{ flex-basis: 50%; } .psc-cb-root .psc-cb-events-container.preset2 .psc-cb-events-event .dynamiccontentgroup .description{ height: 5rem; } .psc-cb-root .psc-cb-events-container.preset3 .psc-cb-events-event{ box-shadow: none; } .psc-cb-root .psc-cb-events-carousel .VueCarousel-wrapper{ padding-bottom: 5rem; } .psc-cb-root .psc-cb-events-carousel .VueCarousel-inner .psc-cb-events-event{ margin: 0 1rem; } .psc-cb-root .VueCarousel.psc-cb-events-carousel .VueCarousel-pagination .VueCarousel-dot{ margin: 0 5px; background-color: var(--brand-2-bg); box-shadow: none; } .psc-cb-root .VueCarousel.psc-cb-events-carousel .VueCarousel-pagination .VueCarousel-dot.VueCarousel-dot--active{ background-color: var(--brand-2-bg); outline: solid 2px var(--brand-2-bg); } .psc-cb-root .psc-cb-events-carousel .VueCarousel-navigation-button{ color: var(--brand-2-bg); font-size: 2rem; } .psc-cb-root .psc-cb-events-slider .VueCarousel-wrapper{ padding-bottom: 5rem; } .psc-cb-root .psc-cb-events-slider .VueCarousel-inner .psc-cb-events-event{ } .psc-cb-root .VueCarousel.psc-cb-events-slider .VueCarousel-pagination .VueCarousel-dot{ margin: 0 5px; background-color: var(--brand-2-bg); box-shadow: none; } .psc-cb-root .VueCarousel.psc-cb-events-slider .VueCarousel-pagination .VueCarousel-dot.VueCarousel-dot--active{ background-color: var(--brand-2-bg); outline: solid 2px var(--brand-2-bg); } .psc-cb-root .psc-cb-events-slider .VueCarousel-navigation-button{ color: var(--brand-2-bg); font-size: 2rem; } .psc-cb-root .psc-cb-events-slider .VueCarousel-navigation-next{ transform: translateY(-150%) translateX(130%); } .psc-cb-root .psc-cb-events-slider .VueCarousel-navigation-prev{ transform: translateY(-150%) translateX(-130%); } @media(max-width: 700px){ .psc-cb-root .psc-cb-events-list{ grid-template-columns: 1fr; } .psc-cb-root .psc-cb-events-container.preset2 .psc-cb-events-event{ flex-direction: column; } .psc-cb-root .psc-cb-events-carousel .VueCarousel-inner{ flex-basis: 100% !important; } .psc-cb-root .psc-cb-events-carousel .VueCarousel-inner .psc-cb-events-event{ margin-right: 0; } } /* dynamic products */ .psc-cb-root .psc-cb-products-container{ } .psc-cb-root .psc-cb-products-title{ } .psc-cb-root .psc-cb-products-list{ display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem; margin: 0; padding: 0; list-style: none; } .psc-cb-root .psc-cb-products-product{ display: flex; flex-direction: column; background-color: var(--box-bg); color: var(--colour-default-fg); border-radius: var(--box-border-radius); box-shadow: var(--box-shadow); } .psc-cb-root .psc-cb-products-product .dynamichead{ } .psc-cb-root .psc-cb-products-product .psc-cb-products-image{ display: block; } .psc-cb-root .psc-cb-products-product .psc-cb-products-image>div{ display: block; padding: 0 0 120%; background-position: center; background-repeat: no-repeat; background-size: cover; } .psc-cb-root .psc-cb-products-product .dynamicbody{ position: relative; height: 15rem; padding: 1rem 1.5rem; overflow: hidden; } .psc-cb-root .psc-cb-products-product .dynamicbody:after{ } .psc-cb-root .psc-cb-products-product .titlebar{ margin: 0 0 1rem; } .psc-cb-root .psc-cb-products-product .titlebar>span{ color: var(--brand-1-bg); font-size: var(--font-size-prominent); font-weight: var(--font-weight-prominent); text-transform: var(--font-transform-prominent); } .psc-cb-root .psc-cb-products-product .titlebar>h5{ color: var(--colour-default-front); font-size: var(--font-size-title5); font-weight: var(--font-weight-title); } .psc-cb-root .psc-cb-products-product .auxbar{ margin: 0 0 1rem; } .psc-cb-root .psc-cb-products-product .auxbar+.auxbar{ margin-top: -1rem; } .psc-cb-root .psc-cb-products-product .auxbar>span{ } .psc-cb-root .psc-cb-products-product .auxbar .aux{ color: var(--colour-default-front); font-weight: var(--font-weight-prominent); } .psc-cb-root .psc-cb-products-product .auxbar .aux.firstaux{ display: inline-block; width: 50%; font-weight: 700; } .psc-cb-root .psc-cb-products-product .auxbar .aux.lastaux{ } .psc-cb-root .psc-cb-products-product .description{ height: 6rem; overflow: hidden; } .psc-cb-root .psc-cb-products-product .dynamicfoot{ padding: 1rem 1.5rem 2rem; text-align: right; } .psc-cb-root .psc-cb-products-container.preset2 .psc-cb-products-product{ flex-direction: row; align-items: center; box-shadow: none; } .psc-cb-root .psc-cb-products-container.preset2 .psc-cb-products-product .dynamichead{ flex-basis: 50%; } .psc-cb-root .psc-cb-products-container.preset2 .psc-cb-products-product .psc-cb-products-image>div{ padding: 0 0 75%; } .psc-cb-root .psc-cb-products-container.preset2 .psc-cb-products-product .dynamicbody{height: auto; } .psc-cb-root .psc-cb-products-container.preset2 .psc-cb-products-product .dynamiccontentgroup{ flex-basis: 50%; } .psc-cb-root .psc-cb-products-container.preset2 .psc-cb-products-product .dynamiccontentgroup .description{ height: 5rem; } .psc-cb-root .psc-cb-products-container.preset3 .psc-cb-products-product{ box-shadow: none; } .psc-cb-root .psc-cb-products-carousel .VueCarousel-wrapper{ padding-bottom: 5rem; } .psc-cb-root .psc-cb-products-carousel .VueCarousel-inner .psc-cb-products-product{ margin: 0 1rem; } .psc-cb-root .VueCarousel.psc-cb-products-carousel .VueCarousel-pagination .VueCarousel-dot{ margin: 0 5px; background-color: var(--brand-2-bg); box-shadow: none; } .psc-cb-root .VueCarousel.psc-cb-products-carousel .VueCarousel-pagination .VueCarousel-dot.VueCarousel-dot--active{ background-color: var(--brand-2-bg); outline: solid 2px var(--brand-2-bg); } .psc-cb-root .psc-cb-products-carousel .VueCarousel-navigation-button{ color: var(--brand-2-bg); font-size: 2rem; } .psc-cb-root .psc-cb-products-slider .VueCarousel-wrapper{ padding-bottom: 5rem; } .psc-cb-root .psc-cb-products-slider .VueCarousel-inner .psc-cb-products-product{ } .psc-cb-root .VueCarousel.psc-cb-products-slider .VueCarousel-pagination .VueCarousel-dot{ margin: 0 5px; background-color: var(--brand-2-bg); box-shadow: none; } .psc-cb-root .VueCarousel.psc-cb-products-slider .VueCarousel-pagination .VueCarousel-dot.VueCarousel-dot--active{ background-color: var(--brand-2-bg); outline: solid 2px var(--brand-2-bg); } .psc-cb-root .psc-cb-products-slider .VueCarousel-navigation-button{ color: var(--brand-2-bg); font-size: 2rem; } .psc-cb-root .psc-cb-products-slider .VueCarousel-navigation-next{ transform: translateY(-150%) translateX(130%); } .psc-cb-root .psc-cb-products-slider .VueCarousel-navigation-prev{ transform: translateY(-150%) translateX(-130%); } @media(max-width: 700px){ .psc-cb-root .psc-cb-products-list{ grid-template-columns: 1fr; } .psc-cb-root .psc-cb-products-container.preset2 .psc-cb-products-product{ flex-direction: column; } .psc-cb-root .psc-cb-products-carousel .VueCarousel-inner{ flex-basis: 100% !important; } .psc-cb-root .psc-cb-products-carousel .VueCarousel-inner .psc-cb-products-product{ margin-right: 0; } } /* dynamic content */ .psc-cb-root .psc-cb-dyncontent-container{ } .psc-cb-root .psc-cb-dyncontent-title{ } .psc-cb-root .psc-cb-dyncontent-list{ display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem; margin: 0; padding: 0; list-style: none; } .psc-cb-root .psc-cb-dyncontent-content{ display: flex; flex-direction: column; background-color: var(--box-bg); color: var(--colour-default-fg); border-radius: var(--box-border-radius); box-shadow: var(--box-shadow); } .psc-cb-root .psc-cb-dyncontent-content .dynamichead{ } .psc-cb-root .psc-cb-dyncontent-content .psc-cb-dyncontent-image{ display: block; } .psc-cb-root .psc-cb-dyncontent-content .psc-cb-dyncontent-image>div{ display: block; padding: 0 0 60%; background-position: center; background-repeat: no-repeat; background-size: cover; } .psc-cb-root .psc-cb-dyncontent-content .psc-cb-dyncontent-image a>div{ display: block; padding: 0 0 60%; background-position: center; background-repeat: no-repeat; background-size: cover; } .psc-cb-root .psc-cb-dyncontent-content .dynamicbody{ position: relative; height: 15rem; padding: 1rem 1.5rem; overflow: hidden; } .psc-cb-root .psc-cb-dyncontent-content .dynamicbody:after{ content: ''; position: absolute; left: 0; bottom: 0; right: 0; display: block; height: 2.5rem; background: var(--gradient-overlay); } .psc-cb-root .psc-cb-dyncontent-content .titlebar{ margin: 0 0 1rem; } .psc-cb-root .psc-cb-dyncontent-content .titlebar>span{ color: var(--brand-1-bg); font-size: var(--font-size-prominent); font-weight: var(--font-weight-prominent); text-transform: var(--font-transform-prominent); } .psc-cb-root .psc-cb-dyncontent-content .titlebar>h5{ color: var(--colour-default-front); font-size: var(--font-size-title5); font-weight: var(--font-weight-title); } .psc-cb-root .psc-cb-dyncontent-content .auxbar{ margin: 0 0 1rem; } .psc-cb-root .psc-cb-dyncontent-content .auxbar>span{ } .psc-cb-root .psc-cb-dyncontent-content .auxbar .aux{ color: var(--colour-default-front); font-weight: var(--font-weight-prominent); } .psc-cb-root .psc-cb-dyncontent-content .auxbar .aux.firstaux{ } .psc-cb-root .psc-cb-dyncontent-content .auxbar .aux.lastaux{ } .psc-cb-root .psc-cb-dyncontent-content .auxbar .separator{ } .psc-cb-root .psc-cb-dyncontent-content .description{ height: 6rem; overflow: hidden; } .psc-cb-root .psc-cb-dyncontent-content .dynamicfoot{ padding: 1rem 1.5rem 2rem; text-align: right; } /* .psc-cb-root .psc-cb-dyncontent-container.preset2 .psc-cb-dyncontent-content{ flex-direction: row; box-shadow: none; } */ /* .psc-cb-root .psc-cb-dyncontent-container.preset2 .psc-cb-dyncontent-content .dynamichead{ flex-basis: 50%; } */ /* .psc-cb-root .psc-cb-dyncontent-container.preset2 .psc-cb-dyncontent-content .dynamiccontentgroup{ flex-basis: 50%; } */ /* .psc-cb-root .psc-cb-dyncontent-container.preset2 .psc-cb-dyncontent-content .dynamiccontentgroup .description{ height: 5rem; } */ /* .psc-cb-root .psc-cb-dyncontent-container.preset3 .psc-cb-dyncontent-content{ box-shadow: none; } */ .psc-cb-root .psc-cb-dyncontent-carousel .VueCarousel-wrapper{ padding-bottom: 5rem; } .psc-cb-root .psc-cb-dyncontent-carousel .VueCarousel-inner .psc-cb-dyncontent-content{ margin: 0 1rem; } .psc-cb-root .VueCarousel.psc-cb-dyncontent-carousel .VueCarousel-pagination .VueCarousel-dot{ margin: 0 5px; background-color: var(--brand-2-bg); box-shadow: none; } .psc-cb-root .VueCarousel.psc-cb-dyncontent-carousel .VueCarousel-pagination .VueCarousel-dot.VueCarousel-dot--active{ background-color: var(--brand-2-bg); outline: solid 2px var(--brand-2-bg); } .psc-cb-root .psc-cb-dyncontent-carousel .VueCarousel-navigation-button{ color: var(--brand-2-bg); font-size: 2rem; } .psc-cb-root .psc-cb-dyncontent-slider .VueCarousel-wrapper{ padding-bottom: 5rem; } .psc-cb-root .psc-cb-dyncontent-slider .VueCarousel-inner .psc-cb-dyncontent-content{ } .psc-cb-root .VueCarousel.psc-cb-dyncontent-slider .VueCarousel-pagination .VueCarousel-dot{ margin: 0 5px; background-color: var(--brand-2-bg); box-shadow: none; } .psc-cb-root .VueCarousel.psc-cb-dyncontent-slider .VueCarousel-pagination .VueCarousel-dot.VueCarousel-dot--active{ background-color: var(--brand-2-bg); outline: solid 2px var(--brand-2-bg); } .psc-cb-root .psc-cb-dyncontent-slider .VueCarousel-navigation-button{ color: var(--brand-2-bg); font-size: 2rem; } .psc-cb-root .psc-cb-dyncontent-slider .VueCarousel-navigation-next{ transform: translateY(-150%) translateX(130%); } .psc-cb-root .psc-cb-dyncontent-slider .VueCarousel-navigation-prev{ transform: translateY(-150%) translateX(-130%); } @media(max-width: 700px){ .psc-cb-root .psc-cb-dyncontent-list{ grid-template-columns: 1fr; } .psc-cb-root .psc-cb-dyncontent-container.preset2 .psc-cb-dyncontent-content{ flex-direction: column; } .psc-cb-root .psc-cb-dyncontent-carousel .VueCarousel-inner{ flex-basis: 100% !important; } .psc-cb-root .psc-cb-dyncontent-carousel .VueCarousel-inner .psc-cb-dyncontent-content{ margin-right: 0; } } /* magazine layouts */ .psc-cb-root .psc-cb-magazine-container{ } .psc-cb-root .psc-cb-magazine-title{ } .psc-cb-root .psc-cb-magazine-list{ display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem; margin: 0; padding: 0; list-style: none; } .psc-cb-root .psc-cb-magazine-event{ display: flex; flex-direction: column; background-color: var(--box-bg); color: var(--colour-default-fg); border-radius: var(--box-border-radius); box-shadow: var(--box-shadow); } .psc-cb-root .psc-cb-magazine-event .dynamichead{ } .psc-cb-root .psc-cb-magazine-event .psc-cb-magazine-image{ display: block; } .psc-cb-root .psc-cb-magazine-event .psc-cb-magazine-image>div{ display: block; padding: 0 0 60%; background-position: center; background-repeat: no-repeat; background-size: cover; } .psc-cb-root .psc-cb-magazine-event .psc-cb-magazine-image>a>div{ display: block; padding: 0 0 60%; background-position: center; background-repeat: no-repeat; background-size: cover; } .psc-cb-root .psc-cb-magazine-event .dynamicbody{ position: relative; height: 14rem; padding: 1rem 1.5rem; overflow: hidden; } .psc-cb-root .psc-cb-magazine-event .dynamicbody:after{ content: ''; position: absolute; left: 0.5rem; bottom: 0; right: 0.5rem; display: block; height: 2.5rem; background: var(--gradient-overlay); } .psc-cb-root .psc-cb-magazine-event .titlebar{ margin: 0 0 1rem; } .psc-cb-root .psc-cb-magazine-event .titlebar>span{ color: var(--brand-1-bg); font-size: var(--font-size-prominent); font-weight: var(--font-weight-prominent); text-transform: var(--font-transform-prominent); } .psc-cb-root .psc-cb-magazine-event .titlebar>h5{ color: var(--colour-default-front); font-size: var(--font-size-title5); font-weight: var(--font-weight-title); } .psc-cb-root .psc-cb-magazine-event .auxbar{ margin: 0 0 1rem; } .psc-cb-root .psc-cb-magazine-event .auxbar>span{ } .psc-cb-root .psc-cb-magazine-event .auxbar .aux{ color: var(--colour-default-front); font-weight: var(--font-weight-prominent); } .psc-cb-root .psc-cb-magazine-event .auxbar .aux.firstaux{ } .psc-cb-root .psc-cb-magazine-event .auxbar .aux.lastaux{ } .psc-cb-root .psc-cb-magazine-event .auxbar .separator{ } .psc-cb-root .psc-cb-magazine-event .description{ height: 6rem; overflow: hidden; } .psc-cb-root .psc-cb-magazine-event .dynamicfoot{ padding: 1rem 1.5rem 2rem; text-align: right; } /* .psc-cb-root .psc-cb-magazine-container.preset2 .psc-cb-magazine-event{ flex-direction: column; box-shadow: none; } .psc-cb-root .psc-cb-magazine-container.preset2 .psc-cb-magazine-event .dynamichead{ flex-basis: 50%; } .psc-cb-root .psc-cb-magazine-container.preset2 .psc-cb-magazine-event .dynamiccontentgroup{ flex-basis: 50%; } .psc-cb-root .psc-cb-magazine-container.preset2 .psc-cb-magazine-event .dynamiccontentgroup .description{ height: 5rem; } .psc-cb-root .psc-cb-magazine-container.preset3 .psc-cb-magazine-event{ box-shadow: none; } */ .psc-cb-root .psc-cb-magazine-carousel .VueCarousel-wrapper{ padding-bottom: 5rem; } .psc-cb-root .psc-cb-magazine-carousel .VueCarousel-inner .psc-cb-magazine-event{ display: grid; grid-template-columns: repeat(2,1fr); margin: 0 1rem; } .psc-cb-root .psc-cb-magazine-carousel .VueCarousel-inner .psc-cb-magazine-event .dynamichead{ } .psc-cb-root .VueCarousel.psc-cb-magazine-carousel .VueCarousel-pagination .VueCarousel-dot{ margin: 0 5px; background-color: var(--brand-2-bg); box-shadow: none; } .psc-cb-root .VueCarousel.psc-cb-magazine-carousel .VueCarousel-pagination .VueCarousel-dot.VueCarousel-dot--active{ background-color: var(--brand-2-bg); outline: solid 2px var(--brand-2-bg); } .psc-cb-root .psc-cb-magazine-carousel .VueCarousel-navigation-button{ color: var(--brand-2-bg); font-size: 2rem; } .psc-cb-root .psc-cb-magazine-slider .VueCarousel-wrapper{ padding-bottom: 5rem; } .psc-cb-root .psc-cb-magazine-slider .VueCarousel-inner .psc-cb-magazine-event{ } .psc-cb-root .VueCarousel.psc-cb-magazine-slider .VueCarousel-pagination .VueCarousel-dot{ margin: 0 5px; background-color: var(--brand-2-bg); box-shadow: none; } .psc-cb-root .VueCarousel.psc-cb-magazine-slider .VueCarousel-pagination .VueCarousel-dot.VueCarousel-dot--active{ background-color: var(--brand-2-bg); outline: solid 2px var(--brand-2-bg); } .psc-cb-root .psc-cb-magazine-slider .VueCarousel-navigation-button{ color: var(--brand-2-bg); font-size: 2rem; } .psc-cb-root .psc-cb-magazine-slider .VueCarousel-navigation-next{ transform: translateY(-150%) translateX(130%); } .psc-cb-root .psc-cb-magazine-slider .VueCarousel-navigation-prev{ transform: translateY(-150%) translateX(-130%); } .psc-cb-root .preset2 .psc-cb-magazine-list{ grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(3,1fr); } .psc-cb-root .preset2 .psc-cb-magazine-list li{ display: grid; grid-template-columns: 40% 1fr; direction: rtl; } .psc-cb-root .preset2 .psc-cb-magazine-list li:first-child{ display: block; grid-column-start: 1; grid-row-start: 1; grid-row-end: span 3; } .psc-cb-root .preset2 .psc-cb-magazine-event:not(:first-child) .dynamichead{ } .psc-cb-root .preset2 .psc-cb-magazine-event:not(:first-child) .dynamichead .psc-cb-magazine-image div{ border-radius: 0 3px 0 10px; } .psc-cb-root .preset2 .psc-cb-magazine-event:not(:first-child) .dynamicfoot{ grid-column: span 2/3; } .psc-cb-root .preset2 .psc-cb-magazine-event:not(:first-child) .dynamicbody{ height: auto; } .psc-cb-root .preset2 .psc-cb-magazine-event:not(:first-child) .dynamicbody .description{ display: none; } .psc-cb-root .preset2 .psc-cb-magazine-event:not(:first-child) .dynamicfoot{ text-align: left; } .psc-cb-root .preset3 .psc-cb-magazine-list{ grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(2,1fr); } .psc-cb-root .preset3 .psc-cb-magazine-list li{ display: grid; grid-template-columns: 40% 1fr; direction: rtl; } .psc-cb-root .preset3 .psc-cb-magazine-list li:first-child{ display: block; grid-column-start: 1; grid-row-start: 1; grid-row-end: span 2; } .psc-cb-root .preset3 .psc-cb-magazine-event:not(:first-child) .dynamichead{ } .psc-cb-root .preset3 .psc-cb-magazine-event:not(:first-child) .dynamichead .psc-cb-magazine-image div{ border-radius: 0 3px 0 10px; } .psc-cb-root .preset3 .psc-cb-magazine-event:not(:first-child) .dynamicfoot{ grid-column: span 2/3; } .psc-cb-root .preset3 .psc-cb-magazine-event:not(:first-child) .dynamicbody{ height: auto; } .psc-cb-root .preset3 .psc-cb-magazine-event:not(:first-child) .dynamicbody .description{ display: none; } .psc-cb-root .preset3 .psc-cb-magazine-event:not(:first-child) .dynamicfoot{ text-align: left; } .psc-cb-root .preset4 .psc-cb-magazine-list{ grid-template-columns: repeat(2,1fr); } .psc-cb-root .preset4 .psc-cb-magazine-list li{ display: grid; grid-template-columns: 40% 1fr; direction: rtl; } .psc-cb-root .preset4 .psc-cb-magazine-event .dynamichead{ } .psc-cb-root .preset4 .psc-cb-magazine-event .dynamichead .psc-cb-magazine-image div{ border-radius: 0 3px 0 10px; } .psc-cb-root .preset4 .psc-cb-magazine-event .dynamicfoot{ grid-column: span 2/3; } .psc-cb-root .preset4 .psc-cb-magazine-event .dynamicbody{ height: auto; } .psc-cb-root .preset4 .psc-cb-magazine-event .dynamicbody .description{ display: none; } .psc-cb-root .preset4 .psc-cb-magazine-event .dynamicfoot{ text-align: left; } .psc-cb-root .preset5 .psc-cb-magazine-list{ grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(2,1fr); } .psc-cb-root .preset5 .psc-cb-magazine-list li{ display: grid; grid-template-columns: 40% 1fr; } .psc-cb-root .preset5 .psc-cb-magazine-list li:last-child{ display: block; grid-column-start: 2; grid-row-start: 1; grid-row-end: span 2; } .psc-cb-root .preset5 .psc-cb-magazine-event:not(:last-child) .dynamichead{ } .psc-cb-root .preset5 .psc-cb-magazine-event:not(:last-child) .dynamichead .psc-cb-magazine-image div{ border-radius: 3px 0 10px 0; } .psc-cb-root .preset5 .psc-cb-magazine-event:not(:last-child) .dynamicfoot{ grid-column: span 2/3; } .psc-cb-root .preset5 .psc-cb-magazine-event:not(:last-child) .dynamicbody{ height: auto; } .psc-cb-root .preset5 .psc-cb-magazine-event:not(:last-child) .dynamicbody .description{ display: none; } .psc-cb-root .preset5 .psc-cb-magazine-event:not(:last-child) .dynamicfoot{ grid-column: 2/3; text-align: left; } .psc-cb-root .preset6 .psc-cb-magazine-list{ grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(3,1fr); } .psc-cb-root .preset6 .psc-cb-magazine-list li{ display: grid; grid-template-columns: 40% 1fr; } .psc-cb-root .preset6 .psc-cb-magazine-list li:last-child{ display: block; grid-column-start: 2; grid-row-start: 1; grid-row-end: span 3; } .psc-cb-root .preset6 .psc-cb-magazine-event:not(:last-child) .dynamichead{ } .psc-cb-root .preset6 .psc-cb-magazine-event:not(:last-child) .dynamichead .psc-cb-magazine-image div{ border-radius: 3px 0 10px 0; } .psc-cb-root .preset6 .psc-cb-magazine-event:not(:last-child) .dynamicfoot{ grid-column: span 2/3; } .psc-cb-root .preset6 .psc-cb-magazine-event:not(:last-child) .dynamicbody{ height: auto; } .psc-cb-root .preset6 .psc-cb-magazine-event:not(:last-child) .dynamicbody .description{ display: none; } .psc-cb-root .preset6 .psc-cb-magazine-event:not(:last-child) .dynamicfoot{ grid-column: 2/3; text-align: left; } @media(max-width: 700px){ .psc-cb-root .psc-cb-magazine-list{ grid-template-columns: 1fr; } .psc-cb-root .psc-cb-magazine-container.preset2 .psc-cb-magazine-event{ flex-direction: column; } .psc-cb-root .psc-cb-magazine-carousel .VueCarousel-inner{ flex-basis: 100% !important; } .psc-cb-root .psc-cb-magazine-carousel .VueCarousel-inner .psc-cb-magazine-event{ margin-right: 0; } } /* filtered data */ .psc-cb-root .psc-cb-dynfilter-container{ text-align: var(--card-align); } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-title{ } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-description{ } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-mainpanel{ } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-mainpanel .psc-cb-dynfilter-filterbar{ position: relative; padding-right: 4rem; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-mainpanel .psc-cb-dynfilter-filterbar .psc-cb-dynfilter-filters{ display: flex; align-items: center; justify-content: var(--layout-align); gap: 1rem; flex-wrap: wrap; margin: 0 0 2rem; padding: 0; list-style: none; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-mainpanel .psc-cb-dynfilter-filterbar .psc-cb-dynfilter-filters li{ } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-mainpanel .psc-cb-dynfilter-filterbar .psc-cb-dynfilter-filters li.filtertrigger{ display: none; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-mainpanel .psc-cb-dynfilter-filterbar .psc-cb-dynfilter-filters li.filtertrigger a{ display: flex; align-items: center; justify-content: space-between; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-mainpanel .psc-cb-dynfilter-filterbar .psc-cb-dynfilter-filters li.searchtrigger{ position: absolute; right: 0; top: 0; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-mainpanel .psc-cb-dynfilter-filterbar .psc-cb-dynfilter-filters li a{ display: block; padding: 0.5rem 0.75rem; background-color: var(--box-bg); color: var(--colour-default-fg); border-radius: var(--box-border-radius); text-decoration: none; white-space: nowrap; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-mainpanel .psc-cb-dynfilter-filterbar .psc-cb-dynfilter-filters li a span{ display: inline-block; vertical-align: middle; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-mainpanel .psc-cb-dynfilter-filterbar .psc-cb-dynfilter-filters li a .psc-cb-dynfilter-filter-icon{ margin-right: 10px; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-mainpanel .psc-cb-dynfilter-filterbar .psc-cb-dynfilter-filters li a .psc-cb-dynfilter-filter-label{ } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-mainpanel .psc-cb-dynfilter-filterbar .psc-cb-dynfilter-filters li a.active{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-mainpanel .psc-cb-dynfilter-filterbar .psc-cb-dynfilter-filters li a:hover{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-mainpanel .psc-cb-dynfilter-filterbar .psc-cb-dynfilter-search{ display: block; margin: 0 0 2rem; padding: 0; list-style: none; transform: translateX(2rem); } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-mainpanel .psc-cb-dynfilter-filterbar .psc-cb-dynfilter-search li{ display: block; text-align: center; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-mainpanel .psc-cb-dynfilter-filterbar .psc-cb-dynfilter-search li .psc-cb-input-text{ display: inline-block; width: 100%; max-width: 20rem; text-align: center; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-mainpanel .psc-cb-dynfilter-results{ } /* events */ .psc-cb-root .section-events[data-results-count="0"]{ display: none; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list{ display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem; margin: 0; padding: 0; list-style: none; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event{ display: flex; flex-direction: column; background-color: var(--box-bg); color: var(--colour-default-fg); border-radius: var(--box-border-radius); box-shadow: var(--box-shadow); } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .dynamichead{ } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .psc-cb-dyncontent-image{ display: block; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .psc-cb-dyncontent-image>div{ display: block; padding: 0 0 60%; background-position: center; background-repeat: no-repeat; background-size: cover; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .dynamicbody{ position: relative; height: 15rem; padding: 1rem 1.5rem; overflow: hidden; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .dynamicbody:after{ content: ''; position: absolute; left: 0.5rem; bottom: 0; right: 0.5rem; display: block; height: 2.5rem; background: var(--gradient-overlay); } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .titlebar{ margin: 0 0 1rem; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .titlebar>span{ color: var(--brand-1-bg); font-size: var(--font-size-prominent); font-weight: var(--font-weight-prominent); text-transform: var(--font-transform-prominent); } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .titlebar>h5{ color: var(--colour-default-front); font-size: var(--font-size-title5); font-weight: var(--font-weight-title); } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .auxbar{ margin: 0 0 1rem; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .auxbar>span{ } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .auxbar .aux{ color: var(--colour-default-front); font-weight: var(--font-weight-prominent); } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .auxbar .aux.firstaux{ } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .auxbar .aux.lastaux{ } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .auxbar .separator{ } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .description{ height: 6rem; overflow: hidden; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .dynamicfoot{ padding: 1rem 1.5rem 2rem; text-align: right; } /* products */ .psc-cb-root .section-products[data-results-count="0"]{ display: none; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-products-list{ display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem; margin: 0; padding: 0; list-style: none; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-products-list .psc-cb-dynfilter-products-product{ display: flex; flex-direction: column; background-color: var(--box-bg); color: var(--colour-default-fg); border-radius: var(--box-border-radius); box-shadow: var(--box-shadow); } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-products-list .psc-cb-dynfilter-products-product .dynamichead{ } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-products-list .psc-cb-dynfilter-products-product .psc-cb-products-image{ display: block; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-products-list .psc-cb-dynfilter-products-product .psc-cb-products-image>div{ display: block; padding: 0 0 75%; background-position: center; background-repeat: no-repeat; background-size: cover; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-products-list .psc-cb-dynfilter-products-product .dynamicbody{ position: relative; height: 15rem; padding: 1rem 1.5rem; overflow: hidden; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-products-list .psc-cb-dynfilter-products-product .dynamicbody:after{ } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-products-list .psc-cb-dynfilter-products-product .titlebar{ margin: 0 0 1rem; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-products-list .psc-cb-dynfilter-products-product .titlebar>span{ color: var(--brand-1-bg); font-size: var(--font-size-prominent); font-weight: var(--font-weight-prominent); text-transform: var(--font-transform-prominent); } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-products-list .psc-cb-dynfilter-products-product .titlebar>h5{ color: var(--colour-default-front); font-size: var(--font-size-title5); font-weight: var(--font-weight-title); } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-products-list .psc-cb-dynfilter-products-product .auxbar{ margin: 0 0 1rem; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-products-list .psc-cb-dynfilter-products-product .auxbar+.auxbar{ margin-top: -1rem; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-products-list .psc-cb-dynfilter-products-product .auxbar>span{ } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-products-list .psc-cb-dynfilter-products-product .auxbar .aux{ color: var(--colour-default-front); font-weight: var(--font-weight-prominent); } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-products-list .psc-cb-dynfilter-products-product .auxbar .aux.firstaux{ display: inline-block; width: 50%; font-weight: 700; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-products-list .psc-cb-dynfilter-products-product .auxbar .aux.lastaux{ } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-products-list .psc-cb-dynfilter-products-product .description{ height: 6rem; overflow: hidden; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-products-list .psc-cb-dynfilter-products-product .dynamicfoot{ padding: 1rem 1.5rem 2rem; text-align: right; } @media(max-width:810px){ .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-mainpanel .psc-cb-dynfilter-filterbar .psc-cb-dynfilter-filters{ display: block; max-height: 2.2rem; overflow: hidden; transition: all 0.6s; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-mainpanel .psc-cb-dynfilter-filterbar .psc-cb-dynfilter-filters li.filtertrigger{ display: block; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-mainpanel .psc-cb-dynfilter-filterbar .psc-cb-dynfilter-filters.open{ max-height: 100vh; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list{ grid-template-columns: 1fr; } .psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-products-list{ grid-template-columns: 1fr; } } /* global */ .psc-cb-root .inner{ display: block; width: 100%; max-width: 1080px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } .psc-cb-root .fullWidth{ display: block; width: 100%; padding-left: 0; padding-right: 0; } .psc-cb-root .textWidth{ display: block; width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } .psc-cb-root .psc-cb-button{ display: inline-block; padding: var(--button-padding); font-size: var(--font-size-button); font-weight: var(--font-weight-button); border: solid 1px transparent; border-radius: var(--button-border-radius); box-shadow: var(--button-shadow); text-decoration: none; text-transform: var(--text-transform-button); transition: all .6s; } .psc-cb-root .psc-cb-button,.psc-cb-root .psc-cb-button:visited{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); } .psc-cb-root .psc-cb-button:hover{ background-color: var(--brand-2-fg); color: var(--brand-2-bg); box-shadow: var(--button-shadow-hover); text-decoration: none; } .psc-cb-root .psc-cb-button .fa+span ,.psc-cb-root .psc-cb-button .fas+span ,.psc-cb-root .psc-cb-button .fab+span ,.psc-cb-root .psc-cb-button .far+span{ margin-left: 5px; } .psc-cb-root .psc-cb-button+.psc-cb-button{ margin-left: 5px; } .psc-cb-root .psc-cb-button.psc-cb-button-secondary{ background-color: var(--brand-2-fg); color: var(--brand-2-bg); border: solid 1px var(--brand-2-bg); } .psc-cb-root .psc-cb-button.psc-cb-button-secondary:hover{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); border: solid 1px var(--brand-2-bg); box-shadow: var(--button-shadow-hover); text-decoration: none; } .psc-cb-root .psc-cb-ipart-title{ } .psc-cb-root .psc-cb-ipart-intro{ margin-bottom: 2rem; } .psc-cb-root .psc-cb-ipart-title+.psc-cb-ipart-intro{ margin-top: -1rem; } .psc-cb-ipart-blocklink{ margin-top: 2rem; } .psc-cb-root .psc-cb-ipart-container.notoppadding{ padding-top: 0; } .psc-cb-root .psc-cb-ipart-container.nobtmpadding{ padding-bottom: 0; } .psc-cb-root .reverse-row-grid{ order: -1; } .psc-cb-root .reverse-row{ flex-direction: row-reverse; } .psc-cb-root .icon-small{ font-size: .8rem; } .psc-cb-root .icon-medium{ font-size: 1rem; } .psc-cb-root .icon-large{ font-size: 1.5rem; } .psc-cb-root .icon-extra-large{ font-size: 2rem; } .psc-cb-filterbar{ display: block; margin: 0 0 2rem; padding: 2rem; background-color: var(--box-bg); border-radius: var(--box-border-radius); box-shadow: var(--box-shadow); } .psc-cb-filterbar .psc-cb-filterbar-filters{ display: grid; align-items: top; justify-content: center; grid-template-columns: repeat(3,30%); gap: 4%; margin: 0 0 2rem; padding: 0; list-style: none; } .psc-cb-filterbar .psc-cb-filterbar-filters .psc-cb-filterbar-filters-inline{ text-align: left; } .psc-cb-filterbar .psc-cb-filterbar-filters .psc-cb-filterbar-filters-block{ grid-column: 1 / 4; text-align: left; } .psc-cb-filterbar .psc-cb-filterbar-filters li>*{ display: block; width: 100%; } .psc-cb-filterbar .psc-cb-filterbar-filters li label{ padding: 0 1rem; font-weight: 700; } .psc-cb-filterbar .psc-cb-filterbar-filters li input[type=checkbox]{ display: inline-block; width: auto; } .psc-cb-filterbar .psc-cb-filterbar-filters li .multiselect__input{ border: none; box-shadow: none; outline: none; } .psc-cb-filterbar .psc-cb-filterbar-actions{ display: block; margin: 0; padding: 1rem 0 0; } .psc-cb-cardsperrow-one{ width: 33%; margin: 0 auto; grid-template-columns: 1fr !important; gap: 0 !important; } .psc-cb-cardsperrow-two{ width: 66%; margin: 0 auto; grid-template-columns: repeat(2,1fr) !important; gap: 1rem !important; } .psc-cb-cardsperrow-four{ grid-template-columns: repeat(4,1fr) !important; gap: 0.8rem !important; } .psc-cb-cardsperrow-five{ grid-template-columns: repeat(5,1fr) !important; gap: 0.6rem !important; } .psc-cb-titlebar{ display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin: 0 0 var(--font-size-title2); } .psc-cb-titlebar h1{ margin: 0; } .psc-cb-titlebar h2{ margin: 0; } .psc-cb-loader{ display: block; padding: 3rem; text-align: center; } .psc-cb-loader svg{ display: inline-block; width: 3rem; height: 3rem; } .psc-cb-loader svg{ display: inline-block; width: 3rem; height: 3rem; } .psc-cb-loader svg circle{ stroke: var(--brand-2-bg); } .psc-cb-pagination{ display: flex; align-items: center; justify-content: var(--layout-align); gap: 5px; flex-wrap: wrap; margin: 2rem 0 0; padding: 0; list-style: none; } .psc-cb-pagination li{ } .psc-cb-pagination li a{ display: block; width: 3rem; padding: 0.5rem; background-color: var(--box-bg); color: var(--colour-default-fg); border-radius: var(--box-border-radius); text-decoration: none; text-align: center; } .psc-cb-pagination li a span{ } .psc-cb-pagination li a:hover{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); text-decoration: none; } .psc-cb-pagination li.active{ } .psc-cb-pagination li.active a{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); } /* gen table classes */ /* responsive */ @media(max-width:1080px){ .psc-cb-root .inner{ max-width: 1000px; } .section-marquee.inner{ max-width: 96vw !important; overflow: hidden; } .psc-cb-root .section-header .VueCarousel .VueCarousel-navigation-button{ opacity: 0.3; } } @media(max-width:700px){ .psc-cb-root .section-cards .psc-cb-card-container.vertical .psc-cb-cards ,.psc-cb-root .section-cards .psc-cb-card-container.preset1 .psc-cb-cards ,.psc-cb-root .fourcards .section-cards .psc-cb-card-container.preset1 .psc-cb-cards ,.psc-cb-root .section-cards .psc-cb-card-container.vertical ,.psc-cb-root .section-flipbox .psc-cb-flipbox-container ,.psc-cb-root .section-text .psc-cb-text-container .psc-cb-text-textcontent .psc-cb-text-multibody ,.psc-cb-root .section-testimonial .psc-cb-testimonial-container .psc-cb-testimonial-cards ,.psc-cb-root .section-teams .psc-cb-teams-container .psc-cb-teams-cards ,.psc-cb-root .section-teams .psc-cb-teams-container.preset3 .psc-cb-teams-cards ,.psc-cb-root .section-teams .psc-cb-teams-container.preset5 .psc-cb-teams-cards ,.psc-cb-root .section-features .psc-cb-features-container .psc-cb-features-cards ,.psc-cb-root .psc-cb-imagegallery-container .psc-cb-imagegallery-features ,.psc-cb-root .psc-cb-events-list ,.psc-cb-root .psc-cb-products-list ,.psc-cb-root .psc-cb-dyncontent-list ,.psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list ,.psc-cb-root .psc-cb-dynfilter-container .psc-cb-dynfilter-products-list ,.psc-cb-filterbar .psc-cb-filterbar-filters ,.psc-cb-cardsperrow-two ,.psc-cb-cardsperrow-four ,.psc-cb-cardsperrow-five ,.psc-cb-root .psc-cb-counters-container .psc-cb-counters-counters ,.psc-cb-root .section-cards .psc-cb-card-container.preset4 .psc-cb-card ,.psc-cb-root .section-cards .psc-cb-card-container.vertical .psc-cb-cards{ grid-template-columns: 1fr !important; } .psc-cb-root .section-text .psc-cb-text-container.preset2{ flex-direction: column; } .psc-cb-root .inner.section-badges{ max-width: 100%; } .psc-cb-root .section-badges .psc-cb-badges-container .psc-cb-badges-list{ max-width: 100%; } }