Advertisement
coffeeandphotos

AC back up

Mar 28th, 2022
1,133
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.17 KB | None | 0 0
  1. //General Styles
  2.  
  3. @font-face {
  4.     font-family: "Hatton-medium";
  5.     src: url("https://static1.squarespace.com/static/5fb7c55aa4362a40d79ad528/t/6096b7503481821120951c5a/1620490064222/Hatton-Medium.otf");}
  6.  
  7. h1, h2, h3, h4 { font-family: "Hatton-medium" !important; }
  8.  
  9. //No auto hyphens
  10. body {-webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important;  }
  11.  
  12. // Slide Up Header + Navigation On Load //
  13.  
  14. header {
  15.   animation: fade-intro-up 2s ease;
  16.   -webkit-animation: fade-intro-up 2s ease;
  17. }
  18.  
  19. @keyframes fade-intro-up {0%{opacity: 0;-webkit-transform: translate3d(0,50px,0);-moz-transform: translate3d(0,50px,0);-ms-transform: translate3d(0,50px,0);-o-transform: translate3d(0,50px,0);transform: translate3d(0,50px,0);}100%{opacity: 1;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}}
  20.  
  21. //Footer
  22.  
  23. @media only screen and (max-width:640px){ #footer-sections * {text-align:center}}
  24.  
  25.  
  26. // Remove Active Nav Line //
  27.  
  28. .header-nav-item--active a {
  29.     background-image: none !important;
  30. }
  31.  
  32. //hide recaptcha glitch
  33.  
  34. .form-submission-html + .newsletter-form-footnote {
  35.  display:none;
  36. }
  37.  
  38. //header button
  39. .header-actions .header-actions-action--cta {
  40.     font-family: franklin-gothic-urw;
  41.     font-weight: 500 !important;
  42.   text-transform: uppercase!important;
  43.   letter-spacing: 0.09em!important;
  44.     font-size: 1rem !important;
  45.  border-radius: 300px!important;
  46.  
  47. }
  48.  
  49. //NEWSLETTER BUTTON
  50. .newsletter-form-button {
  51.     font-family: franklin-gothic-urw;
  52.     font-weight: 500 !important;
  53.   text-transform: uppercase!important;
  54.   letter-spacing: 0.09em!important;}
  55.  
  56. .newsletter-block .newsletter-form-field-element, .newsletter-block .newsletter-form-button
  57. { padding: 1rem 1rem !important;
  58.     line-height: 1rem !important;
  59. }
  60.  
  61. //blog thumbnail image radius
  62.  
  63. .blog-basic-grid .image-wrapper {border-radius: 40px !important;}
  64.  
  65. .blog-alternating-side-by-side .image-wrapper {border-radius: 40px !important;}
  66.  
  67. // link page buttons same length
  68. .sqs-block-button-element--small {
  69.  width: 50% !important;
  70.  font-size:16px;
  71.  font-weight: 300;
  72. }
  73.  
  74. //meta description, title font size summary block
  75.  
  76. .summary-metadata-item {font-size:19px !important;}
  77.  
  78. .summary-title {font-size:22px !important;}
  79.  
  80.  
  81. //Summary image radius
  82. .sqs-block-summary-v2 .img-wrapper
  83. {border-radius: 40px !important;}
  84.  
  85. //gallery radius + instagram block radius
  86. .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor {border-radius: 40px !important;}
  87.  
  88. //brand photo top section center text
  89. section[data-section-id="61b7aa36bfcf744c9bf4db5e"]{
  90.  
  91.  .sqs-row {
  92.         display: flex;
  93.         align-items: center;
  94. }}
  95.  
  96. //About page photo collage Section */
  97. [data-section-id="61a69ddd977e6d7ac1d79c4a"] {
  98.     h2 {
  99.         margin-bottom: 25px;
  100.     }
  101.     .sqs-col-4 .sqs-block-image {
  102.         margin-right: -40px;
  103.         z-index: 3;
  104.     }
  105.     .sqs-col-3 .sqs-block-image {
  106.         margin-left: -40px;
  107.     }
  108.     .sqs-col-4 p {
  109.         max-width: 500px;
  110.         margin: 0 auto;
  111.     }
  112.     .sqs-block-image {
  113.         padding-bottom: 0;
  114.     }
  115.     .sqs-block-button {
  116.         margin-top: 22px;
  117.     }
  118.     .sqs-row {
  119.         display: flex;
  120.         align-items: center;
  121.     }
  122.     @media screen and (max-width: 1199px) {
  123.         .sqs-block-button {
  124.             margin-top: 0;
  125.         }
  126.     }
  127.     @media screen and (max-width: 767px) {
  128.         .sqs-row {
  129.             display: block;
  130.         }
  131.         .sqs-col-4 .sqs-block-image,
  132.         .sqs-col-3 .sqs-block-image {
  133.             margin: 0;
  134.         }
  135.         .sqs-col-4 p {
  136.             max-width: 100%;
  137.         }
  138.     }
  139. }
  140.  @media screen and (max-width: 767px) {
  141.    #block-fac2d4bf8b7b7a7340bf {display:none;}}
  142.  
  143. //smooth scroll to anchor link
  144.  
  145. html {
  146.   scroll-behavior: smooth;
  147. }
  148.  
  149. //Newsletter
  150. .primary-button-style-outline .light .sqs-block-newsletter .newsletter-form-button {    border-width: 2px;}
  151.  
  152. .newsletter-form-field-element {
  153.    
  154.     background-color: transparent !important;
  155.     border-top: none !important;
  156.     border-left: none !important;
  157.     border-right: none !important;
  158. }
  159.  
  160. .newsletter-block .newsletter-form-button{
  161.   font-size: 20px !important;
  162.  
  163.   padding: 12px !important;
  164.  
  165.  
  166. }
  167.  
  168. .sqs-alternate-block-style-container .newsletter-block .newsletter-form-wrapper .newsletter-form-button {
  169.     background: none !important;
  170.     border:none !important;
  171. }
  172.  
  173.  
  174. .newsletter-block .newsletter-form-field-element{
  175.  
  176.   text-transform: uppercase;
  177.   letter-spacing: 0px;
  178.   font-weight:normal;
  179.  
  180.   line-height:1em;
  181.   padding:0px 0px !important;
  182.  
  183. }
  184.  
  185. .sqs-alternate-block-style-container .newsletter-block .newsletter-form-wrapper .newsletter-form-button {
  186.   border: none !important;
  187.   box-shadow: none !important;
  188.    
  189. }
  190.  
  191. .sqs-alternate-block-style-container .newsletter-block .newsletter-form-wrapper .newsletter-form-button {
  192.   border-width:0px !important;
  193.   box-shadow: inset 0px 0px 0px 0px transparent;
  194.   padding: 0 0 0 0;
  195. }
  196.  
  197. .newsletter-block .newsletter-form-fields-wrapper {
  198.   display:inline-block !important;
  199. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement