Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- //font styles
- @font-face{font-family:'Essential Sans';src:url('https://static1.squarespace.com/static/63642c9b83e5a7329c53abd4/t/67f0a658a6109c31d213f0e2/1743824472975/EssentialSans-Bold.woff')format('woff');font-weight:normal;}:root{--heading-font-font-family:'Essential Sans';}
- @font-face{font-family:'Essential';src:url('https://static1.squarespace.com/static/63642c9b83e5a7329c53abd4/t/67f0a1982e773144c7dd8fda/1743823256558/EssentialSans-Medium.woff')format('woff');font-weight:normal;}:root{--body-font-font-family:'Essential';}
- //Don't Display Portfolio Pagination
- .item-pagination--prev-next {
- display: none;}
- /* Change dropdown menu background */
- .header-nav-folder-content {
- background: #BEBCE6 !important;
- }
- //header nav menu mobile
- .header-menu-nav-item a {
- font-size: 1.9rem;}
- //remove underline from links
- a {
- text-decoration: none !important;
- }
- header a {
- background-image: none !important;
- }
- footer a {
- text-decoration: none !important;
- }
- //hide BACK arrow in mobile menu
- .header-menu-controls-control span:nth-of-type(2) {
- display: none;
- }
- // logo gallery marquee homepage
- @keyframes moveLeft {
- 0% {
- transform: translateX(0%);
- }
- 100% {
- transform: translateX(-300%);
- }
- }
- //main css
- section[data-section-id="63c35bb9b98b7f0d1d647b8d"] {
- overflow:hidden;
- border-bottom:1px solid;
- .gallery-grid-item-wrapper img {
- object-fit:contain !important;
- }
- .gallery-grid-wrapper {
- display:flex !important;
- animation: moveLeft 65s linear infinite;
- .gallery-grid-item {
- min-width:15%;
- margin-right:5%;
- }
- }
- .gallery-grid-item:not([data-show]) .gallery-grid-item-wrapper {
- opacity: 1;
- }
- .gallery-grid-item:not([data-show]) .gallery-grid-item-caption {
- opacity: 1;
- visibility: visible !important;
- }
- .gallery-grid[data-show-captions="false"] .gallery-grid-item-caption {
- display: none
- }
- .gallery-grid[data-show-captions="true"][data-animation="none"] .gallery-grid-item-caption {
- transition: none
- }
- }
- //mobile
- section[data-section-id="63c35bb9b98b7f0d1d647b8d"] {
- @media screen and (max-width:767px) {
- .gallery-grid-item {
- min-width:50% !important;
- margin-right:5%;
- }
- }
- .gallery {
- min-height:initial !important;
- }
- }
- //end of gallery marque
- //list image radius
- .user-items-list-simple .list-image
- {border-radius:40px;}
- //-- testimonial carosel list shape/radius
- .list-item[data-is-card-enabled="true"] {border-radius:40px}
- //blog image style radius
- .blog-basic-grid .image-wrapper img {
- border-radius: 40px;}
- //gallery slideshow container radius homepage
- section[data-section-id="663e8090bd16811e3c5ee9b6"]
- .sqs-gallery-block-slideshow .sqs-gallery-design-stacked-slide {border-radius:40px;}
- //
- .sqs-gallery-block-slideshow {
- background-color: transparent}
- //
- //mega menu
- .mega {
- position: absolute;
- width: 100%;
- opacity: 0;
- left: 0;
- bottom: 0px;
- visibility: hidden;
- pointer-events: none;
- transition:transform 1s ease;
- transform: translate(0,95%);
- &:after {
- position: absolute;
- left: 0;
- content: '';
- height: 100%;
- width: 100%;
- z-index: -1;
- background: transparent;
- top: 5px;
- transform: translate(0,-100%);
- }
- }
- .mega:hover {
- opacity: 1;
- visibility: visible;
- pointer-events: auto!important;
- -webkit-transition-delay: 0s;
- -o-transition-delay: 0s;
- transition-delay: 0s;
- transform: translate(0,100%);
- & * {
- pointer-events: auto;
- }
- }
- .folder a {
- pointer-events:none;
- }
- .folder:hover {
- & + .mega {
- opacity: 1;
- pointer-events: auto!important;
- visibility: visible;
- transform: translate(0,100%);
- }
- }
- @media (min-width:991px) {
- .folder {
- z-index:99999 !important;
- .header-nav-folder-content {
- display: none;
- }
- }
- .header-nav-item,
- .header-title,
- .header-actions {
- z-index: 9;
- position: relative !important;
- }
- .header-background,.header::before,
- {
- pointer-events: none!important;
- }
- .header-display,
- .header-inner {
- position: static!important;
- }
- }
- //LEFT ALIGN TEXT
- .mega {
- p,h2,h3,h1 {
- text-align:left;
- }
- //remove underlines in links
- p a {
- border-bottom:0px !important;
- }
- }
- .section-background-content img {
- visibility:visible !important;
- }
- //background color
- //Mega Menu Background color
- .mega {
- .section-background {
- background-color: #EBEAEB !important;
- }
- }
- //padding
- .mega {
- .content-wrapper {
- padding-top: 5vh !important;
- padding-bottom: 5vh !important;
- }
- }
- //typography
- .mega {
- h3 {
- font-size:18px;
- font-family: Poppins;
- }
- h1,h2,h3,h4, p {
- text-align:left;
- line-height: 1.8;
- }
- }
- //mobile mega menu
- //Hide Default Nav Items
- //hide popout menu on mobile, most tablets
- @media only screen and (max-width: 1024px) and (pointer: coarse), screen and (max-width: 799px) {
- .header-menu-nav-list {
- display:none;
- }
- }
- //basic mobile
- .header--menu-open .header-menu {
- overflow-y:scroll;
- background-color:#EBEAEB; //change as needed
- .header-menu-bg{
- display:none;
- }
- //Fix Background Color
- .page-section {
- background-color:transparent !important;
- min-height:initial !important;
- }
- .section-background {
- background-color: transparent !important;
- }
- //Define Padding
- .content-wrapper {
- padding-top:0px !important;
- padding-bottom:0px !important;
- }
- //Adjust Block Spacing
- .sqs-block {
- padding-top:10px;
- padding-bottom:10px;
- }
- }
- body:not(.header--menu-open) {
- #mobileNav {
- opacity:0;
- }
- }
- .header--menu-open {
- #mobileNav {
- opacity:1;
- }
- }
- //fix button mobile nav
- [data-section-id="67183b1fd77927170e45465d"] .sqs-button-element--primary {color: #fff !important}
- #block-672195f140a26602472e .sqs-button-element--tertiary {color: #fff !important}
- //mobile menu page font style
- [data-section-id="63cf36ffbc1f0240b2998d16"] H3 { line-height: 1.8 !important;
- }
- [data-section-id="63cf3617e216dc3d3b12e29d"] H3 { line-height: 1.8 !important;
- }
- //gallery radius + instagram block radius
- .slide .sqs-video-overlay {border-radius: 40px !important;}
- //gallery radius + instagram block radius
- .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor {border-radius: 40px !important;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement