Advertisement
coffeeandphotos

RMS BACKUP 5/10/24

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