Advertisement
coffeeandphotos

Rejuve Full Backup - updated after Mega Menu Fiz

Apr 10th, 2025
718
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.77 KB | None | 0 0
  1. //font styles
  2. @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';}
  3.  
  4. @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';}
  5.  
  6.  
  7. //Don't Display Portfolio Pagination
  8. .item-pagination--prev-next {
  9. display: none;}
  10.  
  11. /* Change dropdown menu background */
  12. .header-nav-folder-content {
  13. background: #c9c8da !important;
  14. }
  15.  
  16. //header nav menu mobile
  17.  
  18. .header-menu-nav-item a {
  19. font-size: 1.7rem;
  20. line-height: 1.4rem;}
  21.  
  22. //remove underline on active page in nav
  23. .header-nav-item--active a {
  24. background-image: none!important;
  25. text-decoration: none !important;
  26. color: #2a1c4a!important;
  27. }
  28.  
  29. //romove active underline from folder links
  30. .header-nav-folder-item-content  {
  31.  background-image: none!important;
  32. }
  33. .header-nav-folder-item--active a {
  34.  background-image: none!important;
  35. text-decoration: none !important;
  36.  
  37. }
  38.  
  39. .header-nav-item--active .header-nav-folder-title-text  {
  40.  background-image: none!important;
  41. }
  42.  
  43. //remove underline from links
  44. a {
  45. text-decoration: none !important;
  46. }
  47. header a {
  48. background-image: none !important;
  49. }
  50. footer a {
  51. text-decoration: none !important;
  52. }
  53.  
  54. //hide BACK arrow in mobile menu
  55. .header-menu-controls-control span:nth-of-type(2) {
  56. display: none;
  57. }
  58.  
  59. // logo gallery marquee homepage
  60.  
  61. @keyframes moveLeft {
  62. 0% {
  63. transform: translateX(0%);
  64. }
  65.  
  66. 100% {
  67. transform: translateX(-300%);
  68. }
  69. }
  70. //main css
  71. section[data-section-id="63c35bb9b98b7f0d1d647b8d"] {
  72. overflow:hidden;
  73. border-bottom:1px solid;
  74.  
  75. .gallery-grid-item-wrapper img  {
  76. object-fit:contain !important;
  77. }
  78.  
  79. .gallery-grid-wrapper {
  80. display:flex !important;
  81. animation:  moveLeft 65s linear      infinite;
  82. .gallery-grid-item {
  83. min-width:15%;
  84. margin-right:5%;
  85. }
  86. }
  87.  
  88. .gallery-grid-item:not([data-show]) .gallery-grid-item-wrapper {
  89. opacity: 1;
  90.  
  91. }
  92. .gallery-grid-item:not([data-show]) .gallery-grid-item-caption {
  93. opacity: 1;
  94. visibility: visible !important;
  95. }
  96.  
  97. .gallery-grid[data-show-captions="false"] .gallery-grid-item-caption {
  98. display: none
  99. }
  100.  
  101. .gallery-grid[data-show-captions="true"][data-animation="none"] .gallery-grid-item-caption {
  102. transition: none
  103. }
  104.  
  105. }
  106.  
  107. //mobile logo gallery
  108.  
  109. section[data-section-id="63c35bb9b98b7f0d1d647b8d"] {
  110.  
  111. @media screen and (max-width:767px) {
  112. .gallery-grid-item {
  113. min-width:50% !important;
  114. margin-right:5%;
  115. }
  116.  
  117. }
  118.  
  119. .gallery  {
  120. min-height:initial !important;
  121. }
  122.  
  123. }
  124. //end of logo gallery marque
  125.  
  126. //list image radius
  127.  
  128. .user-items-list-simple .list-image
  129. {border-radius:40px;}
  130.  
  131. //-- testimonial carosel list shape/radius
  132. .list-item[data-is-card-enabled="true"] {border-radius:40px}
  133.  
  134. //blog image style radius
  135. .blog-basic-grid .image-wrapper img {
  136. border-radius: 40px;}
  137.  
  138. //gallery slideshow container radius homepage
  139. section[data-section-id="663e8090bd16811e3c5ee9b6"]
  140. .sqs-gallery-block-slideshow .sqs-gallery-design-stacked-slide {border-radius:40px;}
  141. //
  142. .sqs-gallery-block-slideshow {
  143. background-color: transparent}
  144. //
  145.  
  146. //gallery radius + instagram block radius
  147. .slide .sqs-video-overlay {border-radius: 40px !important;}
  148.  
  149. //gallery radius + instagram block radius
  150. .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor {border-radius: 40px !important;}
  151.  
  152.  
  153. //mobile mega menu
  154. //Hide Default Nav Items
  155. //hide popout menu on mobile, most tablets
  156. @media only screen and (max-width: 1024px) and (pointer: coarse), screen and (max-width: 799px) {
  157. .header-menu-nav-list {
  158. display:none;
  159. }
  160.  
  161. }
  162.  
  163. //basic mobile
  164.  
  165. .header--menu-open .header-menu {
  166. overflow-y:scroll;
  167. background-color:#EBEAEB; //change as needed
  168. .header-menu-bg{
  169. display:none;
  170. }
  171.  
  172. //Fix Background Color
  173. .page-section {
  174. background-color:transparent !important;
  175.  
  176. min-height:initial !important;
  177. }
  178.  
  179. .section-background {
  180. background-color: transparent !important;
  181. }
  182.  
  183. //Define Padding
  184. .content-wrapper {
  185. padding-top:0px  !important;
  186. padding-bottom:0px !important;
  187. }
  188. //Adjust Block Spacing
  189. .sqs-block {
  190. padding-top:10px;
  191. padding-bottom:10px;
  192. }
  193.  
  194. }
  195.  
  196. body:not(.header--menu-open) {
  197. #mobileNav {
  198. opacity:0;
  199. }
  200. }
  201.  
  202. .header--menu-open {
  203. #mobileNav {
  204. opacity:1;
  205. }
  206. }
  207.  
  208. //fix buttons font on custom mobile nav
  209. [data-section-id="67183b1fd77927170e45465d"] .sqs-button-element--primary {color: #fff !important}
  210.  
  211. #block-672195f140a26602472e .sqs-button-element--tertiary {color: #fff !important}
  212.  
  213. //custom mobile menu page font style
  214. [data-section-id="63cf36ffbc1f0240b2998d16"] H3 { line-height: 1.8 !important;
  215. }
  216. [data-section-id="63cf3617e216dc3d3b12e29d"] H3 { line-height: 1.8 !important;
  217. }
  218.  
  219. //gallery radius + instagram block radius
  220. .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor {border-radius: 40px !important;}
  221.  
  222. //MEGA MENU
  223. .mega {
  224. position: absolute;
  225. width: 100%;
  226. opacity: 0;
  227. left: 0;
  228. bottom: 0px;
  229. visibility: hidden;
  230. pointer-events: none;
  231. transition:transform 1s ease;
  232. transform: translate(0,95%);
  233.  
  234. &:after {
  235. position: absolute;
  236. left: 0;
  237. content: '';
  238. height: 100%;
  239. width: 100%;
  240. z-index: -1;
  241. background: transparent;
  242. top: 5px;
  243. transform: translate(0,-100%);
  244.  
  245. }
  246.  
  247. }
  248.  
  249. .mega:hover {
  250. opacity: 1;
  251. visibility: visible;
  252. pointer-events: auto!important;
  253. -webkit-transition-delay: 0s;
  254. -o-transition-delay: 0s;
  255. transition-delay: 0s;
  256. transform: translate(0,100%);
  257. & * {
  258. pointer-events: auto;
  259. }
  260. }
  261. .folder a {
  262. pointer-events:none;
  263. }
  264. .folder:hover {
  265. & + .mega {
  266. opacity: 1;
  267. pointer-events: auto!important;
  268. visibility: visible;
  269. transform: translate(0,100%);
  270. }
  271. }
  272.  
  273. @media (min-width:991px) {
  274.  
  275. .folder {
  276. z-index:99999 !important;
  277. .header-nav-folder-content {
  278. display: none;
  279. }
  280. }
  281. .header-nav-item,
  282. .header-title,
  283. .header-actions {
  284. z-index: 9;
  285. position: relative !important;
  286. }
  287. .header-background,.header::before,
  288. {
  289. pointer-events: none!important;
  290. }
  291.  
  292. .header-display,
  293. .header-inner {
  294. position: static!important;
  295. }
  296.  
  297. }
  298.  
  299. //LEFT ALIGN TEXT
  300. .mega {
  301. p,h2,h3,h1 {
  302. text-align:left;
  303. }
  304. //remove underlines in links
  305. p a {
  306. border-bottom:0px !important;
  307. }
  308. }
  309.  
  310. .section-background-content img {
  311. visibility:visible !important;
  312. }
  313.  
  314. //background color
  315. //Mega Menu Background color
  316. .mega {
  317.  
  318. .section-background {
  319. background-color: #EBEAEB !important;
  320. }
  321.  
  322. }
  323. //padding
  324. .mega {
  325. .content-wrapper {
  326. padding-top: 5vh !important;
  327. padding-bottom: 5vh !important;
  328. }
  329. }
  330. //typography
  331. .mega {
  332. h3 {
  333. font-size:18px;
  334. font-family: Poppins;
  335. }
  336. h1,h2,h3,h4, p {
  337. text-align:left;
  338. line-height: 1.8;
  339. }
  340.  
  341. }
  342. //END MEGA MENU END
  343.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement