/* montserrat-300 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: url('../fonts/montserrat-v14-latin-300.eot'); /* IE9 Compat Modes */ src: local('Montserrat Light'), local('Montserrat-Light'), url('../fonts/montserrat-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v14-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v14-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-regular - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('../fonts/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../fonts/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-500 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: url('../fonts/montserrat-v14-latin-500.eot'); /* IE9 Compat Modes */ src: local('Montserrat Medium'), local('Montserrat-Medium'), url('../fonts/montserrat-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v14-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v14-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-600 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: url('../fonts/montserrat-v14-latin-600.eot'); /* IE9 Compat Modes */ src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('../fonts/montserrat-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v14-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v14-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-900 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; src: url('../fonts/montserrat-v14-latin-900.eot'); /* IE9 Compat Modes */ src: local('Montserrat Black'), local('Montserrat-Black'), url('../fonts/montserrat-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v14-latin-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v14-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */ } :root { --sys-color-brand-primary: #0189FF; --sys-color-brand-secondary: #FF4801; --sys-color-back-primary: #FFFFFF; --sys-color-back-secondary: #F2F3F4; --sys-color-text-primary: #505050; --sys-color-text-secondary: #000000; font-size: 16px !important; } body { background-color: var(--sys-color-back-primary); color: var(--sys-color-text-secondary); font-family: Montserrat, sans-serif; font-size: 1rem !important; font-weight: 400; margin: 0; overscroll-behavior: contain; /* padding-top: 9.0625rem; */ } [sys-js-url-on-tap], a { cursor: pointer; } a { color: var(--sys-color-brand-primary); text-decoration: underline; } /* a:hover { color: var(--sys-color-brand-secondary); } */ .sys-header-main a:hover, .sys-header-main a:focus { text-decoration: none; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .form_field .ibox, .form_field #question.ibox, .form_field input.ibox, .form_field select.ibox { background-color: var(--sys-color-back-secondary) !important; border: 0 !important; border-radius: .5rem !important; max-width: 18rem; min-height: 2rem !important; } .profile_top_menu { margin-top: .5rem; } .sys-header { background-color: var(--sys-color-back-primary); /*box-shadow: 0 .125rem 8rem var(--sys-color-back-secondary); left: 0; position: fixed; right: 0; top: 0; */ z-index: 8; } .sys-header-fixed .sys-header, .sys-sport-menu-open .sys-header { left: 0; position: fixed; right: 0; top: 0; z-index: 888; } .sys-header-social, .sys-footer-social { align-items: center; display: flex; flex-direction: row; padding-left: 1rem; padding-right: 1rem; } .sys-header-social { background-color: var(--sys-color-back-secondary); color: var(--sys-color-text-secondary); height: 2.5rem; justify-content: flex-end; } .sys-header-social-text { color: #000; display: none; font-family: Montserrat, sans-serif; font-size: .75rem; font-weight: 500; margin-bottom: 0; margin-top: 0; } .sys-header-social-icon-links { align-items: center; display: flex; justify-content: space-between; margin-right: .25rem; } .sys-header-social-icon-link, .sys-footer-social-icon-link { background-position: 50%; background-repeat: no-repeat; background-size: contain; display: inline-flex; } .sys-header-social-icon-link { height: 1rem; margin-right: .75rem; width: 1rem; } .sys-header-login { background-color: transparent; border: 0; padding: 0; } .sys-header-main { align-items: center; display: flex; flex-direction: row; height: 4rem; justify-content: flex-end; padding-left: 1rem; padding-right: 1rem; } .sys-header-main-logo { background-image: url(../png/logo.png); background-repeat: no-repeat; background-size: contain; display: inline-flex; height: 2rem; margin-right: auto; width: 7.5rem; } .sys-header-main-button-link, .sys-header-main-profile-image { height: 2rem; margin-left: .5em; margin-right: .5em; width: 2rem; } .sys-header-main-button-link { background-color: transparent; background-image: url(../svg/upload-link.svg); background-repeat: no-repeat; background-size: contain; border: 0; display: inline-flex; font-size: 0; } .sys-header-main-profile-image, .sys-photo-details-caption-profile-image, .sys-collection-preview-slide-image-caption-profile-image { border-radius: 50%; object-fit: cover; } .sys-header-main-menu-button { background-color: transparent; background-image: url(../svg/menu-button.svg); background-size: contain; border: 0; cursor: pointer; height: 1.5rem; margin-left: .5em; width: 1.5rem; } .sys-header-main-menu-balance { color: var(--sys-color-text-secondary); font-size: 1.25rem; font-weight: 600; margin: .5rem; text-decoration: none; } .sys-header-main-menu, .sys-sport-menu-item.sys-sport-menu-item-hidden, .sys-sport-menu-open .sys-sport-menu-item.sys-sport-menu-item-hidden { display: none; } .sys-menu-open .sys-header-main-menu, .sys-header-sport { border-top: 1px solid var(--sys-color-back-secondary); display: flex; } .sys-header-main-menu { align-items: center; flex-direction: column; font-weight: 500; padding-bottom: 1rem; padding-top: 1rem; } .sys-header-main-menu-item { color: var(--sys-color-text-secondary); display: flex; margin-bottom: .25rem; /*margin-top: .25rem;*/ padding: .25rem 1rem; text-align: left; text-decoration: none; width: calc(100% - 2rem); } .sys-header-main-menu-item-icon { height: 1rem; margin-bottom: auto; margin-right: .75rem; margin-top: auto; width: 1rem; } .sys-header-sport { align-items: center; flex-direction: row; height: 2.5rem; justify-content: flex-start; padding-left: 1rem; } .sys-header-sport-button { background-color: var(--sys-color-brand-secondary); border: 0; border-radius: .5rem; color: var(--sys-color-back-primary); cursor: pointer; font-family: Montserrat, sans-serif; font-size: .875rem; font-weight: 600; height: 1.5rem; padding-left: .5rem; padding-right: .5rem; text-transform: uppercase; } .sys-info { align-items: center; animation: pulse 2s infinite; background-color: var(--sys-color-brand-primary); background-image: url(../svg/info.svg); background-position: 50%; background-repeat: no-repeat; background-size: contain; border: 0; border-radius: 50%; box-shadow: 0 0 0 rgba(1, 137, 255, 0.4); cursor: pointer; height: 1rem; justify-content: center; margin-bottom: auto; margin-left: -.85rem; margin-right: .5rem; margin-top: .0125rem; padding: 0; width: 1rem; } .sys-sport-menu { display: none; } .sys-sport-menu-open .sys-sport-menu { align-items: center; background-color: var(--sys-color-back-primary); bottom: 0; display: flex; flex-direction: column; /*justify-content: space-evenly;*/ justify-content: flex-start; left: 0; margin-right: auto; padding: .5rem .75rem 0 .75rem; position: fixed; right: 0; top: 9rem; z-index: 4; overflow-y: auto; overflow-x: hidden; } /* new scrolling sport-menu s*/ .sys-sport-menu-scroll { width: 100%; display: block; margin-left: 0; margin-right: 0; overflow-y: auto; overflow-x: hidden; padding-bottom: 1rem; } .sys-sport-menu-scroll .sys-sport-menu-item { max-width: calc(100% - 2rem); } /* new scrolling sport-menu e*/ .sys-sport-menu-open .sys-sport-menu-item { background-position: 50%; background-size: cover; border-radius: .5rem; display: inline-flex; margin-bottom: .5rem; padding-bottom: 28.125%; position: relative; text-decoration: none; width: 100%; } .sys-sport-menu-open .sys-sport-menu-item-title { align-items: center; bottom: 0; color: var(--sys-color-back-primary); display: flex; font-size: 1rem; font-weight: 900; justify-content: center; left: 0; letter-spacing: .5rem; margin: auto; position: absolute; right: 0; text-shadow: 0 0 1px var(--sys-color-text-secondary); text-transform: uppercase; top: 0; } .sys-invitational-banner { background-color: var(--sys-color-brand-primary); border-top-left-radius: 1rem; border-top-right-radius: 1rem; bottom: 0; color: var(--sys-color-back-primary); display: none; height: 3.5rem; left: 0; margin: auto; max-width: 18rem; padding: .5rem; position: fixed; right: 0; width: 18rem; z-index: 8; } .sys-invitational-banner-counts { display: flex; justify-content: space-between; } .sys-invitational-banner-count { align-items: center; display: flex; flex-direction: column; height: 1.5rem; justify-content: space-between; margin-left: .25rem; margin-right: .25rem; min-width: 5rem; text-align: center; } .sys-invitational-banner-count-title { color: var(--sys-color-back-primary); font-size: 1.125rem; font-weight: 600; line-height: 1.5; margin: 0 !important; } .sys-invitational-banner-count-description { color: var(--sys-color-back-primary); font-size: .8rem; font-weight: 800; margin: 0 !important; text-shadow: none; } .sys-banner-search { align-items: center; background-image: url(../jpg/home-banner/surf.jpg); background-position: 50%; background-size: cover; display: flex; flex-direction: column; height: 20rem; justify-content: flex-start; overflow-x: hidden; overflow-y: auto; width: 100%; } .sys-banner-search-title { color: var(--sys-color-back-primary); font-size: 1.25rem; font-weight: 600; line-height: 1.2; margin-top: 2.5rem; max-width: 22.125rem; padding-left: 1rem; padding-right: 1rem; text-align: center; text-shadow: 0 0 1px var(--sys-color-text-secondary); } .sys-banner-search-title.sys-banner-search-title-labeless { margin-bottom: 1.25rem; } .sys-banner-search-label, .sys-banner-timer-label { color: var(--sys-color-back-primary); font-size: .75rem; font-weight: 400; line-height: 1rem; margin-top: 1.25rem; text-align: center; text-shadow: 0 0 1px var(--sys-color-text-secondary); } .sys-banner-search-label strong, .sys-banner-timer-label strong { font-weight: 600; } .sys-banner-timer-label { display: block; width: 100%; } .sys-banner-search-input-container, .sys-sport-menu-search-input-container { background-color: var(--sys-color-back-primary); border-radius: .5rem; height: 2.5rem; /*margin-right: -1rem;*/ margin-top: .25rem; max-width: calc(100vw - 1rem); overflow-x: auto; overflow-y: hidden; } .sys-banner-search-input-container { background-color: var(--sys-color-back-primary); /*transform: translateX(.5rem);*/ } .sys-sport-menu-search-input-container { background-color: var(--sys-color-back-secondary); margin-bottom: .5rem; } .sys-banner-search-input, .sys-sport-menu-search-input { background-image: url(../svg/search-icon.svg); background-position: .75rem 50%; background-repeat: no-repeat; background-size: 1rem; border: 0; border-radius: .5rem; flex-wrap: nowrap; font-family: Montserrat, sans-serif; height: 2rem; margin-bottom: .25rem; margin-top: .25rem; min-width: 15rem; padding-left: 2.5rem; padding-right: .5rem; } .sys-banner-search-input-spot { background-image: url(../svg/marker.svg); } .sys-banner-search-input-date { background-image: url(../svg/calendar.svg); } .sys-banner-search-input-photographer { background-image: url(../svg/camera.svg); } .sys-banner-search-input .tagify__tag, .sys-sport-menu-search-input .tagify__tag { background-color: var(--sys-color-brand-secondary); border-radius: .5rem; cursor: pointer; height: 1.5rem; margin-bottom: .25rem; margin-top: .25rem; padding-right: .125rem; text-transform: uppercase; } .sys-banner-search-input .tagify__input, .sys-sport-menu-search-input .tagify__input { font-weight: 500; line-height: 1; margin-top: .25rem; min-width: 13rem; white-space: nowrap; } .sys-banner-search-input .tagify__tag__removeBtn, .sys-banner-search-input .tagify__tag>div, .sys-sport-menu-search-input .tagify__tag__removeBtn, .sys-sport-menu-search-input .tagify__tag>div { background-color: transparent; color: var(--sys-color-back-primary); font-weight: 600; margin-right: .25rem; } .sys-banner-search-input .tagify__tag>div, .sys-sport-menu-search-input .tagify__tag>div { font-size: .875rem; line-height: 1.125; padding-bottom: .125rem; padding-left: .5rem; padding-right: .25rem; padding-top: .125rem; } .sys-banner-search-input .tagify__tag[readonly]>div::before, .sys-sport-menu-search-input .tagify__tag[readonly]>div::before { border-radius: .5rem; opacity: .5; } .sys-banner-search-input .tagify__tag>div::before, .sys-sport-menu-search-input .tagify__tag>div::before { box-shadow: none !important; } .sys-banner-search-input .tagify__input::before, .sys-sport-menu-search-input .tagify__input::before { line-height: 1.5; } .sys-button { align-items: center; background-color: var(--sys-color-brand-primary); border: 0; border-radius: .5rem; color: var(--sys-color-back-primary); cursor: pointer; display: flex; font-family: Montserrat, sans-serif; font-weight: 600; height: 2rem; justify-content: center; margin-bottom: .25rem; margin-left: auto; margin-right: auto; margin-top: .25rem; max-width: 88%; text-decoration: none; transition: background .2s ease-out; width: 15rem; } .sys-button:active, .sys-button:focus, .sys-button:hover, .sys-sport-button-selected { background-color: var(--sys-color-brand-secondary); color: var(--sys-color-back-primary); } .swiper-container { display: flex; flex-direction: column; flex-wrap: wrap; height: fit-content; } /* hide arrow on search */ .sys-banner-search-input.tagify--select::after { display: none; } /* more evident cross */ .sys-banner-search-input .tagify__tag { right: .5rem; } .sys-banner-search-input .tagify__tag__removeBtn::after { color: var(--sys-color-brand-secondary); font-size: 1.5rem; } /* bigger arrows */ .swiper-button-next, .swiper-button-prev { width: 3rem; } .swiper-button-next:after, .swiper-button-prev:after { background-position: 50%; background-repeat: no-repeat; background-size: contain; color: var(--sys-color-brand-primary); font-family: Montserrat, sans-serif; height: 100%; width: 100%; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { background-image: url(../svg/prev.svg); content: ''; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { background-image: url(../svg/next.svg); content: ''; } .sys-collection-preview, .sys-pagination { align-items: center; display: flex; flex-direction: column; justify-content: center; padding-bottom: 2.5rem; padding-left: 1rem; padding-right: 1rem; padding-top: 2.5rem; position: relative; } .sys-pagination::before, .sys-collection-preview::before { background-color: var(--sys-color-back-secondary); content: ''; height: 1px; left: 0; margin-left: auto; margin-right: auto; position: absolute; right: 0; top: 0; width: 10.5rem; } .sys-collection-preview.sys-collection-preview-home { margin-top: -8.5rem; } .sys-collection-preview-home.sys-collection-preview::before { content: none; } .sys-collection-preview-title { color: var(--sys-color-text-secondary); font-size: 1.25rem; font-weight: 600; line-height: 1.2; margin-bottom: .5rem; text-align: center; } .sys-collection-preview-home .sys-collection-preview-title { color: var(--sys-color-back-primary); margin-bottom: 2rem; text-shadow: 0 0 1px var(--sys-color-text-secondary); } .sys-collection-preview-description { line-height: 1.5; margin-bottom: .5rem; max-width: 29.25rem; text-align: left; } .sys-collection-preview-description strong { font-weight: 600; } .sys-collection-preview-slides { margin-bottom: .5rem; margin-top: .5rem; /* transform: translateX(.5rem); width: calc(100% + 1rem); */ width: calc(100% + 2rem); } .sys-collection-preview-slide-image { background-position: 50%; background-size: cover; border-bottom-left-radius: .75rem; border-bottom-right-radius: .75rem; border-top-left-radius: .5rem; border-top-right-radius: .5rem; display: block; /*min-width: 17.5rem;*/ padding-bottom: 100%; position: relative; } .sys-collection-preview-slide-image-content.sys-collection-preview-slide-image-content-hidden { display: none; } .sys-collection-preview-slide-image-content { align-items: center; bottom: 0; display: flex; flex-direction: column; justify-content: center; left: 0; position: absolute; right: 0; top: 0; } .sys-collection-preview-slide-image-content:after { background-color: var(--sys-color-brand-primary); bottom: 0; content: ''; left: 0; opacity: .5; position: absolute; right: 0; top: 0; } .sys-collection-preview-slide-image-content .sys-button { z-index: 1; } .sys-collection-preview-slide-image-content-title { color: var(--sys-color-back-primary); font-size: 1.25rem; font-weight: 600; margin-bottom: 1rem; margin-top: 1rem; text-transform: uppercase; z-index: 1; } .swiper-slide { height: auto; } .sys-collection-preview-slides .swiper-slide { max-width: 80%; } .sys-collection-preview-slides-featured .sys-collection-preview-slide-image { min-width: 15.875rem; padding-bottom: 56.25%; } .sys-collection-preview-slide-image-caption { align-items: center; background-color: var(--sys-color-back-secondary); border-bottom-left-radius: .5rem; border-bottom-right-radius: .5rem; bottom: 0; display: flex; flex-direction: column; font-size: 0.875rem; justify-content: center; left: 0; min-height: 3.25rem; padding-bottom: .25rem; padding-top: .25rem; position: absolute; right: 0; } .sys-collection-preview-slides-album .sys-collection-preview-slide-image-caption, .sys-collection-preview-slides-photographer .sys-collection-preview-slide-image-caption { align-items: flex-start; margin-top: .125rem; padding-left: 3.5rem; } .sys-collection-slide-actions:before { background: var(--sys-color-back-secondary); border-bottom-left-radius: .5rem; border-bottom-right-radius: .5rem; content: ''; height: 1.5rem; margin-top: -.5rem; position: absolute; width: 100%; z-index: -1; } .sys-collection-slide-actions { position: relative; } .sys-collection-preview-slide-image-caption-profile-image { height: 2rem; left: .75rem; position: absolute; top: .625rem; width: 2rem; } .sys-collection-preview-slide-image-caption-title, .sys-collection-preview-slide-image-caption-description { overflow: hidden; text-align: center; text-overflow: ellipsis; width: calc(100% - 1rem); } .sys-photo-details-caption-title, .sys-collection-preview-slide-image-caption-title { color: var(--sys-color-text-secondary); font-size: 1rem; font-weight: 600; line-height: 1.2; margin-bottom: .25rem; margin-top: .25rem; } .sys-photo-details-caption-title, .sys-collection-preview-slides-album .sys-collection-preview-slide-image-caption-title, .sys-collection-preview-slides-photographer .sys-collection-preview-slide-image-caption-title { color: var(--sys-color-brand-primary); font-size: 1rem; text-align: left; text-decoration: none; } .sys-photo-details-caption-description, .sys-collection-preview-slide-image-caption-description { color: var(--sys-color-text-primary); font-size: .875rem; font-weight: 600; } .sys-collection-preview-slides-album .sys-collection-preview-slide-image-caption-description { display: flex; } .sys-collection-preview-slides-album .sys-collection-preview-slide-image-caption-description-sport-tag { background-color: var(--sys-color-back-primary); border: 2px solid var(--sys-color-text-primary); border-radius: .5rem; color: var(--sys-color-text-primary); font-family: Montserrat, sans-serif; font-size: .65rem; font-weight: 600; padding-left: .35rem; padding-right: .35rem; text-transform: uppercase; margin-left: auto; line-height: .9rem; height: 1.1rem; } .sys-collection-preview-slides-album .sys-collection-preview-slide-image-caption-description, .sys-collection-preview-slides-photographer .sys-collection-preview-slide-image-caption-description { font-size: .75rem; text-align: left; } .sys-collection-preview-slide-image-caption-description strong { font-weight: 600; } .sys-footer { background-color: var(--sys-color-back-secondary); color: var(--sys-color-text-primary); display: flex; flex-direction: column; margin-top: 1rem; padding-bottom: 4rem; padding-left: 1rem; padding-right: 1rem; padding-top: .5rem; width: 100%; } .sys-footer-social, .sys-footer-nav, .sys-footer-copyright { margin-bottom: .5rem; margin-top: .5rem; } .sys-footer-social { justify-content: center; } .sys-pagination { flex-direction: row; flex-wrap: wrap; margin-top: 1rem; } .sys-page { align-items: center; border: 2px solid var(--sys-color-brand-primary); border-radius: 50%; display: inline-flex; font-size: 1.25rem; /*font-size: .75rem;*/ font-weight: 600; height: 3rem; justify-content: center; margin-left: .5rem; margin-right: .5rem; text-decoration: none; width: 3rem; } .sys-page:hover { border-color: var(--sys-color-brand-secondary); } .sys-page-selected { border-color: var(--sys-color-text-secondary); color: var(--sys-color-text-secondary); } .sys-button-social-share, .sys-facebook-login { align-items: flex-end; background-color: var(--sys-color-brand-secondary); background-position: 50% .5rem; background-repeat: no-repeat; background-size: 2.75rem; border: 0; border-radius: .5rem; color: var(--sys-color-back-primary); display: inline-flex; font-size: .75rem; font-weight: 600; height: 6rem; justify-content: center; margin: .5rem; padding: .5rem; text-decoration: none; width: 6rem; } .sys-button-social-share:hover, .sys-facebook-login:hover { color: var(--sys-color-back-primary); } .sys-button-social-share-facebook, .sys-facebook-login { background-color: #3b5998; background-image: url(../svg/white/social-share-facebook.svg); } .sys-button-social-share-whatsapp { background-color: #25D366; background-image: url(../svg/white/social-share-whatsapp.svg); } .sys-footer-social-icon-link { height: 1.5rem; margin-left: .25rem; margin-right: .25rem; width: 1.5rem; } .sys-social-icon-link-facebook { background-image: url(../svg/social-icon-link-facebook.svg); } .sys-social-icon-link-instagram { background-image: url(../svg/social-icon-link-instagram.svg); } .sys-social-icon-link-twitter { background-image: url(../svg/social-icon-link-twitter.svg); } .sys-footer-nav { align-items: center; display: flex; flex-direction: column; font-weight: 600; justify-content: center; } .sys-footer-nav-item { color: var(--sys-color-text-primary); margin-bottom: .5rem; text-decoration: none; } .sys-footer-copyright { align-items: center; display: flex; flex-direction: column; font-weight: 300; justify-content: center; } .sys-footer-copyright-block { margin-bottom: .25rem; } .sys-collection-preview-container .swiper-wrapper { flex-wrap: wrap; justify-content: center; margin-left: -.5rem; margin-right: -.5rem; width: calc(100% + 1rem); } .sys-collection-preview-container .swiper-slide { margin: .5rem; min-width: 17.5rem; width: calc(100% / 3 - 1rem); } .sys-collection-preview-slide-content { color: var(--sys-color-text-secondary); font-weight: 600; line-height: 1.618; margin-left: -3rem; } .sys-search.sys-banner-search, .sys-banner { background: var(--sys-color-back-secondary); height: auto; padding-bottom: 1rem; padding-top: 1rem; } .sys-banner { align-items: center; display: flex; flex-direction: column; justify-content: center; } .sys-album-section, .sys-photo-section, .sys-photographer-section { align-items: center; display: flex; flex-direction: column; justify-content: center; /*padding: 2.5rem 1rem;*/ padding: 1rem; } .sys-photo-section-photo-profile, .sys-photographer-section-photo-profile { background-color: var(--sys-color-back-secondary); background-size: cover; border-radius: 50%; height: 10rem; margin-bottom: 1rem; margin-top: 1rem; width: 10rem; } .sys-album-section-informations { align-items: center; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; margin-top: 1rem; } .sys-album-section-information { align-items: center; display: inline-flex; flex-direction: column; margin-left: 1rem; margin-right: 1rem; } .sys-photo-section-information, .sys-photographer-section-information { align-items: center; display: flex; flex-direction: column; width: 100%; } .sys-banner-timer-label, .sys-search .sys-banner-search-label { color: var(--sys-color-text-secondary); text-shadow: none; } .sys-banner-search-inputs-container { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; } .sys-banner-search-inputs-container a, .sys-banner-search-inputs-container button { position: relative; z-index: 1; } .sys-banner-search-inputs-container .sys-banner-search-input-container { margin: .5rem; } .sys-banner-search-inputs-container .sys-banner-search-input .tagify__tag { background: transparent; } .sys-banner-search-inputs-container .sys-banner-search-input .tagify__tag__removeBtn { color: var(--sys-color-text-primary); } .sys-album-section-title, .sys-photo-section-title, .sys-photographer-section-title { font-size: 1.1325rem; font-weight: 500; margin-bottom: .5rem; } .sys-album-section-subtitle { color: var(--sys-color-text-primary); font-size: .75rem; font-weight: 100; } .sys-photo-section-subtitle, .sys-photographer-section-subtitle { font-size: 1rem; font-weight: 400; } .sys-photo-section-subtitle strong { font-weight: 600; } .sys-album-section-information-label, .sys-photo-section-information-label, .sys-photographer-section-information-label { font-size: .875rem; font-weight: 400; } .sys-album-section-information-value, .sys-photo-section-information-value, .sys-photographer-section-information-value { font-size: .875rem; font-weight: 600; margin-bottom: .5rem; } .sys-album-section-information-value { font-size: 1rem; } /* sys-photo */ .sys-photo-section-photo-preview { background-color: var(--sys-color-back-secondary); height: calc(100vh / 1.618); margin-left: -1rem; margin-right: -1rem; margin-top: 1rem; width: calc(100% + 2rem); } .sys-photo-section-photo-preview .swiper-container { height: 100%; width: 100%; } .sys-photo-section-photo-preview .swiper-slide { overflow: hidden; } .sys-photo-section-photo-preview .swiper-slide img { height: 100%; } .sys-photo-actions-container { display: flex; flex-wrap: wrap; } .sys-photo-action { align-items: center; background: transparent; border: 0; color: var(--sys-color-brand-primary); display: inline-flex; flex-direction: column; font-size: .5rem; font-weight: 600; height: 2.5rem; margin: 1rem; padding: 0; text-transform: uppercase; width: 2.5rem; } .sys-photo-action, .sys-photo-action-label { cursor: pointer; } .sys-photo-action-label { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: space-between; } .sys-photo-action-icon { height: 1.5rem; margin: 0 auto auto; object-fit: contain; width: 1.5rem; } .sys-photo-details-caption { margin: 1rem 0 .5rem; padding-left: 3rem; position: relative; width: 100%; } .sys-photo-details-caption-profile-image { height: 2rem; left: 0; position: absolute; width: 2rem; } .sys-photo-tags-container { color: var(--sys-color-brand-primary); margin-bottom: 1.25rem; margin-top: .875rem; } .sys-photo-tag { font-size: .75rem; font-weight: 600; } .sys-photo-activities-container { width: 100%; } .sys-login-secondary-text { color: var(--sys-color-text-primary); display: block; font-size: .875rem; font-weight: 600; } .sys-input { display: block; margin-left: auto; margin-right: auto; margin-top: .5rem; padding: .25rem .5rem; } .swal2-progress-steps { margin-bottom: .75rem !important; } .swal2-content .sys-label { align-items: center; display: flex; flex-wrap: wrap; } .swal2-content .sys-label input { margin: 0 .4em; } .sys-hidden-mobile { display: none; } .sys-banner-search-slider-time { margin-bottom: 2.5rem; margin-top: .5rem; max-width: 40rem; width: calc(100% - 4rem); } .sys-banner-search-slider-time.noUi-target { background: var(--sys-color-back-primary); border: 0; border-radius: .5rem; box-shadow: none; height: .5rem; } .sys-banner-search-slider-time .noUi-handle { background: var(--sys-color-brand-secondary); border: 0; border-radius: .5rem; box-shadow: none; } .sys-banner-search-slider-time.noUi-horizontal .noUi-handle { height: 1rem; right: -.5rem; top: -.25rem; width: 1rem; } .sys-banner-search-slider-time.noUi-horizontal .noUi-handle:before, .sys-banner-search-slider-time.noUi-horizontal .noUi-handle:after { content: none; } .sys-banner-search-slider-time .noUi-connect { background: var(--sys-color-brand-primary); } .sys-banner-search-slider-time .noUi-tooltip { display: none; } .sys-banner-search-slider-time .noUi-active .noUi-tooltip { display: block; } .sys-cart-container { bottom: 0; display: flex; flex-direction: column; left: 0; position: fixed; right: 0; transform: none; transition: transform ease-out .4s; z-index: 8; } .sys-cart-closed .sys-cart-container { transform: translateY(4.75rem); } .sys-cart-closed #sys-cart, .sys-cart-closed .sys-cart-close { display: none; } .sys-cart-closed .sys-cart-total { position: absolute; right: 1rem; top: -2rem; } .sys-cart-container-header { background: var(--sys-color-back-secondary); border-top-left-radius: .5rem; border-top-right-radius: .5rem; display: flex; justify-content: space-between; padding: .5rem 1rem; position: relative; } .sys-cart-container-header-quantity { font-size: .875rem; margin-bottom: 0; } .sys-cart-container-header-quantity strong { font-weight: 600; } .sys-collection-preview-slide { position: relative; } .sys-cart-toggle, .sys-collection-preview-slide-cart { background-image: url(../svg/cart.svg); background-position: 50%; background-repeat: no-repeat; background-size: 1.5rem; border: 0; border-radius: 50%; cursor: pointer; height: 2.5rem; width: 2.5rem; } .sys-collection-preview-slide-cart { background-color: var(--sys-color-brand-secondary); border-bottom-left-radius: .5rem; border-bottom-right-radius: 0; border-right: 2px solid var(--sys-color-back-primary); border-top: 2px solid var(--sys-color-back-primary); border-top-left-radius: 0; bottom: 0; left: 0; margin: 0; position: absolute; z-index: 1; } .sys-cart-toggle { background-color: var(--sys-color-brand-primary); border: 2px solid var(--sys-color-back-primary); left: 0; margin: auto; position: absolute; right: 0; top: -1.25rem; } .sys-cart-close { background-color: transparent; background-image: url(../svg/close.svg); background-position: 50%; background-repeat: no-repeat; background-size: contain; border: 0; } #sys-cart, .sys-cart-container-footer { background: var(--sys-color-back-secondary); display: flex; flex-direction: column; } #sys-cart { max-height: 9.5rem; overflow: auto; } .sys-cart-container-footer { padding: 0 1rem 1rem; position: relative; } .sys-cart-container-footer:before { border-radius: .5rem; border-top: 1px solid var(--sys-color-text-primary); content: ''; height: 1px; margin-bottom: 1rem; width: 100%; } .sys-cart-item { cursor: pointer; display: flex; flex-wrap: wrap; margin: 1rem; padding: .5rem; position: relative; transition: transform ease-out .1s; user-select: none; } .sys-cart-item-toggled.sys-cart-item { padding-left: 1rem; } .sys-cart-item.sys-cart-item-toggled:before { background: var(--sys-color-text-primary); border-bottom-right-radius: .5rem; border-top-right-radius: .5rem; bottom: 0; content: ''; left: -1.5rem; position: absolute; top: 0; width: 4.5rem; } .sys-cart-item-image, .sys-cart-item-info, .sys-cart-item-title { transition: transform ease-out .2s; } .sys-cart-item-toggled .sys-cart-item-image, .sys-cart-item-toggled .sys-cart-item-info, .sys-cart-item-toggled .sys-cart-item-title { transform: translateX(3rem); } .sys-cart-item-toggled .sys-cart-item-price { visibility: hidden; } .sys-cart-item-remove { background-color: var(--sys-color-brand-secondary); background-image: url(../svg/trash.svg); background-position: 50%; background-repeat: no-repeat; background-size: 1rem; border: 2px solid var(--sys-color-back-primary); border-radius: 50%; bottom: 0; cursor: pointer; display: none; height: 2.25rem; left: 0; margin: auto .5rem auto 0; position: absolute; top: 0; width: 2.25rem; } .sys-cart-item-toggled .sys-cart-item-remove { display: inline-flex; } .sys-cart-item-remove, .sys-cart-item.sys-cart-item-toggled:before { animation-duration: .2s; animation-name: sysSlideFromLeft; animation-timing-function: ease-out; } @keyframes sysSlideFromLeft { from { transform: translateX(-3rem); } to { transform: translateX(0); } } .sys-cart-item-image { background: var(--sys-color-text-primary); border-radius: .5rem; height: 2.25rem; margin: auto 0; margin-bottom: auto; object-fit: cover; object-position: 50%; width: 3.75rem; } .sys-cart-item-info { display: flex; flex-direction: column; margin: 0 .5rem; } .sys-cart-item-date { color: var(--sys-color-text-primary); font-size: .75rem; font-weight: 600; margin: 0; text-align: left; } .sys-cart-item-description { color: var(--sys-color-text-primary); font-size: .875rem; font-weight: 400; margin-bottom: 0; margin-top: 0; text-align: left; } .sys-cart-item-description strong { font-weight: 600; } .sys-cart-total, .sys-cart-item-price { color: var(--sys-color-text-secondary); display: flex; font-family: Roboto Mono, monospace; font-size: .875rem; font-weight: 600; justify-content: space-between; margin-bottom: 0; margin-left: auto; margin-top: 0; min-width: 5rem; } .sys-cart-total { line-height: 1.5; margin-bottom: 1rem; } .sys-cart-total-currency, .sys-cart-item-currency { font-family: Montserrat, sans-serif; font-weight: 400; } .sys-cart-item-title { color: var(--sys-color-text-secondary); font-size: .875rem; font-weight: 600; margin: .25rem 0 0; text-align: left; width: 100%; } .sys-checkout-text { margin-bottom: .5rem; margin-top: .5rem; } .sys-checkout-text ul { list-style: none; } .sys-checkout-actions { margin: .5rem 0 2rem; } .sys-checkout-action { align-items: center; display: flex; flex-direction: column; justify-content: center; } .sys-checkout-action-primary { font-size: 1.5rem; font-weight: 600; height: 3rem; margin-bottom: .5rem; min-width: 18rem; } .sys-checkout-action-secondary { background-color: var(--sys-color-brand-secondary); } #profile_menu { align-items: center; display: flex; flex-direction: column; } #profile_menu #profile_photo { min-height: unset; padding: 1rem 0 .25rem; } #profile_menu #profile_photo img { margin-left: auto; margin-right: auto; margin-top: 0; } #form_registrazione>form>ul { padding: 0 !important; } .profile_result img { margin-left: auto; margin-right: auto; } #profile_menu>ul>li>a { font-size: 14px !important; } /* fix /members/signup.php */ table.table_captcha td img { margin-left: auto; margin-right: auto; } /* fix fb btn /members/login.php */ #login_content li form a { display: inline-block; margin: auto; } #sys-login-username { display: block; } .sys-text-centered { text-align: center; } .sys-buy-total td { font-size: 1rem; } .sys-buy-total td span { font-size: 1.5rem; } .sys-buy-total td b { font-size: 1rem; } .sys-buy-discount-album td b, .sys-buy-discount-album td span, .sys-buy-discount-quantity td b, .sys-buy-discount-quantity td span { color: var(--sys-color-brand-primary); } .form_field .isubmit:disabled { background-color: var(--sys-color-text-primary); color: var(--sys-color-back-secondary); opacity: .6; } .profile_result table td .sys-button { color: var(--sys-color-back-primary); margin-left: 0; margin-right: 0; } .profile_result table td .sys-button:hover { color: var(--sys-color-back-primary); } #dbannerimage { margin-top: 8rem; } #other_sport_tag { display: block; } div#ui-datepicker-div.ui-datepicker { padding: .5rem !important; } #ui-datepicker-div .ui-state-default { border-color: transparent !important; box-sizing: border-box; height: 2rem; line-height: 1.5rem; text-align: center; width: 2rem; } input#photo_date { font-weight: 600 !important; padding-left: .5rem !important; } .gllpLatlonPicker .addspot { white-space: normal; word-break: break-all; } .sys-header-fixed.slideDown .sys-header { transform: translateY(0); transition: transform .125s ease-out; } .sys-header-fixed.slideUp .sys-header { transform: translateY(-6.5rem); transition: transform .25s ease-out; } .sys-sport-menu { transition: top .05s ease-out; } .sys-header-fixed.slideUp .sys-sport-menu { top: 2rem; } @media (min-width: 768px) { .sys-hidden-mobile { display: flex; } .sys-visible-mobile { display: none; } /* body { padding-top: 6.5rem; } */ .sys-sport-menu-open .sys-sport-menu { top: 6.5rem; } .sys-header-main-button-link { align-items: center; background-color: var(--sys-color-brand-primary); background-image: none; border: 0; border-radius: .5rem; color: var(--sys-color-back-primary); cursor: pointer; display: flex; font-family: Montserrat, sans-serif; font-size: 1rem; font-weight: 600; height: 2rem; justify-content: center; margin-bottom: .5rem; margin-top: .5rem; min-width: 15rem; text-decoration: none; transition: background .2s ease-out; } .sys-header-main-button-link:active, .sys-header-main-button-link:focus, .sys-header-main-button-link:hover { background-color: var(--sys-color-brand-secondary); color: var(--sys-color-back-primary); } .sys-header-sport { border-top: 0; left: 10rem; position: fixed; top: 3.25rem; padding-left: 0; justify-content: center; } .sys-sport-menu-scroll { width: calc(100% + 1rem); margin-right: -2rem; } .sys-sport-menu-open .sys-sport-menu { max-width: 20rem; } .sys-banner-search { background-image: url(../jpg/home-banner/full-t.jpg); } .sys-collection-preview-slides .swiper-slide { max-width: 20.25rem; } .sys-collection-preview-slides-featured .swiper-slide { max-width: 15.875rem; } .sys-banner { flex-direction: row; } .sys-banner>*, .sys-banner-search-inputs-container p { margin: 0 1rem; } .sys-banner-search-button { margin-left: 0; margin-right: 0; } .sys-search .sys-banner-search-button { margin-left: auto; } .sys-album-section-informations { flex-direction: row; width: 100%; } .sys-album-section-information { width: calc(100% / 3 - 2rem); } .sys-cart-container { border-left: 2px solid var(--sys-color-back-primary); border-top: 2px solid var(--sys-color-back-primary); border-top-left-radius: .5rem; left: auto; max-width: 25rem; } #dbannerimage { margin-top: 5.5rem; } .sys-header-fixed.slideUp .sys-sport-menu { top: 4rem; } .sys-header-fixed.slideUp .sys-header { transform: translateY(-2.5rem); } } @media (min-width: 1024px) { .sys-invitational-banner { display: block; } .sys-header-main-menu { border-top: 1px solid var(--sys-color-back-secondary); display: flex; flex-direction: row; left: 0; padding-bottom: .25rem; padding-top: .25rem; position: fixed; top: 0; } .sys-header-main-menu-button { display: none; } .sys-header-main-profile-image { margin-right: 0; } .sys-header-main-menu-item { width: auto; } .sys-banner-search { background-image: url(../jpg/home-banner/full.jpg); height: 37.75rem; justify-content: center; } .sys-banner-search-title { margin-top: 0; } .sys-collection-preview-slides .swiper-wrapper { flex-wrap: wrap; margin-left: auto; margin-right: auto; max-width: 63rem; position: relative; } .sys-collection-preview.sys-collection-preview-home { margin-top: -11.5rem; } .sys-collection-preview-home .swiper-wrapper { justify-content: center; max-width: none; } .sys-collection-preview-slides .swiper-slide { margin-bottom: .5rem; margin-left: .25rem; margin-right: .25rem; } .sys-collection-preview-slides { transform: none; width: 100%; } .sys-collection-preview-slides-featured .sys-collection-preview-slide-image { border-radius: 0; } .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(1) .sys-collection-preview-slide-image { border-top-left-radius: .5rem; } .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(5) .sys-collection-preview-slide-image { border-top-right-radius: .5rem; } /* .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(12) .sys-collection-preview-slide-image { border-bottom-left-radius: .5rem; } .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(14) .sys-collection-preview-slide-image { border-bottom-right-radius: .5rem; } */ .sys-collection-preview-slides-featured .swiper-slide:nth-last-child(2) .sys-collection-preview-slide-image { border-bottom-right-radius: .5rem; } .sys-collection-preview-slides-featured .swiper-slide:nth-last-child(4) .sys-collection-preview-slide-image { border-bottom-left-radius: .5rem; } .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(3), .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(8), .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(13) { max-width: 476px; } .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(3) .sys-collection-preview-slide-image, .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(8) .sys-collection-preview-slide-image, .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(13) .sys-collection-preview-slide-image { padding-bottom: 70.588%; } .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(2), .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(4), .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(7), .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(9), .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(12), .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(14) { position: absolute; } .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(2), .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(7), .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(12) { left: 0; } .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(4), .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(9), .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(14) { right: 0; } /* 171.59px * 1 + 0px*/ .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(2), .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(4) { top: 171.59px; } /* 171.59px * 3 + 1px*/ .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(7), .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(9) { top: 515.77px; } /* 171.59px * 5 + 2px */ .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(12), .sys-collection-preview-slides-featured .swiper-slide:nth-of-type(14) { top: 859.95px; } .sys-collection-preview-slides-featured .sys-collection-preview-slide-image { padding-bottom: 64.4055%; } .sys-footer-nav { flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; margin-left: auto; margin-right: auto; width: 62.5rem; } .sys-photo-activities-container { display: flex; flex-direction: row-reverse; flex-wrap: wrap; justify-content: space-between; } .sys-photo-details-caption { width: auto; } } @media(min-width: 1280px) { .sys-footer-nav { justify-content: space-between; } .sys-header-social-text { display: block; } } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(1, 137, 255, 0.4); } 70% { -webkit-box-shadow: 0 0 0 .5rem rgba(1, 137, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(1, 137, 255, 0); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(1, 137, 255, 0.4); box-shadow: 0 0 0 0 rgba(1, 137, 255, 0.4); } 70% { -moz-box-shadow: 0 0 0 .5rem rgba(1, 137, 255, 0); box-shadow: 0 0 0 .5rem rgba(1, 137, 255, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(1, 137, 255, 0); box-shadow: 0 0 0 0 rgba(1, 137, 255, 0); } } /*nascondere temporaneamente s*/ .sys-invitational-banner, .sys-social-icon-link-twitter { display: none!important; } /*nascondere temporaneamente e*/