Advertisement
coffeeandphotos

Rejuv Full back up4/9/25

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