coffeeandphotos

RMS backup 11.17.25

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