.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ct-div-block,
.oxy-post-content,
.ct-text-block,
.ct-headline,
.oxy-rich-text,
.ct-link-text { max-width: 100%; }
img { flex-shrink: 0; }
body * { min-height: 1px; }
} .oxy-testimonial {
flex-direction: row;
align-items: center;
}
.oxy-testimonial .oxy-testimonial-photo-wrap {
order: 1;
}
.oxy-testimonial .oxy-testimonial-photo {
width: 125px; height: 125px; margin-right: 20px;
}
.oxy-testimonial .oxy-testimonial-photo-wrap,
.oxy-testimonial .oxy-testimonial-author-wrap,
.oxy-testimonial .oxy-testimonial-content-wrap {
align-items: flex-start; text-align: left; }
.oxy-testimonial .oxy-testimonial-text {
margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author {
font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author-info {
font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-icon-box {
text-align: left; flex-direction: column; }
.oxy-icon-box .oxy-icon-box-icon {
margin-bottom: 12px;
align-self: flex-start; }
.oxy-icon-box .oxy-icon-box-heading {
font-size: 21px;
margin-bottom: 12px; }
.oxy-icon-box .oxy-icon-box-text {
font-size: 16px;
margin-bottom: 12px;align-self: flex-start; }
.oxy-icon-box .oxy-icon-box-link {
margin-top: 20px; }
/* GLOBALS */
.oxy-pricing-box .oxy-pricing-box-section {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center; }
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
justify-content: center; }
/* IMAGE */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
justify-content: center; }
/* TITLE */
.oxy-pricing-box .oxy-pricing-box-title-title {
font-size: 48px;
}
.oxy-pricing-box .oxy-pricing-box-title-subtitle {
font-size: 24px;
}
/* PRICE */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
flex-direction: row; }
.oxy-pricing-box .oxy-pricing-box-currency {
font-size: 28px;
}
.oxy-pricing-box .oxy-pricing-box-amount-main {
font-size: 80px;
line-height: 0.7;
}
.oxy-pricing-box .oxy-pricing-box-amount-decimal {
font-size: 13px;
}
.oxy-pricing-box .oxy-pricing-box-term {
font-size: 16px;
}
.oxy-pricing-box .oxy-pricing-box-sale-price {
font-size: 12px;
color: rgba(0,0,0,0.5);
margin-bottom: 20px; }
/* CONTENT */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
font-size: 16px;
color: rgba(0,0,0,0.5);
}
/* CTA */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
justify-content: center; }
.oxy-progress-bar .oxy-progress-bar-background {
background-color: #000000; background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent); animation: none 0s paused; }
.oxy-progress-bar .oxy-progress-bar-progress-wrap {
width: 85%; }
.oxy-progress-bar .oxy-progress-bar-progress {
background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused; background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);
}
.oxy-progress-bar .oxy-progress-bar-overlay-text {
font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-progress-bar .oxy-progress-bar-overlay-percent {
font-size: 12px;
}
.ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
padding: 0px; }
.oxy-superbox .oxy-superbox-secondary,
.oxy-superbox .oxy-superbox-primary {
transition-duration: 0.5s; }
.oxy-shape-divider {
width: 0px;
height: 0px;
}
.oxy_shape_divider svg {
width: 100%;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}
.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
flex-direction: row;
}
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
align-items: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container{
top: 0;
bottom: 0;
right: auto;
left: 0;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}
.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}
.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
--oxynav-animation-name: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){
background-color: var(--oxynav-brand-color);
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
border: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){
background: transparent;
border: 1px solid currentColor;
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
filter: invert(0) !important;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
background-color: var(--oxynav-activehover-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
color: var(--oxynav-neutral-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
color: var(--oxynav-neutral-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.ct-section-inner-wrap, .oxy-header-container{
max-width: 1600px;
}
body {font-family: 'Zilla Slab';}body {line-height: 1.474;font-size: 19px;font-weight: 400;color: #1a1a1a;}.oxy-nav-menu-hamburger-line {background-color: #1a1a1a;}h1, h2, h3, h4, h5, h6 {font-family: 'Inter';font-size: clamp(32px, 5vw, 54px) ;font-weight: 600;line-height: 1.143;color: #1a1a1a;}h2, h3, h4, h5, h6{font-size: clamp(22px, 4.5vw, 32px) ;font-weight: 600;line-height: 1.125;color: #1a1a1a;}h3, h4, h5, h6{font-size: clamp(20px, 4vw, 22px) ;font-weight: 600;line-height: 1.273;color: #1a1a1a;}h4, h5, h6{font-size: clamp(15px, 4vw, 20px) ;font-weight: 600;line-height: 1.2;color: #1a1a1a;}h5, h6{font-size: 15px;font-weight: 600;line-height: 1.2;color: #1a1a1a;}h6{font-size: 14px;font-weight: 600;line-height: 1.143;color: #1a1a1a;}a {color: #1a1a1a;font-weight: 400;text-decoration: none;}a:hover {color: #e30045;text-decoration: underline;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: px;}.ct-section-inner-wrap {
padding-top: var(--padding-section-top) ;
padding-right: var(--padding-section-side) ;
padding-bottom: var(--padding-section-bottom) ;
padding-left: var(--padding-section-side) ;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: var(--padding-section-side) ;
padding-left: var(--padding-section-side) ;
}@media (max-width: 992px) {
.ct-columns-inner-wrap {
display: block !important;
}
.ct-columns-inner-wrap:after {
display: table;
clear: both;
content: "";
}
.ct-column {
width: 100% !important;
margin: 0 !important;
}
.ct-columns-inner-wrap {
margin: 0 !important;
}
}
.sc_breadcrumbs_wrapper {
}
.ct-section-inner-wrap {
}
.sc_section_grid_content {
}
.sc_section_grid_sidebar {
}
.sc_post_innerContent_wrapper {
}
.fontRegular {
}
.sc_gc_span-10 {
}
.sc_gc_span-8 {
}
.sc_image_border {
}
.caption-image {
}
.sc_bottom_spacer {
}
.sc_bottom_spacer .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: var(--padding-mainbottom) ;
}
.sc_top_spacer {
}
.sc_top_spacer .ct-section-inner-wrap {
padding-top: var(--padding-maintop) ;
padding-bottom: 0;
}
.sc_gc_2-8 {
}
.sc_gc_3-10 {
}
.sc_post_details_wrapper {
padding-top:48px;
padding-bottom:64px;
background-color:#f8f3f5;
}
.body-regular {
}
.body-small {
}
.alignwide {
}
.alignfull {
}
.sc_gc_span-6 {
}
.sc_gc_span-4 {
}
.sc_header_data_cat_wrapper {
}
.text-14-02 {
}
.sc_gc_span-12 {
}
.caption-normal {
}
.sc_footer_icons_wrapper {
}
.sc_gc_span-5 {
}
.sc_gc_span-7 {
}
.sc_gc_span-3 {
}
.sc_header_search_btn_wrapper {
}
.oxy-close-modal {
}
.sc_header_center {
}
.sc_info_page_section_container {
width:100%;
gap:72px;
}
.sc_info_page_section_container .ct-section-inner-wrap {
padding-top: var(--padding-maintop) ;
padding-bottom: var(--padding-mainbottom) ;
}
.sc_info_page_section_container:not(.ct-section):not(.oxy-easy-posts),
.sc_info_page_section_container.oxy-easy-posts .oxy-posts,
.sc_info_page_section_container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:72px;
}
.sc_gc_9-13 {
}
.sc_details_card {
}
.sc_details_card_item {
}
.sc_details_card_item_title {
}
.sc_details_card_item_content {
}
.caption-section {
}
.sc_details_card_item_content_item {
}
.body-interview {
}
.btn-medium {
}
.oxy-stock-content-styles {
}
.bcg-gradient {
}
.sc_gc_4-9 {
}
.sc_gc_5-9 {
}
.sc_photo_gallery_card_wrapper {
}
.c_archive_photo_card_image {
}
.sc_archive_photo_card_title_container {
}
.sc_archive_photo_card_title_wrapper {
}
.sc_border_path {
}
.sc_archive_photo_card_title {
}
.sc_archive_photo_card_title_wrapper_home {
}
.sc_info_page_icon_wrapper {
}
.relative {
}
.sc_template_sec_container {
position:relative;
width:100%;
height:400px;
}
.sc_template_sec_wrapper {
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
padding-left:var(--padding-section-side) ;
padding-right:var(--padding-section-side) ;
padding-bottom:var(--padding-section-bottom) ;
padding-top:var(--padding-section-top) ;
width:100%;
gap:16px;
}
.sc_template_sec_wrapper:not(.ct-section):not(.oxy-easy-posts),
.sc_template_sec_wrapper.oxy-easy-posts .oxy-posts,
.sc_template_sec_wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:16px;
}
.sc_gc_span-11 {
}
.sc_section_artist_sidebar {
}
.ct-section {
}
:root {
--primary-red: #e30045;
--secondary-red: #ea3953;
--primary-pale: #f8f3f5;
--primary-black: #1a1a1a;
--primary-black-transparent: rgba(26,26,26,0.08);
--gray-dark: #707576;
--gray-medium: #c6c6c6;
--gray-light: #e0e1e1;
--gray-ultralight: #f8f8f8;
--white: #ffffff;
--contentWidth: 0;
--containerWidth: 0;
--bodyWidth: 0;
--spacing-xs: 8px;
--spacing-s: 16px;
--spacing-m: 32px;
--spacing-lg: 48px;
--spacing-xl: 56px;
--spacing-2xl: 64px;
--spacing-3xl: 72px;
--spacing-4xl: 80px;
--spacing-5xl: 96px;
--spacing-6xl: 128px;
--padding-section-top: 40px;
--padding-section-bottom: 64px;
--padding-section-side: 20px;
--padding-maintop: 64px;
--padding-mainbottom: 80px;
--section-grid-col: 12;
--content-grid-col: 8;
--content-col-start: 1;
--content-col-end: 13;
--masonry-gap: 32px;
--grid-gap: 40px;
--padding-breadcrumb-top: 40px;
--padding-breadcrumb-bottom: 32px;
}
@media screen and (min-width: 768px){
:root {
--padding-section-top: 64px;
--padding-section-bottom: 64px;
--padding-section-side: 64px;
--padding-maintop: 128px;
--padding-mainbottom: 160px;
--content-col-start: 2;
--content-col-end: 10;
--masonry-gap: 80px;
--grid-gap: 32px;
--padding-breadcrumb-top: 106px;
--padding-breadcrumb-bottom: 64px;
}
.home{
--padding-section-top: 64px;
--padding-section-bottom: 80px;
}
}
footer .oxy-modal-backdrop:has(#cta-modal){
/* background-image: url('https://www.seecult.org/wp-content/uploads/2024/11/popup-bcg.webp'); */
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
body{
position: relative;
overflow-x: hidden;
overflow-y: auto;
}
svg:not(:root){
flex-shrink: 0;
}
/* Reset */
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
margin: 0px;
}
ol, ul, menu {
list-style: none;
margin: 0px;
padding: 0px;
}
:focus,
:focus-visible{
outline: none;
}
.hidden{
display: none !important;
visibility: hidden;
opacity: 0;
}
.md-hidden{
@media screen and (min-width: 768px){
display: none !important;
visibility: hidden;
opacity: 0;
}
}
.md-block{
@media screen and (min-width: 768px){
display: block !important;
visibility: visible;
opacity: 1;
}
}
.md-flex{
@media screen and (min-width: 768px){
display: flex !important;
visibility: visible;
opacity: 1;
}
}
.lg-hidden{
@media screen and (min-width: 991px){
display: none !important;
visibility: hidden;
opacity: 0;
}
}
.lg-block{
@media screen and (min-width: 991px){
display: block !important;
visibility: visible;
opacity: 1;
}
}
.lg-flex{
@media screen and (min-width: 991px){
display: flex !important;
visibility: visible;
opacity: 1;
}
}
.visible{
visibility: visible;
opacity: 1;
}
.relative{
position: relative;
}
.row-reverse{
flex-direction: row-reverse;
}
.col-reverse{
flex-direction: column-reverse;
}
.opacity-30{
opacity: 0.3;
}
.opacity-60{
opacity: 0.6;
}
.border-r{
border-right: 1px solid;
}
.border-l{
border-left: 1px solid;
}
.capitalize{
text-transform: capitalize;
}
.justify-end{
justify-content: flex-end;
}
.justify-center{
justify-content: center;
}
.justify-start{
justify-content: flex-start;
}
.sc_section_inner_grid,
.sc_section_grid {
width: 100%;
}
.sc_section_inner_grid:not(.ct-section):not(.oxy-easy-posts),
.sc_section_inner_grid.oxy-easy-posts .oxy-posts,
.sc_section_inner_grid.ct-section .ct-section-inner-wrap {
display: grid;
/* align-items: stretch; */
grid-template-columns: repeat(var(--content-grid-col), minmax(0px, 1fr));
grid-column-gap: var(--grid-gap);
grid-row-gap: var(--grid-gap);
}
.sc_section_grid:not(.ct-section):not(.oxy-easy-posts),
.sc_section_grid.oxy-easy-posts .oxy-posts,
.sc_section_grid.ct-section .ct-section-inner-wrap {
display: grid;
/* align-items: stretch; */
grid-template-columns: repeat(var(--section-grid-col), minmax(0px, 1fr));
grid-column-gap: var(--grid-gap);
grid-row-gap: var(--grid-gap);
}
#section-34-5, #section-9-5{
border-top: 1px solid var(--gray-light);
}
/* Colors */
.sc_image_border{
border: 1px solid var(--primary-black-transparent);
}
.bcg-gradient{
background: linear-gradient(180deg,var(--white),var(--gray-ultralight));
}
/* Typography */
h1,h2,h3,h4,h5,h6{
font-family: 'Zilla Slab';
transition: color 0.2s;
}
a{
&.sc_text_button{
text-decoration: none !important;
}
&:has(h1,h2,h3,h4,h5,h6){
text-decoration: none;
}
&:hover{
h1,h2,h3,h4,h5,h6{
text-decoration: none;
color: var(--gray-dark);
}
}
}
.body-regular{
font-size: 1.188rem;
line-height: 1.474;
font-weight: 400;
color: var(--primary-black);
}
.body-small{
font-size: 1rem;
line-height: 1.5;
font-weight: 400;
color: var(--primary-black);
}
.body-interview{
font-family: "Inter";
font-size: 1.188rem;
line-height: 1.474;
font-weight: 400;
color: var(--primary-black);
}
.body-quote,
blockquote p{
font-size: 1.75rem;
line-height: 1.142;
font-weight: 500;
color: var(--primary-black);
}
blockquote cite{
font-family: "Inter";
color: var(--gray-dark);
font-size: 0.75rem;
line-height: 1.333;
font-weight: 400;
}
.btn-large{
font-family: "Inter";
font-size: 1.188rem;
line-height: 1.264;
font-weight: 700;
letter-spacing: 0.2px;
color: var(--primary-black);
}
.btn-medium{
font-family: "Inter";
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.2px;
color: var(--primary-black);
}
.btn-small{
font-family: "Inter";
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.2px;
color: var(--primary-black);
}
.caption-section,
.sc_section_title{
font-family: "Inter";
text-transform: uppercase;
font-size: 0.688rem;
font-weight: 600;
letter-spacing: 1.5px;
color: var(--primary-black);
}
.caption-normal,
.caption-image{
font-family: "Inter";
font-size: 0.75rem;
line-height: 1.333;
font-weight: 400;
color: var(--gray-dark);
}
.caption-emphasized{
font-family: "Inter";
font-size: 0.813rem;
line-height: 1.231;
font-weight: 600;
color: var(--gray-dark);
}
.caption-large{
font-family: "Inter";
font-size: 0.875rem;
line-height: 1.286;
letter-spacing:0.2px;
font-weight: 500;
color: var(--primary-black);
}
.caption-xlarge{
font-family: "Inter";
font-size: 1rem;
line-height: 1.25;
letter-spacing:0.2px;
font-weight: 500;
color: var(--primary-black);
}
.input-text{
font-family: 'Zilla Slab';
font-size: 1.125rem;
line-height: 1.125;
letter-spacing:0.2px;
font-weight: 500;
font-style: italic;
color: var(--primary-black);
}
.input-text::placeholder{
color: var(--gray-dark);
}
.text-14-02{
font-family: "Inter";
font-size: 0.875rem;
line-height: 1.286;
letter-spacing: 0.2px;
font-weight: 400;
color: var(--primary-black);
}
.ellipsis-1{
word-break: break-word;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.ellipsis-2{
word-break: break-word;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.ellipsis-3{
word-break: break-word;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.ellipsis-4{
word-break: break-word;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.embed-container{
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
}
.embed-container iframe{
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}
.sc_post_innerContent_wrapper.fontRegular{
font-size: 100%;
}
.sc_post_innerContent_wrapper.fontSmaller{
font-size: 90%;
}
.sc_post_innerContent_wrapper.fontBigger{
font-size: 110%;
}
.oxy-rich-text{
a{
text-decoration: underline;
}
}
/* Header */
#header-container{
@media screen and (max-width: 1080px){
align-items: center;
}
}
header .sc_header_logo{
color: var(--white);
svg{
&:first-child{
display: none;
@media screen and (min-width: 1080px){
display: flex;
}
}
&:last-child{
display: flex;
@media screen and (min-width: 1080px){
display: none;
}
}
}
}
header .sc_header_center{
display: none;
@media screen and (min-width: 1080px){
display: flex;
}
}
header .sc_nav_menu{
display: flex;
gap: 40px;
}
header .sc_nav_menu_item .sc_text_button.menu-item.menu-item-type-custom.current-menu-item{
border-bottom: 1px solid var(--white);
}
header #search-container{
height: 0px;
overflow: hidden;
transition: all 0.2s ease-in-out;
}
header #search-container.search_container_visible{
height: 80px;
}
header .search-button{
display: none;
}
header .search-button.active{
display: flex;
}
.sc_header_search-form{
display: flex;
justify-content: space-between;
align-items: center;
gap: 9%;
}
.sc_header_search-form label{
flex: 1;
align-self: stretch;
}
.sc_header_search-field{
padding: 12px 18px 12px;
line-height: 1;
width: 100%;
height: 100%;
background: transparent;
border: solid 1px var(--white);
color: var(--white);
}
.sc_header_search-field::placeholder{
color: var(--white);
line-height: 1;
}
header .sc_mm_header_right_wrapper{
display: flex;
align-items: center;
gap: 20px;
}
header .menu-toggle,
header .nav-toggle,
header .search-toggle{
display: flex;
cursor: pointer;
transition: opacity 0.2s;
&:hover{
opacity: 0.7;
}
@media screen and (min-width: 1080px){
display: none;
}
}
#eyebrow-links,
#header-search-button,
#header-search-close-button {
@media screen and (max-width: 1080px){
display: none;
}
}
header .mobile-menu{
z-index: 9999999;
position: fixed;
overflow: hidden;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: none;
background-color: var(--primary-red);
color: var(--primary-pale);
padding: 20px 0px;
}
header .mobile-menu-wrapper{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
header .mm-top-wrapper{
display: flex;
justify-content: space-between;
align-items: center;
font-size: 16px;
font-weight: 500;
line-height: 1.125;
padding: 0 20px;
}
header .mm-middle-wrapper{
padding: 48px 20px;
color: var(--white);
flex: 1;
.mm-m-nav,
.mm-m-search{
width: 100%;
display: none;
&.active{
display: block;
}
}
}
header .nav-menu-mobile,
header .nav-menu-mobile-footer{
flex-direction: column;
gap: 28px;
}
header .nav-menu-mobile-footer .sc_text_button{
color: var(--primary-pale);
}
header .nav-menu-mobile-footer .sc_text_button:hover{
border-bottom: 1px solid var(--primary-pale);
}
header .nav-menu-mobile-footer .sc_text_button:focus{
border-bottom: 1px solid var(--primary-pale);
}
header .mm-bottom-wrapper{
border-top: solid 1px var(--primary-pale);
padding: 48px 20px 28px;
}
/* GOOGLE ADDS */
.sc_main_google_feed,
.sc_main_google_feed a{
overflow: hidden;
width: 100%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
}
.sc_span_google_feed,
.sc_span_google_feed a{
overflow: hidden;
width: 100%;
height: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
}
.sc_sidebar_google_feed,
.sc_sidebar_google_feed a{
overflow: hidden;
width: auto;
max-width: 100%;
height: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
/* Footer */
.sc_footer_icons_wrapper{
display: flex;
align-items: center;
gap: var(--spacing-lg);
}
.sc_footer_icons_wrapper a{
color: var(--gray-dark);
transition: color 0.2s;
}
.sc_footer_icons_wrapper a:hover{
color: var(--gray-medium);
}
footer .sc_nav_menu{
display: flex;
flex-direction: column;
gap: var(--spacing-xs);
}
footer .sc_nav_menu_item a{
color: var(--gray-dark);
&:hover{
color: var(--gray-dark) !important;
border-bottom: 1px solid var(--gray-dark) !important;
}
}
/* Home */
#home-events-content-box{
position: relative;
}
/* CTA Popup */
#cta-modal{
overflow: unset;
}
.sc_cta_popup_dismiss{
color: var(--gray-dark) !important;
}
.sc_cta_popup_dismiss:hover,
.sc_cta_popup_dismiss:focus{
border-bottom: 1px solid var(--gray-dark) !important;
}
/* Breadcrumbs */
.sc_breadcrumbs_wrapper,
.sc_breadcrumbs_wrapper a{
font-size: 14px;
font-family: 'Inter';
letter-spacing: 0.2px;
line-height: 18px;
color: #707576;
}
.sc_breadcrumbs_wrapper a:hover{
color: #1a1a1a;
text-decoration: unset;
}
.sc_breadcrumbs_wrapper,
.sc_breadcrumbs_wrapper > div{
display: flex;
gap: var(--spacing-xs);
justify-content: flex-start;
align-items: center;
}
.sc_breadcrumbs_wrapper > div{
color: #1a1a1a;
}
/* Border path */
@media screen and (max-width: 991px){
.sc_hero_title_wrapper.sc_border_path:before{
content: unset;
}
}
.sc_border_path{
position: relative;
clip-path: polygon(
0 0,
calc(100% - 16px) 0,
calc(100% - 16px) 4px,
calc(100% - 12px) 4px,
calc(100% - 12px) 8px,
calc(100% - 8px) 8px,
calc(100% - 8px) 12px,
calc(100% - 4px) 12px,
calc(100% - 4px) 16px,
100% 16px,
100% 100%,
16px 100%,
16px calc(100% - 4px),
12px calc(100% - 4px),
12px calc(100% - 8px),
8px calc(100% - 8px),
8px calc(100% - 12px),
4px calc(100% - 12px),
4px calc(100% - 16px),
0 calc(100% - 16px),
0 0
);
}
.sc_border_path:before {
content: "";
position: absolute;
inset: 0;
clip-path: polygon(
0 0,
calc(100% - 16px) 0,
calc(100% - 16px) 4px,
calc(100% - 12px) 4px,
calc(100% - 12px) 8px,
calc(100% - 8px) 8px,
calc(100% - 8px) 12px,
calc(100% - 4px) 12px,
calc(100% - 4px) 16px,
100% 16px,
100% 100%,
16px 100%,
16px calc(100% - 4px),
12px calc(100% - 4px),
12px calc(100% - 8px),
8px calc(100% - 8px),
8px calc(100% - 12px),
4px calc(100% - 12px),
4px calc(100% - 16px),
0 calc(100% - 16px),
0 0,
1px 1px,
1px calc(100% - 16px - 1px),
5px calc(100% - 16px - 1px),
5px calc(100% - 12px - 1px),
9px calc(100% - 12px - 1px),
9px calc(100% - 8px - 1px),
13px calc(100% - 8px - 1px),
13px calc(100% - 4px - 1px),
17px calc(100% - 4px - 1px),
17px calc(100% - 1px),
calc(100% - 1px) calc(100% - 1px),
calc(100% - 1px) calc(16px + 1px),
calc(100% - 4px - 1px) calc(16px + 1px),
calc(100% - 4px - 1px) calc(12px + 1px),
calc(100% - 8px - 1px) calc(12px + 1px),
calc(100% - 8px - 1px) calc(8px + 1px),
calc(100% - 12px - 1px) calc(8px + 1px),
calc(100% - 12px - 1px) calc(4px + 1px),
calc(100% - 16px - 1px) calc(4px + 1px),
calc(100% - 16px - 1px) 1px,
1px 1px
);
}
.sc_image_link{
display: flex;
align-items: center;
justify-content: center;
}
/* Hero Title Section */
.hero_title_section_padding{
padding: 56px 64px;
}
.sc_hero_title_container{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.sc_hero_title_wrapper{
max-width: 720px;
flex: 1;
padding: 28px 28px 27px;
}
.sc_hero_title_wrapper:before {
background: var(--gray-medium);
}
.page .sc_hero_title_wrapper:before,
.search .sc_hero_title_wrapper:before,
.post-type-archive-foto-galerija .sc_hero_title_wrapper:before,
.foto-galerija-template-default .sc_hero_title_wrapper:before,
.post-type-archive-galerija-umetnika .sc_hero_title_wrapper:before,
.galerija-umetnika-template-default .sc_hero_title_wrapper:before{
background: rgba(255,255,255,0.5);
}
.sc_hero_title{
width: 100%;
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-size: clamp(16px, 4vw, 26px);
line-height: 1.231;
}
.page .sc_hero_title_box_el,
.search .sc_hero_title_box_el,
.post-type-archive-foto-galerija .sc_hero_title_box_el,
.foto-galerija-template-default .sc_hero_title_box_el,
.post-type-archive-galerija-umetnika .sc_hero_title_box_el,
.galerija-umetnika-template-default .sc_hero_title_box_el{
border-top: solid 1px rgba(255,255,255,0.5);
border-bottom: solid 1px rgba(255,255,255,0.5);
}
.sc_hero_title_box_el{
width: 16px;
border-top: solid 1px var(--gray-medium);
border-bottom: solid 1px var(--gray-medium);
}
.page .sc_box_el_left,
.search .sc_box_el_left,
.post-type-archive-foto-galerija .sc_box_el_left,
.foto-galerija-template-default .sc_box_el_left,
.post-type-archive-galerija-umetnika .sc_box_el_left,
.galerija-umetnika-template-default .sc_box_el_left{
border-left: solid 1px rgba(255,255,255,0.5);
}
.sc_box_el_left{
border-left: solid 1px var(--gray-medium);
}
.page .sc_box_el_right,
.search .sc_box_el_right,
.post-type-archive-foto-galerija .sc_box_el_right,
.foto-galerija-template-default .sc_box_el_right,
.post-type-archive-galerija-umetnika .sc_box_el_right,
.galerija-umetnika-template-default .sc_box_el_right{
border-right: solid 1px rgba(255,255,255,0.5);
}
.sc_box_el_right{
border-right: solid 1px var(--gray-medium);
}
.sc_header_data_cat_wrapper{
width: 100%;
}
/* Buttons */
.sc_text_button{
flex-shrink: 0;
width: fit-content;
cursor: pointer;
padding: 0 0 4px 0;
display: flex;
justify-content: center;
align-items: center;
gap: var(--spacing-xs);
transition: all 0.2s ease-in-out;
text-decoration: none;
color: var(--primary-black);
border-bottom: 1px solid transparent;
font-size: inherit;
line-height: inherit;
margin: 0;
background: unset;
border-top: unset;
border-left: unset;
border-right: unset;
}
.sc_text_button:hover{
border-bottom: 1px solid var(--primary-black);
text-decoration: none;
color: var(--primary-black);
}
.sc_text_button:focus{
color: var(--gray-dark);
border-bottom: 1px solid var(--gray-dark);
}
.sc_text_button:disabled{
color: var(--gray-medium);
border-bottom: 1px solid var(--gray-medium);
}
.sc_text_button_icon{
display: flex;
justify-content: center;
align-items: center;
transition: all 0.2s ease-in-out;
}
.sc_text_button_text{
padding: 2px 0;
font-family: 'Inter';
font-weight: 700;
letter-spacing: 0.2px;
line-height: 1;
transition: all 0.2s ease-in-out;
}
.sc_text_button_small{
font-size: 12px;
.sc_text_button_text{
padding: 3px 0 0;
}
}
.sc_text_button_medium{
font-size: 16px;
}
.sc_text_button_large{
font-size: 19px;
}
header .sc_text_button{
color: var(--white);
}
header .sc_text_button:hover{
color: var(--white);
border-bottom: 1px solid var(--white);
}
header .sc_text_button:focus{
color: var(--white);
border-bottom: 1px solid var(--white);
}
.oxy-close-modal{
&.sc_text_button{
&:hover{
border-bottom: 1px solid var(--gray-dark);
}
&:focus{
border-bottom: 1px solid transparent;
}
}
.sc_text_button_text{
color: var(--gray-dark);
}
.sc_text_button_icon{
color: var(--gray-dark);
}
}
.sc_img_button{
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
padding: 0;
opacity: 1;
background: transparent;
border: unset;
outline: unset;
color: var(--primary-black);
}
.sc_img_button:hover{
color: var(--gray-dark);
box-shadow: unset;
}
.sc_img_button:focus,
.sc_img_button:active{
color: var(--gray-medium);
box-shadow: unset;
}
.sc_img_button:disabled{
color: var(--gray-light);
box-shadow: unset;
}
.sc_img_button_icon svg{
transition: all 0.2s;
height: 100%;
width: 100%;
max-height: 64px;
}
.sc_icon_button{
cursor: pointer;
display: flex;
flex-shrink: 0;
justify-content: center;
align-items: center;
transition: all 0.2s ease-in-out;
color: inherit;
margin: 0;
padding: 0;
background: var(--white);
box-shadow: 0 0 8px 0 var(--primary-black-transparent);
opacity: 1;
border: 1px solid transparent;
border-radius: 9999px;
}
.sc_icon_button:hover{
background: var(--gray-ultralight);
box-shadow: unset;
color: inherit;
}
.sc_icon_button:focus{
border: 1px solid rgba(124, 129, 130, 0.5);
box-shadow: unset;
color: inherit;
}
.sc_icon_button:active{
background: var(--gray-light);
opacity: 0.75;
box-shadow: unset;
border: 1px solid transparent;
color: inherit;
}
.sc_icon_button:disabled{
background: var(--gray-ultralight);
opacity: 0.75;
box-shadow: unset;
border: 1px solid transparent;
color: var(--gray-medium);
}
.sc_icon_button_small{
width: 36px;
height: 36px;
}
.sc_icon_button_medium{
width: 48px;
height: 48px;
}
.sc_icon_button_large{
width: 64px;
height: 64px;
}
span.sc_icon_button_icon{
display: flex;
justify-content: center;
align-items: center;
}
.sc_icon_with_text{
text-transform: capitalize;
}
.sc_cat_pill_item,
.sc_icon_with_text,
.sc_post_list_title_item{
display: flex;
flex-shrink: 0;
gap: var(--spacing-xs);
align-items: center;
}
.sc_post_list_titles{
width: 100%;
flex: 1;
display: flex;
flex-direction: column;
.sc_post_list_titles_container{
margin-top: 32px;
flex: 1;
}
}
.sc_post_list_title_item{
width: 100%;
padding: 12px;
box-shadow: 0 1px 0 0 var(--gray-ultralight);
&:hover{
text-decoration: none;
h5{
text-decoration: none;
color: var(--gray-dark);
}
}
}
.sc_cat_pill_marker,
.sc_post_list_title_item_marker{
display: flex;
width: 10px;
height: 10px;
border-radius: 9999px;
flex-shrink: 0;
}
.sc_cat_pill{
flex-shrink: 0;
cursor: pointer;
font-family: "Inter";
font-size: 0.75rem;
line-height: 1.333;
font-weight: 400;
word-break: break-all;
border-radius: 9999px;
padding: 0 8px;
border: solid 1px var(--gray-medium);
background-color: var(--white);
color: var(--primary-black);
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
transition: all 0.2s ease-in-out;
text-decoration: none;
}
.sc_cat_pill:hover{
text-decoration: none;
color: var(--primary-black);
background-color: var(--gray-light);
}
.sc_cat_pill:focus{
text-decoration: none;
color: var(--primary-black);
background-color: var(--white);
border: solid 1px var(--gray-dark);
}
.sc_cat_pill:active{
text-decoration: none;
color: var(--white);
background-color: var(--primary-black);
}
.sc_cat_pill_date{
margin-top: 1px;
font-family: "Inter";
font-size: 0.75rem;
line-height: 1.333;
font-weight: 400;
color: var(--gray-dark);
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
/* Inputs */
.sc_icon_input_container{
width: 100%;
position: relative;
}
.sc_icon_input{
width: 100%;
display: flex;
flex-direction: row;
gap: var(--spacing-s);
align-items: center;
justify-content: flex-start;
padding-bottom: 10px;
transition: all 0.2s;
border-bottom: solid 1px var(--primary-black);
color: var(--primary-black);
&:has(input[type="text"]:focus),
&:has(input:not(:placeholder-shown)){
color: var(--primary-red);
border-bottom: solid 1px var(--primary-red);
}
.sc_icon_wrapper{
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
input{
flex: 1;
border: unset;
outline: unset;
}
}
.sc_radio_label{
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
gap: 2px;
.sc_radio_input_container{
flex-shrink: 0;
padding: 11px;
display: flex;
justify-content: center;
align-items: center;
transition: color 0.2s;
border-radius: 9999px;
&:hover{
background-color: var(--gray-ultralight);
}
.sc_radio_input_wrapper{
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
border: solid 1px var(--primary-black);
border-radius: 9999px;
padding: 2.45px;
.sc_radio_input{
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
appearance: none;
outline: 0;
padding: 0;
width: 10px;
height: 10px;
border-radius: 9999px;
&:checked{
background-color: var(--primary-black);
&label{
color: var(--white);
}
}
}
}
}
}
.sc_autocomplete_list{
position: absolute;
bottom: -1px;
left: 0;
right: 0;
width: 100%;
z-index: 1000;
box-shadow: 0px 0px 24px var(--primary-black-transparent);
transform: translateY(100%);
background: var(--white);
max-height: 192px;
overflow-x: hidden;
overflow-y: scroll;
.suggestion{
width: 100%;
display: flex;
text-align: left;
align-items: center;
padding: 7px 16px;
font-weight: 400;
&:first-child{
margin-top: 12px;
}
&:hover{
background: var(--gray-ultralight);
font-weight: 500;
}
}
}
/* Section Title */
.sc_section_title_wrapper{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: var(--spacing-xs);
color: var(--primary-black);
}
/* Post Share */
.sc_share_wrapper{
position: sticky;
top: 240px;
display: flex;
flex-direction: column;
background: var(--primary-black);
z-index:99;
}
#sticky-sidebar{
/* position: sticky; */
/* top: 240px; */
display: flex;
flex-direction: column;
z-index:99;
}
.sc_share_item{
width: 56px;
height: 56px;
display: flex;
justify-content: center;
align-items: center;
color: var(--white);
transition: color 0.2s ease-in-out;
cursor: pointer;
}
.sc_share_item:hover{
color: var(--gray-dark);
}
/* Post Content Section Grid */
.sc_section_artist_sidebar{
grid-column: span 4;
}
.sc_section_grid_content,
.sc_gc_2-8{
grid-column-start: 2;
grid-column-end: 8;
}
.sc_section_grid_sidebar,
.sc_gc_9-12{
grid-column-start: 9;
grid-column-end: 12;
}
.sc_gc_3-10{
grid-column-start: 3;
grid-column-end: 10;
}
.sc_gc_4-9{
grid-column-start: 4;
grid-column-end: 9;
}
.sc_gc_5-9{
grid-column-start: 5;
grid-column-end: 9;
}
.sc_gc_9-13{
grid-column-start: 9;
grid-column-end: 13;
}
.sc_gc_1-9{
grid-column-start: 1;
grid-column-end: 9;
}
.sc_gc_1-10{
grid-column-start: 1;
grid-column-end: 10;
}
.sc_gc_1-11{
grid-column-start: 1;
grid-column-end: 11;
}
.sc_gc_1-12{
grid-column-start: 1;
grid-column-end: 12;
}
.sc_gc_span-2{
width: 100%;
grid-column: span 2;
}
.sc_gc_span-3{
width: 100%;
grid-column: span 3;
}
.sc_gc_span-4{
width: 100%;
grid-column: span 4;
}
.sc_gc_span-5{
width: 100%;
grid-column: span 5;
}
.sc_gc_span-6{
width: 100%;
grid-column: span 6;
}
.sc_gc_span-7{
width: 100%;
grid-column: span 7;
}
.sc_gc_span-8{
width: 100%;
grid-column: span 8;
}
.sc_gc_span-10{
width: 100%;
grid-column: span 10;
}
.sc_gc_span-11{
width: 100%;
grid-column: span 11;
}
.sc_gc_span-12{
width: 100%;
grid-column: span 12;
}
.sc_gc_like_span_10{
width: 100%;
max-width: calc((var(--contentWidth) - (var(--section-grid-col) - 1) * var(--grid-gap)) / var(--section-grid-col) * 10 + 9 * var(--grid-gap));
}
.sc_gc_like_span_8{
width: 100%;
max-width: calc((var(--contentWidth) - (var(--section-grid-col) - 1) * var(--grid-gap)) / var(--section-grid-col) * 8 + 7 * var(--grid-gap));
}
.sc_gc_like_span_6{
width: 100%;
max-width: calc((var(--contentWidth) - (var(--section-grid-col) - 1) * var(--grid-gap)) / var(--section-grid-col) * 6 + 5 * var(--grid-gap));
}
.sc_gc_like_span_5{
width: 100%;
max-width: calc((var(--contentWidth) - (var(--section-grid-col) - 1) * var(--grid-gap)) / var(--section-grid-col) * 5 + 4 * var(--grid-gap));
}
.sc_gc_like_span_4{
width: 100%;
max-width: calc((var(--contentWidth) - (var(--section-grid-col) - 1) * var(--grid-gap)) / var(--section-grid-col) * 4 + 3 * var(--grid-gap));
}
.sc_gc_like_span_3{
width: 100%;
max-width: calc((var(--contentWidth) - (var(--section-grid-col) - 1) * var(--grid-gap)) / var(--section-grid-col) * 3 + 2 * var(--grid-gap));
}
/* Inner Content */
#sc-gut-page .ct-inner-content,
.sc_post_innerContent_wrapper .ct-inner-content{
.alignwide{
position: relative;
width: calc((var(--contentWidth) - (var(--section-grid-col) - 1) * var(--grid-gap)) / var(--section-grid-col) * var(--content-grid-col) + 7 * var(--grid-gap));
left: calc((var(--contentWidth) - (var(--section-grid-col) - 1) * var(--grid-gap)) / var(--section-grid-col) * -1 - var(--grid-gap));
}
h1.alignwide{
width: calc((var(--contentWidth) - (var(--section-grid-col) - 1) * var(--grid-gap)) / var(--section-grid-col) * 10 + 9 * var(--grid-gap));
}
.alignfull{
position: relative;
width: var(--bodyWidth);
left: calc((var(--bodyWidth) - var(--contentWidth)) / -2 - ((var(--contentWidth) - (var(--section-grid-col) - 1) * var(--grid-gap)) / var(--section-grid-col) + var(--grid-gap)));
}
.alignfull > div:not(.ksb-slider-container){
width: var(--containerWidth);
padding-inline: 64px;
margin: auto;
.alignfull{
width: 100% !important;
left: unset !important;
right: unset !important;
}
}
.wp-block-pullquote, .wp-block-quote{
position: relative;
width: calc((var(--contentWidth) - (var(--section-grid-col) - 1) * var(--grid-gap)) / var(--section-grid-col) * var(--content-grid-col) + 7 * var(--grid-gap));
left: calc((var(--contentWidth) - (var(--section-grid-col) - 1) * var(--grid-gap)) / var(--section-grid-col) * -1 - var(--grid-gap));
margin: 48px 0;
cite{
font-style: normal !important;
}
}
p{
margin-bottom: 1.474rem;
&:last-child{
margin-bottom: 0;
}
}
a{
text-decoration: underline;
}
h1{
margin-bottom: 50px;
}
h2{
margin-bottom: 32px;
margin-top: 56px;
}
h3{
margin-bottom: 24px;
margin-top: 40px;
}
.wp-block-image :where(figcaption){
margin-top: 12px;
margin-bottom: 0;
font-family: "Inter";
font-size: 0.75rem;
line-height: 1.333;
font-weight: 400;
color: var(--gray-dark);
}
figure.wp-block-image{
margin-top: 56px;
margin-bottom: 56px;
}
figure.wp-block-image img{
border: 1px solid var(--primary-black-transparent);
}
}
.sc_post_innerContent_wrapper .ct-inner-content{
img{
width: 100%;
height: auto;
}
iframe{
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}
.ct-text-block{
width:100%;
}
p, div{
&:has(img){
img{
width: 100% !important;
height: auto !important;
}
}
}
a{
color: inherit !important;
text-decoration: underline;
&:hover{
color: var(--primary-red) !important;
}
}
}
.single-galerija-umetnika .sc_post_details_wrapper{
p{
margin-bottom: 19px;
&:last-child{
margin-bottom: 0;
}
}
a{
text-decoration: underline;
}
h1{
margin-bottom: 50px;
}
h2{
margin-bottom: 32px;
margin-top: 56px;
}
h3{
margin-bottom: 24px;
margin-top: 40px;
}
.wp-block-image :where(figcaption){
margin-top: 12px;
margin-bottom: 0;
font-family: "Inter";
font-size: 0.75rem;
line-height: 1.333;
font-weight: 400;
color: var(--gray-dark);
}
figure.wp-block-image{
margin-top: 56px;
margin-bottom: 56px;
}
figure.wp-block-image img{
border: 1px solid var(--primary-black-transparent);
}
}
/* Tags */
.sc_tags_container{
width: 100%;
padding-top: 24px;
border-top: 1px solid var(--gray-medium);
display: flex;
flex-direction: column;
gap: 24px;
}
.sc_tags_wrapper{
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--spacing-xs);
}
/* Downloads */
.sc_download_container{
width: 100%;
padding-top: 24px;
border-top: 1px solid var(--gray-medium);
display: flex;
flex-direction: column;
gap: 24px;
}
.sc_download_wrapper{
width: 100%;
display: flex;
flex-direction: column;
gap: 32px;
}
.sc_download_link{
text-decoration: underline;
max-width: max-content;
transition: color 0.2s ease-in;
}
.sc_download_link:hover{
color: var(--secondary-red);
}
/* Sliders */
.sc_post_slide{
display: flex;
flex-direction: column;
align-items: stretch;
gap: 12px;
}
.sc_post_slide_image_wrapper,
.sc_post_slide_image{
aspect-ratio: 16 / 9;
object-fit: cover;
width: 100%;
height: 100%;
}
.post-swiper-container{
overflow: visible !important;
padding: 0 4px 64px !important;
}
/* Search Page */
.sc_search_empty,
.sc_events_empty{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 400px;
background-image: url('https://www.seecult.org/wp-content/uploads/2024/11/empty_search.webp');
background-size: cover;
background-position: center center;
}
.sc_search_title{
margin-bottom: 16px;
}
.sc_search_count{
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
margin-bottom: 32px;
@media screen and (min-width: 768px){
gap: var(--spacing-s);
}
}
.sc_cpt_item{
display: flex;
gap: 4px;
align-items: center;
}
.sc_post_list_container{
display: flex;
flex-direction: column;
gap: var(--spacing-lg);
}
.sc_post_type_group{
display: flex;
flex-direction: column;
gap: var(--spacing-lg);
}
.sc_post_group_title{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
gap: var(--spacing-s);
padding: 26px;
color: var(--gray-dark) !important;
border-top: solid 1px var(--gray-light);
border-bottom: solid 1px var(--gray-light);
}
.sc_post_list{
&.sc_default_post_grid_wrapper{
display: grid;
grid-template-columns: repeat(var(--section-grid-col), minmax(0, 1fr));
column-gap:32px;
row-gap:28px;
}
&.sc_video_wrapper{
display: flex;
flex-direction: column;
gap: var(--spacing-lg);
}
&.sc_artist_wrapper{
display: grid;
grid-template-columns: repeat(var(--section-grid-col), minmax(0, 1fr));
column-gap: var(--spacing-m);
row-gap: 28px;
}
&.sc_event_wrapper{
display: grid;
grid-template-columns: repeat(var(--section-grid-col), minmax(0, 1fr));
column-gap: var(--spacing-m);
row-gap: 28px;
}
}
.sc_related_cards_container {
display: flex;
flex-direction: column;
gap: var(--spacing-m);
}
#code_block-3-26 .sc_related_cards_container {
margin-top: var(--masonry-gap);
}
.sc_related_cards_wrapper {
display: flex;
gap: 28px;
}
.sc_related_cards_wrapper.sc_work_cards_wrapper{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--spacing-m);
}
.sc_related_cards_wrapper.sc_sidebar_cards_wrapper{
flex-direction: column;
}
.sc_related_cards_wrapper.sc_attachments_cards_wrapper{
gap: 0;
}
/* Cards */
.sc_cards_shadow{
box-shadow: 0px 0px 24px 0px rgba(26,26,26,0);
&:hover{
box-shadow: 0px 0px 24px 0px var(--primary-black-transparent);
}
}
.sc_featured_card{
display: flex;
flex-direction: column;
gap: var(--spacing-m);
width: 100%;
max-width: 100%;
@media screen and (min-width: 496px) {
max-width: 70%;
}
@media screen and (min-width: 991px){
max-width: 595px;
}
}
.sc_featured_card_metadata{
display: flex;
flex-direction: column;
gap: var(--spacing-s);
}
.sc_featured_card_title{
transition: color 0.2s;
&:hover{
h2{
color: var(--gray-dark);
}
text-decoration: none;
}
}
.sc_sidebar_card_item{
position: relative;
width: 100%;
display: flex;
align-items: center;
transition: all 0.2s;
h5{
transition: all 0.2s;
}
&:hover{
text-decoration: none;
.sc_sidebar_card_title{
h5{
color: var(--gray-dark);
}
}
}
}
.sc_sidebar_card_image{
aspect-ratio: 16 / 9;
object-fit: cover;
width: auto;
height: 100%;
max-height: 68px;
}
.sc_sidebar_card_title{
padding: 16px;
transition: color 0.2s;
}
.sc_sidebar_card_play_button{
position: absolute;
top: 8px;
left: 8px;
}
.sc_card_location,
.sc_card_date,
.sc_event_card_date{
display: flex;
text-align: left;
flex-direction: row;
gap: var(--spacing-xs);
}
.sc_card_location{
align-items: flex-start;
span{
margin-top: 1px;
}
}
.sc_card_date,
.sc_event_card_date{
align-items: center;
}
.sc_event_card_date{
color: var(--secondary-red);
.sc_cat_pill_date{
color: var(--secondary-red);
font-size: 0.813rem;
line-height: 1.231;
font-weight: 600;
}
}
.sc_event_card_excerpt{
p{
font-weight: 400;
word-break: break-word;
}
}
.sc_post_card{
align-items: center;
grid-template-columns: repeat(2, 1fr);
gap: var(--spacing-m);
display: grid;
transition: box-shadow 0.2s;
.sc_post_card_image_wrapper.relative {
width: 100%;
height: auto;
display: flex;
aspect-ratio: 16 / 9;
justify-content: center;
align-items: center;
}
.sc_post_card_image{
width:100%;
height: auto;
aspect-ratio:16/9;
object-fit: cover;
}
}
.sc_post_card_metadata{
display: flex;
flex-direction: column;
justify-content: center;
padding-right:20px;
padding-block: 20px;
align-self: stretch;
.cardDetails{
margin-top: 0;
}
}
.sc_post_card_title{
margin-bottom:24px;
transition: color 0.2s;
&:hover{
h3{
color: var(--gray-dark);
}
text-decoration: none;
}
}
.sc_post_card_yt{
display: flex;
position: absolute;
top: 8px;
left: 8px;
}
.sc_else_card{
display: flex;
flex-direction: column;
gap: var(--spacing-m);
}
.sc_else_card_metadada{
}
.sc_related_gallery_container{
overflow: hidden;
padding: 96px 0 32px;
}
.sc_related_gallery_slider_wrapper{
position: relative;
}
.sc_video_card{
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--spacing-m);
}
.sc_video_card_video_wrapper{
aspect-ratio: 16 / 9;
grid-column: span 3;
display: flex;
width: 100%;
height: auto;
}
.sc_video_card_video{
width: 100%;
}
.sc_featured_card_image_wrapper{
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
align-self: center;
object-fit: cover;
display: flex;
}
.sc_video_card_image,
.sc_featured_card_image{
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
align-self: center;
object-fit: cover;
}
.sc_video_card_video{
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
iframe{
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}
}
.sc_video_card_metadata{
background-color: var(--white);
border: solid 1px var(--gray-light);
padding: 64px 24px 24px 24px;
display: flex;
flex-direction: column;
gap: var(--spacing-m);
}
.sc_gallery_slider_card_metadata{
width: 100%;
height: auto;
background-color: var(--white);
border-top: solid 1px var(--gray-light);
border-bottom: solid 1px var(--gray-light);
padding: 32px 0;
display: flex;
flex-direction: column;
gap: 4px;
.sc_video_card_details{
height: 100%;
}
}
.sc_video_card_title{
width: 100;
&:hover{
text-decoration: none;
h3{
color: var(--gray-dark);
}
}
}
.sc_video_card_details{
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: var(--spacing-s);
height: 100%;
}
.sc_video_card_info{
width: 100%;
display: flex;
flex-direction: column;
gap: var(--spacing-xs);
}
.sc_video_card_pill_wrapper{
width: 100%;
}
.sc_event_card{
@media screen and (min-width: 768px){
grid-column: span 6;
}
@media screen and (min-width: 991px){
grid-column: span 3;
}
box-shadow: 0 0 24px var(--primary-black-transparent);
}
.sc_event_card,
.sc_photo_card_single{
width: 100%;
height: auto;
position: relative;
display: flex;
flex-direction: column;
background-color: var(--white);
}
.sc_event_popup_card_arrow{
height: 20px;
width: 20px;
position: absolute;
bottom: 0;
left: 20px;
transform: translateY(6px) rotate(45deg);
background-color: var(--white);
}
.sc_event_card_image_wrapper,
.sc_photo_card_single_image_wrapper{
width: 100%;
height: auto;
aspect-ratio: 16/9;
object-fit: cover;
display: flex;
}
.sc_event_card_image,
.sc_photo_card_single_image{
width: 100%;
height: auto;
aspect-ratio: 16/9;
object-fit: cover;
margin: 0;
}
.sc_event_card_metadata,
.sc_photo_card_single_metadata{
height: 100%;
padding: 16px 24px;
display: flex;
flex-direction: column;
gap: 20px;
box-sizing: border-box;
}
.sc_event_card_metadata{
min-height: 200px;
}
.sc_photo_card_single_metadata{
min-height: 180px;
}
.sc_event_card_title,
.sc_photo_card_single_title{
width: 100%;
text-align: left;
&:hover{
text-decoration: none;
h4{
color: var(--gray-dark);
}
}
}
.sc_event_card_details,
.sc_photo_card_single_details{
display: flex;
flex-direction: column;
gap: var(--spacing-xs);
width: 100%;
margin-bottom: auto;
}
.sc_event_card_cta{
width: 100%;
display: flex;
flex-direction: row;
gap: var(--spacing-xs);
align-items: flex-end;
justify-content: space-between;
}
.sc_event_card_share{
cursor: pointer;
position: relative;
.popover{
position: absolute;
padding: 2px 4px;
background-color: var(--gray-ultralight);
visibility: hidden;
opacity: 0;
top: -8px;
left: 50%;
min-width: max-content;
transform: translate(-50%, -100%);
transition: visibility 0.2s, opacity 0.2s ease-out;
}
}
.sc_archive_artist_card_wrapper{
padding-bottom: var(--masonry-gap);
}
.sc_archive_artist_card{
break-inside: avoid;
width: 100%;
display: flex;
flex-direction: column;
gap: 12px;
.sc_archive_artist_card_image{
width: 100%;
object-fit: cover;
transition: opacity 0.2s;
height: auto;
}
&:hover{
text-decoration: none;
.sc_archive_artist_card_title{
color: var(--gray-dark);
}
.sc_archive_artist_card_image{
opacity: 0.7;
}
}
}
.sc_photo_card_single{
box-shadow: 0px 0px 24px 0px var(--primary-black-transparent);
}
.sc_photo_card_single_details{
padding-bottom: 28px;
}
.sc_photo_card_date{
text-transform: capitalize;
}
.sc_details_card{
background-color: var(--gray-ultralight);
width: 100%;
padding: 32px 32px 40px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--spacing-s);
.sc_details_card_item{
min-width: calc(50% - 8px);
max-width: 100%;
display: flex;
flex-direction: column;
gap: 12px;
&:nth-child(3n+1){
width: 100%;
&:not(:first-child){
margin-top: 16px;
}
}
.sc_details_card_item_content{
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
.sc_details_card_item_content_item{
display: flex;
flex-direction: row;
a{
text-decoration: underline;
}
&:after{
content: "|";
padding: 0 8px;
color: var(--gray-medium);
}
&:last-child{
&:after{
content: unset;
}
}
}
}
}
}
/* Foto galerija archive */
.sc_photo_galeries_container{
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--spacing-m);
}
.sc_photo_gallery_card_wrapper{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
transition: all 0.2s;
height: 270px;
overflow: hidden;
&:hover{
color: var(--white);
font-style: unset;
box-shadow: 0 0 24px 0 var(--primary-black-transparent);
img{
transform: scale(1.1);
}
.sc_archive_photo_card_title_wrapper{
background-color: var(--primary-red);
&:before{
background-color: var(--primary-red);
}
}
.sc_archive_photo_card_title_wrapper_home{
background-color: var(--secondary-red);
&:before{
background-color: var(--secondary-red);
}
}
}
}
.sc_archive_photo_card_image,
.c_archive_photo_card_image{
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.5s;
}
.sc_archive_photo_card_title_container{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.sc_archive_photo_card_title_wrapper,
.sc_archive_photo_card_title_wrapper_home{
color: var(--white);
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
line-height: 1;
width: 180px;
height: 180px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.2s;
}
.sc_archive_photo_card_title_wrapper{
background-color: transparent;
&:before{
background-color: var(--white);
}
}
.sc_archive_photo_card_title_wrapper_home{
background-color: var(--primary-red);
&:before{
background-color: var(--primary-red);
}
}
.sc_archive_photo_card_title{
text-align: center;
width: min-content;
white-space: break-spaces;
margin-left: auto;
margin-right: auto;
}
.sc_photo_gallery_year_container{
width: 100%;
display: flex;
flex-direction: column;
gap: var(--spacing-m);
}
.sc_photo_gallery_year_wrapper{
width: 100%;
}
.sc_photo_gallery_year,
.sc_calendar_type_selection,
.sc_wide_indicator{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
border: none;
padding: 10px 16px;
border-radius: 9999px;
background-color: var(--gray-ultralight);
position: relative;
}
.sc_photo_gallery_year{
cursor: pointer;
}
.sc_photo_gallery_year_icon_indicator{
position: absolute;
right: 6px;
top: 50%;
transform: translateY(-50%) rotate(180deg);
transition: all 0.2s;
}
.sc_photo_gallery_year_icon_indicator[data-open="true"] {
transform: translateY(-50%) rotate(0deg);
}
.sc_photo_gallery_container{
width: 100%;
}
.sc_photo_gallery_container[data-open='false']{
height: 0;
overflow: hidden;
}
#single-gallery-archive{
width: 100%;
gap: var(--spacing-m);
display: flex;
flex-direction: column;
}
.sc_photo_header_data_wrapper{
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 18px;
}
.sc_images_gallery_wrapper,
.sc_artists_container{
columns: 3;
gap: var(--masonry-gap);
}
.sc_artist_sidebar_image{
width: 100%;
height: auto;
object-fit: contain;
@media screen and (min-width: 1280px){
width: 50%;
}
}
.sc_videos_gallery_wrapper{
width: 100%;
padding: 80px 0 0;
display: flex;
flex-direction: column;
gap: var(--masonry-gap);
}
.gallery__image{
margin-bottom: var(--masonry-gap);
cursor: pointer;
img{
border: 1px solid var(--primary-black-transparent);
object-fit: contain;
width: 100%;
height: auto;
}
}
.sc_related_gallery_slider_wrapper .swiper-pagination {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-top: 32px;
bottom: 0 !important;
}
.swiper-pagination-bullet{
background: rgba(26,26,26,1) !important;
opacity: 1 !important;
margin: 0 10px !important;
width: 10px !important;
height: 10px !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
border: 1px solid rgba(26,26,26,1);
background: var(--white) !important;
width: 11px;
height: 11px;
}
.sc_related_gallery_slider_wrapper .swiper-button-prev{
right: 64px;
left: auto;
}
.sc_related_gallery_slider_wrapper .swiper-button-next{
right: 0;
}
.sc_related_gallery_slider_wrapper .swiper-button-prev,
.sc_related_gallery_slider_wrapper .swiper-button-next {
position: absolute;
color: rgba(26,26,26,1);
top: -20px;
transform: translateY(-50%);
width: 36px;
height: 36px;
background-color: var(--white);
box-shadow: 0 0 8px 0 var(--primary-black-transparent);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.2s;
}
.sc_related_gallery_slider_wrapper .swiper-button-prev:hover,
.sc_related_gallery_slider_wrapper .swiper-button-next:hover {
background-color: var(--gray-ultralight);
box-shadow: unset;
}
.sc_related_gallery_slider_wrapper .swiper-button-disabled {
background-color: var(--gray-ultralight);
color: var(--gray-ultralight);
}
.sc_related_gallery_slider_wrapper .swiper-button-next:after {
content: url('data:image/svg+xml;utf8,');
font-size: 0;
}
.sc_related_gallery_slider_wrapper .swiper-button-prev:after {
content: url('data:image/svg+xml;utf8,');
font-size: 0;
}
/* Vesti Archive */
/* Filter */
.sc_section_filters{
width: 100%;
display: flex;
flex-direction: column;
gap: var(--spacing-m);
}
.sc_section_filters__title{
width: 100%;
}
.sc_section_filters__filters{
width: 100%;
display: flex;
flex-direction: column;
gap: var(--spacing-m);
}
#pagination{
width: 100%;
padding-top: 48px;
}
.sc_viewMore_wrapper{
padding-top: 32px;
display: flex;
align-items: center;
}
.sc_category_filter{
padding: 0 16px;
display: flex;
flex-direction: row;
width: 100%;
overflow: hidden;
position: relative;
border-top: 1px solid var(--gray-light);
border-bottom: 1px solid var(--gray-light);
}
#category-filters{
flex-wrap: nowrap;
width: 100%;
}
#category-filters .swiper-wrapper{
padding: 16px 0;
}
.sc_cat_filter_item{
overflow: hidden;
display: flex;
flex-shrink: 0;
align-items: center;
gap: var(--spacing-xs);
padding: 7px 16px 7px 14px;
position: relative;
cursor: pointer;
background: var(--white);
border-radius: 9999px;
transition: all 0.2s;
box-shadow: 0 0 8px 0 var(--primary-black-transparent);
&.active,
&:active{
.sc_filter_pill_mark{
&.sc_c_mark{
opacity: 0 !important;
}
&.sc_t_mark{
opacity: 1 !important;
}
}
}
}
.sc_cat_filter_input{
cursor: pointer;
position: absolute;
appearance: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: all 0.2s ease-in-out;
border-radius: 9999px;
z-index: 10;
}
.sc_filter_pill_mark_wrapper{
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 12px;
height: 12px;
}
.sc_filter_pill_mark{
display: flex;
border-radius: 9999px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
&.sc_c_mark{
width: 10px;
height: 10px;
opacity: 1;
}
&.sc_t_mark{
opacity: 0;
}
}
.cat-btn-prev.swiper-button-disabled, .cat-btn-next.swiper-button-disabled{
display: none !important;
}
.cat-btn-next,
.cat-btn-prev{
position: absolute;
height: 100%;
background-color: var(--white);
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 12px;
z-index: 20;
transition: color 0.2s;
cursor: pointer;
width: 64px;
height: 64px;
&:hover{
color: var(--gray-dark)
}
}
.cat-btn-prev{
left: -20px;
box-shadow: 3px 0 3px var(--gray-ultralight);
svg{
transform: translateX(50%);
}
}
.cat-btn-next{
right: -20px;
box-shadow: -3px 0 3px var(--gray-ultralight);
svg{
transform: translateX(-50%);
}
}
.sc_reset_filter_wrapper{
display: flex;
align-items: center;
justify-content: flex-end;
padding: 10px 0;
width: 100%;
}
.reset__filter,
.sc_cal_button,
.sc_post_nav_button{
cursor: pointer;
display: flex;
align-items: center;
gap: var(--spacing-xs);
&:hover{
color: inherit;
text-decoration: none;
}
}
.sc_cal_button_wrapper,
.sc_current_date_wrapper,
.sc_post_nav_btn_wrapper{
display: flex;
grid-column: span 4;
&.items-end{
justify-content: flex-end;
}
}
.sc_cal_button_wrapper.items-end.lg-hidden{
&.items-end{
text-align: right;
}
}
.sc_current_date_container{
width: 100%;
padding: 10px 12px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
box-shadow: 0px 0px 24px var(--primary-black-transparent);
border-radius: 9999px;
background: var(--white);
text-align: center;
.currentMonth{
text-transform: capitalize;
}
}
/* Dogadjaji */
.sc_events_location_wrapper{
width: 100%;
display: flex;
align-items: flex-end;
grid-column: span 6;
width: 100%;
@media screen and (min-width: 991px){
grid-column: span 4;
}
}
.sc_events_rs_wrapper{
display: none;
align-items: flex-end;
justify-content: center;
padding: 4px 16px;
background-color: var(--gray-ultralight);
gap: 24px;
border-radius: 9999px;
width: 100%;
@media screen and (min-width: 991px){
display: flex;
grid-column: span 4;
}
}
.sc_events_search_wrapper{
width: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
gap: var(--spacing-s);
grid-column: span 6;
@media screen and (min-width: 991px){
grid-column: span 4;
}
}
.sc_cal_top_section{
flex-direction: row !important;
flex-wrap: wrap;
@media screen and (min-width: 768px){
flex-direction: column !important;
flex-wrap: unset;
.sc_current_date_wrapper{
order: 2;
}
}
.sc_current_date_wrapper{
width: 100%;
order: 1;
}
.sc_cal_button_wrapper {
width: calc(50% - 20px);
order: 2;
&.items-end{
width: calc(50% - 20px);
order: 3;
}
@media screen and (min-width: 768px){
order: 1;
width: 100%;
&.items-end{
width: 100%;
order: 3;
}
}
}
}
.sc_cal_top_section,
.sc_cal_bottom_section{
margin-top: 40px;
margin-bottom: 40px;
@media screen and (min-width: 768px){
margin-top: 40px;
margin-bottom: 0;
}
}
.sc_events_empty{
margin: 32px 0;
}
#items-container table{
width: 100%;
margin: 32px 0;
text-indent: 0;
border-collapse: collapse;
table-layout: fixed;
thead{
th{
text-align: center;
padding: 16px;
}
}
tbody{
border-top: solid 1px var(--gray-light);
border-left: solid 1px var(--gray-light);
tr{
border-bottom: solid 1px var(--gray-light);
border-right: solid 1px var(--gray-light);
td{
align-content: start;
}
}
}
}
.dayCell{
position: relative;
@media screen and (min-width: 991px){
padding-bottom: 56px;
}
&.dayPrev{
background: var(--gray-ultralight);
}
&.dayCur{
background: var(--primary-pale);
.dayNum{
background: var(--primary-red);
color: var(--white);
}
.dayNum:before {
background: var(--primary-red);
}
}
&.dayNext{
background: var(--white);
}
}
.sc_table_items_wrapper{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
@media screen and (min-width: 991px){
align-items: flex-start;
}
}
.sc_day_indicatior{
width: 100%;
padding: 6px 9px 0;
@media screen and (min-width: 991px){
padding: 12px 12px 0;
}
}
.dayNum{
position: relative;
margin-left: auto;
margin-right: auto;
width: 28px;
height: 28px;
display: flex;
justify-content: center;
align-items: center;
clip-path: polygon(0 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));
font-size: 12px;
@media screen and (min-width: 991px){
margin-left: 0;
margin-right: auto;
}
}
.dayNum:before {
content: "";
position: absolute;
inset: 0;
background: var(--gray-light);
clip-path: polygon(0 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px),0 0,1px 1px ,1px calc(100% - 4px - 1px),calc(4px + 1px) calc(100% - 4px - 1px),calc(4px + 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(4px + 1px),calc(100% - 4px - 1px) calc(4px + 1px),calc(100% - 4px - 1px) 1px,1px 1px);
}
.sc_mobile_bullet_indicator{
width: 100%;
display: flex;
justify-content: center;
}
.mobileHasPosts{
display: block;
margin-top: 6px !important;
margin-bottom: 6px !important;
border-radius: 9999px;
width: 10px;
height: 10px;
margin: auto;
background: var(--primary-black);
@media screen and (min-width: 991px){
display: none;
}
}
.sc_table_day_events_list{
width: 100%;
flex-direction: column;
padding: 0 12px;
.eventLi{
width: 100%;
padding: 12px;
font-size: 14px;
font-family: "Zilla Slab";
font-weight: 500;
border-bottom: 1px solid var(--gray-light);
&:last-child{
border-bottom: 0;
}
.eventLiTitle{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
&:hover{
.sc_event_slide{
visibility: visible;
opacity:1;
}
}
.sc_event_slide{
visibility: hidden;
opacity: 0;
min-width: 100%;
width: 344px !important;
height: fit-content;
position: absolute;
box-shadow: 0 0 24px 0 var(--primary-black-transparent);
bottom: 100%;
left: 0;
transition: visibility 0.3s, opacity 0.3s ease-out;
z-index:10;
}
}
}
.sc_day_icon_text_button{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 16px 24px;
justify-content: start;
align-items: center;
}
.currentDay{
&:first-letter{
text-transform: uppercase;
}
}
.mobileView{
margin-top: 40px;
}
/* Home Slider */
.sc_home_slider_title{
margin-top: 16px;
width: 100%;
}
.sc_home_slider {
z-index: 11;
--swiper-theme-color: var(--wp--preset--color--accent, var(--wp--preset--color--primary));
--swiper-navigation-sides-offset: 64px;
--swiper-navigation-size: 64px;
--swiper-navigation-color: var(--white);
--swiper-navigation-color-hover: var(--gray-ultralight);
--swiper-navigation-color-disabled: var(--gray-ultralight);
--swiper-pagination-top: auto;
--swiper-pagination-bottom: auto;
--swiper-pagination-bullet-horizontal-gap: 10px;
--swiper-pagination-bullet-vertical-gap: 0;
--swiper-pagination-bullet-size: 8px;
--swiper-pagination-bullet-size-active: 10px;
--swiper-pagination-bullet-color: var(--white);
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-inactive-color: rgba(26,26,26,1);
--swiper-pagination-bullet-inactive-opacity: 1;
&.sc-arrows-above{
--swiper-navigation-size: 36px;
}
}
.sc-slider-pagination {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-top: 32px;
bottom: 0 !important;
}
.sc-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border: 1px solid var(--swiper-pagination-bullet-inactive-color);
background-color: var(--swiper-pagination-bullet-color);
width: var(--swiper-pagination-bullet-size-active);
height: var(--swiper-pagination-bullet-size-active);
}
.sc-slider-pagination .swiper-pagination-bullet{
margin: var(--swiper-pagination-bullet-vertical-gap) var(--swiper-pagination-bullet-horizontal-gap) !important;
}
.sc-slider-prev.swiper-button-prev,
.sc-slider-next.swiper-button-next {
position: absolute;
color: rgba(26,26,26,1);
top: 50%;
transform: translateY(-50%);
width: var(--swiper-navigation-size);
height: var(--swiper-navigation-size);
background-color: var(--swiper-navigation-color);
box-shadow: 0 0 8px 0 var(--primary-black-transparent);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.2s;
}
.sc-arrows-above .sc-slider-prev.swiper-button-prev{
top: -20px;
left: auto;
right: 64px;
}
.sc-arrows-above .sc-slider-next.swiper-button-next{
top: -20px;
right: 0px;
}
.sc-slider-prev.swiper-button-prev:hover,
.sc-slider-next.swiper-button-next:hover {
background-color: var(--swiper-navigation-color-hover);
box-shadow: unset;
}
.sc-slider-next.swiper-button-disabled,
.sc-slider-prev.swiper-button-disabled{
background-color: var(--swiper-navigation-color-disabled);
color: var(--swiper-navigation-color-disabled);
opacity: 1;
&:after{
opacity: 0.2;
}
}
.sc_hero_prev.swiper-button-disabled,
.sc_hero_next.swiper-button-disabled{
display: none;
}
.sc_hero_prev{
left: var(--padding-section-side);
right: auto;
&:after{
content: url('data:image/svg+xml;utf8,') !important;
}
}
.sc_hero_next{
left: auto;
right: var(--padding-section-side);
&:after{
content: url('data:image/svg+xml;utf8,') !important;
}
}
.sc_hero_prev, .sc_hero_next{
--swiper-navigation-size: 48px;
}
.sc-slider-next.swiper-button-next:after{
content: url('data:image/svg+xml;utf8,');
font-size: 0;
}
.sc-slider-prev.swiper-button-prev:after{
content: url('data:image/svg+xml;utf8,');
font-size: 0;
}
.sc-arrows-above .sc-slider-next.swiper-button-next:after {
content: url('data:image/svg+xml;utf8,');
font-size: 0;
}
.sc-arrows-above .sc-slider-prev.swiper-button-prev:after {
content: url('data:image/svg+xml;utf8,');
font-size: 0;
}
.paginationContainer{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 13px 14px;
border: 1px solid var(--gray-light);
border-radius: 9999px;
.pagCurrent{
color: var(--primary-black);
font-weight: 600;
font-size: 16px;
}
.pagination-left, .pagination-right, .pagination-pages{
display: flex;
align-items: center;
flex-direction: row;
gap: 20px;
}
.pagination-pages{
span, a{
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
&:hover{
text-decoration: none;
color: var(--gray-dark);
}
}
a.pagNmb{
margin-bottom: -2px;
color: var(--gray-dark);
}
a.pagNmbDesk{
display: none;
@media screen and (min-width: 991px){
display: flex;
}
}
}
.pagination-left, .pagination-right{
gap: var(--spacing-xs);
}
}
.sc_section_grid.monthChange{
justify-content: space-between;
flex-direction: row !important;
}
#share-event-modal{
position: fixed;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(26,26,26,0.8);
z-index: 99999999;
}
.sc_event_modal_wrapper{
background: white;
max-width: 720px;
min-height: 320px;
width: 100%;
display: flex;
flex-direction: column;
gap: 32px;
justify-content: center;
align-items: center;
position: relative;
border: solid 1px var(--gray-medium);
padding: 20px;
}
.sc_event_modal_content{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
}
.sc_event_modal_share_icons{
display: flex;
align-items: center;
justify-content: center;
gap: 48px;
}
.sc_modal_share_input{
width: 100%;
max-width: 470px;
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
}
input#event-copy-url{
color: var(--gray-dark);
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
&:disabled{
background: unset;
outline: unset;
}
}
.sc_modal_share_input{
.sc_icon_input{
&:has(input[type="text"]:focus), &:has(input:not(:placeholder-shown)){
color: var(--primary-black) !important;
border-bottom: solid 1px var(--gray-dark) !important;
}
}
}
.close_modal{
position: absolute;
top: 16px;
right: 16px;
}