Advertisement
coffeeandphotos

RMS Back up 5/28/24

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