API tools faq
paste
Guest User

Untitled

a guest
Jan 11th, 2018
109
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 22.26 KB | None | 0 0
raw download clone embed print report
  1. /*--------------------------*/
  2. /*----Homepage 1 Styles ----*/
  3. /*--------------------------*/
  4.  
  5. /* Add background to the second column on about section */
  6.  
  7. section#homepage-about .sqs-col-6:last-child {
  8.     background: #fdfafa;
  9.     padding: 8% 5%;
  10.     box-sizing: border-box;
  11. }
  12.  
  13. /* Center align vertically the content on about section */
  14.  
  15. section#homepage-about .sqs-col-12 .sqs-row {
  16.     display: flex;
  17.     align-items: center;
  18. }
  19.  
  20.  
  21. /* Add background to quote section on homepage */
  22.  
  23. section#homepage-quote {
  24.     background: #fdfafa;
  25.     overflow: visible;
  26.     padding-top: 20px;
  27. }
  28.  
  29. /* Load icon for quote section */
  30.  
  31. section#homepage-quote:after {
  32.   content: '';
  33.   background: url(https://static1.squarespace.com/static/55b22b68e4b0a7f88ea0e50d/t/59faf9dce4966bc8a16228fb/1509620189152/Graphic+Flower.png) center center no-repeat;
  34.   position: absolute;
  35.   width: 65px;
  36.   height: 60px;
  37.   background-size: contain;
  38.   bottom: -30px;
  39.   left: 50%;
  40.   transform: translateX(-50%);
  41.   -webkit-transform: translateX(-50%);
  42.   z-index: 1;
  43. }
  44.  
  45. /* Homepage links */
  46.  
  47. section#homepage-links {
  48.     overflow: visible;
  49.     padding: 50px 0;
  50. }
  51. section#homepage-links .sqs-col-6 {
  52.   padding: 30px 0;
  53.   position: relative;
  54. }
  55. section#homepage-links .sqs-col-6:first-child:after {
  56.   content: '';
  57.   width: 1px;
  58.   height: 100%;
  59.   top: 0;
  60.   position: absolute;
  61.   background: #202020;
  62.   right: 0;
  63. }
  64.  
  65. /* Change line-height for portfolio section */
  66.  
  67. section#homepage-portfolio h1 {
  68.     line-height: 1.3em;
  69. }
  70.  
  71. /*--------------------------*/
  72. /*----Homepage 2 Styles ----*/
  73. /*--------------------------*/
  74.  
  75. /* Homepage 2 about */
  76.  
  77. section#homepage-about-2 {
  78.     background: #fdfafa;
  79. }
  80. section#homepage-about-2 .sqs-row {
  81.     display: flex;
  82.     align-items: center;
  83. }
  84. section#homepage-about-2:before {
  85.     content: '';
  86.     width: 100%;
  87.     position: absolute;
  88.     height: 1px;
  89.     background: #202020;
  90.     top: 10px;
  91. }
  92. section#homepage-about-2:after {
  93.     content: '';
  94.     width: 100%;
  95.     position: absolute;
  96.     height: 1px;
  97.     background: #202020;
  98.     bottom: 10px;
  99. }
  100.  
  101. /* From the blog */
  102.  
  103. section#from-the-blog .sqs-row {
  104.     display: flex;
  105.     align-items: center;
  106. }
  107.  
  108. /*--------------------------*/
  109. /*----Homepage 3 Styles ----*/
  110. /*--------------------------*/
  111.  
  112. /* Change line-height for portfolio section */
  113.  
  114. section#homepage-portfolio-2 h1 {
  115.     line-height: 1.3em;
  116. }
  117.  
  118. section#get-in-touch-with-us .sqs-block-code {
  119.   padding: 70px 0;
  120.   background: url(https://static1.squarespace.com/static/55b22b68e4b0a7f88ea0e50d/t/59fb3244e31d1959893f91ec/1509634629033/c.png) center center no-repeat;
  121.   background-size: contain;
  122.   text-align: center;
  123. }
  124. section#get-in-touch-with-us h2 em {
  125.     font-size: 36px;
  126.     line-height: 1.3;
  127.     display: block;
  128. }
  129.  
  130. /*--------------------------*/
  131. /*----Testimonials 1 Styles ----*/
  132. /*--------------------------*/
  133.  
  134. section#quote-block h3 {
  135.   color: #000;
  136. }
  137. section#quote-block:after {
  138.   content: '';
  139.   background: url(https://static1.squarespace.com/static/55b22b68e4b0a7f88ea0e50d/t/59fc8808e31d19bd4284e834/1509722120409/flower.png) center center no-repeat;
  140.   position: absolute;
  141.   width: 49px;
  142.   height: 44px;
  143.   background-size: contain;
  144.   bottom: -25px;
  145.   left: 50%;
  146.   transform: translateX(-50%);
  147.   -webkit-transform: translateX(-50%);
  148.   z-index: 1;
  149. }
  150. section#quote-block {
  151.    overflow: visible;
  152.   }
  153.  
  154. section#our-clients h2 {
  155.     font-size: 24px;
  156.   line-height: 1.4;
  157. }
  158. section#our-clients .Index-page-content .sqs-grid-12 .sqs-row {
  159.     display: flex;
  160.     align-items: center;
  161. }
  162. section#our-clients .sqs-block-horizontalrule hr {
  163.     color: #202020;
  164.     background-color: #202020;
  165. }
  166. section#our-clients .sqs-block-code {
  167.     padding: 70px 0;
  168.     background: url(https://static1.squarespace.com/static/55b22b68e4b0a7f88ea0e50d/t/59fb3244e31d1959893f91ec/1509634629033/c.png) center center no-repeat;
  169.     background-size: contain;
  170.     text-align: center;
  171. }
  172.  
  173.  
  174. section#testimonials-slider .summary-carousel-pager.sqs-gallery-controls {
  175.     position: absolute!important;
  176.     bottom: 0!important;
  177.     display: flex!important;
  178.     align-items: center!important;
  179.     justify-content: space-between!important;
  180.     width: 100%!important;
  181.     flex-direction: row-reverse;
  182. }
  183. section#testimonials-slider .sqs-gallery-design-carousel .sqs-gallery-controls .next, section#testimonials-slider .sqs-gallery-design-carousel .sqs-gallery-controls .previous {
  184.   border:none;
  185. }
  186. section#testimonials-slider .sqs-gallery-design-carousel .sqs-gallery-controls .next:before {
  187.     content: 'NEXT -';
  188.     font-family: Cormorant;
  189.     letter-spacing: 0.6em;
  190.     font-size: 10px;
  191.     width: auto;
  192. }
  193. section#testimonials-slider .sqs-gallery-meta-container {
  194.     display: flex;
  195.     flex-direction: column-reverse;
  196. }
  197. section#testimonials-slider .summary-excerpt {
  198.     max-width: 600px;
  199.     margin: 0 auto 70px!important;
  200. }
  201. section#testimonials-slider .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before {
  202.     content: '- PREV';
  203.     font-family: Cormorant;
  204.     letter-spacing: 0.6em;
  205.     font-size: 10px;
  206.     width: auto;
  207. }
  208. section#testimonials-slider .summary-heading {
  209.     text-align: center;
  210.     margin-bottom: 70px!important;
  211. }
  212. section#testimonials-slider span.summary-header-text {
  213.     font-family: Cormorant;
  214.     text-transform: uppercase;
  215.     letter-spacing: 0.6em;
  216.     font-size: 11px;
  217.     margin-top: 0!important;
  218. }
  219. section#testimonials-slider .sqs-gallery-controls .next, section#testimonials-slider .sqs-gallery-controls .previous {
  220.     width: 75px;
  221. }
  222. section#testimonials-slider .summary-excerpt p {
  223.     font-weight: 400;
  224. }
  225.  
  226. /*--------------------------*/
  227. /*----About 1 Styles ----*/
  228. /*--------------------------*/
  229.  
  230. /* About 1 top section */
  231.  
  232. section#about-top {
  233.     background: #fdfafa;
  234. }
  235. section#about-top:before {
  236.   content: '';
  237.   width: 100%;
  238.   height: 1px;
  239.   background: #202020;
  240.   position: absolute;
  241.   left: 0;
  242.   top: 5px;
  243. }
  244. section#about-top:after {
  245.   content: '';
  246.   width: 100%;
  247.   height: 1px;
  248.   background: #202020;
  249.   position: absolute;
  250.   left: 0;
  251.   bottom: 5px;
  252. }
  253. section#about-top h2:last-of-type {
  254.   font-size: 36px;
  255. }
  256.  
  257. /* About 1 quote block section */
  258.  
  259. section#quote-block-2 h3 {
  260.   color: #000;
  261. }
  262. section#quote-block-2:after {
  263.   content: '';
  264.   background: url(https://static1.squarespace.com/static/55b22b68e4b0a7f88ea0e50d/t/59fc8808e31d19bd4284e834/1509722120409/flower.png) center center no-repeat;
  265.   position: absolute;
  266.   width: 49px;
  267.   height: 44px;
  268.   background-size: contain;
  269.   bottom: -25px;
  270.   left: 50%;
  271.   transform: translateX(-50%);
  272.   -webkit-transform: translateX(-50%);
  273.   z-index: 1;
  274. }
  275. section#quote-block-2 {
  276.    overflow: visible;
  277.   }
  278.  
  279. /* About 1 Our clients section styles */
  280.  
  281. section#our-clients-2 h2 {
  282.     font-size: 24px;
  283.   line-height: 1.4;
  284. }
  285. section#our-clients-2 .Index-page-content .sqs-grid-12 .sqs-row {
  286.     display: flex;
  287.     align-items: center;
  288. }
  289. section#our-clients-2 .sqs-block-horizontalrule hr {
  290.     color: #202020;
  291.     background-color: #202020;
  292. }
  293. section#our-clients-2 .sqs-block-code {
  294.     padding: 70px 0;
  295.     background: url(https://static1.squarespace.com/static/55b22b68e4b0a7f88ea0e50d/t/59fb3244e31d1959893f91ec/1509634629033/c.png) center center no-repeat;
  296.     background-size: contain;
  297.     text-align: center;
  298. }
  299.  
  300. /* About 1 bottom links line */
  301.  
  302. section#bottom-links {
  303.     overflow: visible;
  304.     padding: 50px 0;
  305. }
  306. section#bottom-links .sqs-col-6 {
  307.   padding: 30px 0;
  308.   position: relative;
  309. }
  310. section#bottom-links .sqs-col-6:first-child:after {
  311.   content: '';
  312.   width: 1px;
  313.   height: 100%;
  314.   top: 0;
  315.   position: absolute;
  316.   background: #202020;
  317.   right: 0;
  318. }
  319.  
  320. /*--------------------------*/
  321. /*----About 2 Styles ----*/
  322. /*--------------------------*/
  323.  
  324. /* About 2 quote block section */
  325.  
  326. section#quote-block-3 h3 {
  327.   color: #000;
  328. }
  329. section#quote-block-3:after {
  330.   content: '';
  331.   background: url(https://static1.squarespace.com/static/55b22b68e4b0a7f88ea0e50d/t/59fc8808e31d19bd4284e834/1509722120409/flower.png) center center no-repeat;
  332.   position: absolute;
  333.   width: 49px;
  334.   height: 44px;
  335.   background-size: contain;
  336.   bottom: -25px;
  337.   left: 50%;
  338.   transform: translateX(-50%);
  339.   -webkit-transform: translateX(-50%);
  340.   z-index: 1;
  341. }
  342. section#quote-block-3 {
  343.    overflow: visible;
  344.   }
  345.  
  346. /* About 2 Our clients section styles */
  347.  
  348. section#our-clients-3 h2 {
  349.     font-size: 24px;
  350.   line-height: 1.4;
  351. }
  352. section#our-clients-3 .Index-page-content .sqs-grid-12 .sqs-row {
  353.     display: flex;
  354.     align-items: center;
  355. }
  356. section#our-clients-3 .sqs-block-horizontalrule hr {
  357.     color: #202020;
  358.     background-color: #202020;
  359. }
  360. section#our-clients-3 .sqs-block-code {
  361.     padding: 70px 0;
  362.     background: url(https://static1.squarespace.com/static/55b22b68e4b0a7f88ea0e50d/t/59fb3244e31d1959893f91ec/1509634629033/c.png) center center no-repeat;
  363.     background-size: contain;
  364.     text-align: center;
  365. }
  366.  
  367. /*--------------------------*/
  368. /*----Contact 1 Styles ----*/
  369. /*--------------------------*/
  370.  
  371. /* Contact page 1 top section */
  372.  
  373. section#contact-top {
  374.     min-height: 100px!important;
  375.   background: url(https://static1.squarespace.com/static/55b22b68e4b0a7f88ea0e50d/t/59fb3244e31d1959893f91ec/1509634629033/c.png) 50% 22% no-repeat;
  376.   background-size: 200px;
  377. }
  378. section#contact-top:before {
  379.   content: '';
  380.   width: 100%;
  381.   height: 35%;
  382.   position: absolute;
  383.   background: #fdfafa;
  384.   left: 0;
  385.   top: 0;
  386.   z-index: -1;
  387. }
  388. section#contact-top:after {
  389.   content: '';
  390.   width: 100%;
  391.   height: 1px;
  392.   position: absolute;
  393.   background: #202020;
  394.   left: 0;
  395. }
  396.  
  397. /*--------------------------*/
  398. /*----Contact 2 Styles ----*/
  399. /*--------------------------*/
  400.  
  401. /* Contact 2 bottom links line */
  402.  
  403. section#bottom-links-2 {
  404.     overflow: visible;
  405.     padding: 50px 0;
  406. }
  407. section#bottom-links-2 .sqs-col-6 {
  408.   padding: 30px 0;
  409.   position: relative;
  410. }
  411. section#bottom-links-2 .sqs-col-6:first-child:after {
  412.   content: '';
  413.   width: 1px;
  414.   height: 100%;
  415.   top: 0;
  416.   position: absolute;
  417.   background: #202020;
  418.   right: 0;
  419. }
  420. section#bottom-links-2 pre {
  421.     line-height: 1.4;
  422. }
  423.  
  424. /* Contact 2 quote block section */
  425.  
  426. section#quote-block-4 h3 {
  427.   color: #000;
  428. }
  429. section#quote-block-4:after {
  430.   content: '';
  431.   background: url(https://static1.squarespace.com/static/55b22b68e4b0a7f88ea0e50d/t/59fc8808e31d19bd4284e834/1509722120409/flower.png) center center no-repeat;
  432.   position: absolute;
  433.   width: 49px;
  434.   height: 44px;
  435.   background-size: contain;
  436.   bottom: -25px;
  437.   left: 50%;
  438.   transform: translateX(-50%);
  439.   -webkit-transform: translateX(-50%);
  440.   z-index: 1;
  441. }
  442. section#quote-block-4 {
  443.    overflow: visible;
  444.   }
  445.  
  446. /*--------------------------*/
  447. /*----Pricing 1 Styles ----*/
  448. /*--------------------------*/  
  449.  
  450. /* Pricing 1 get in touch with us */
  451.  
  452. section#get-in-touch-with-us-5 .sqs-block-code {
  453.   padding: 70px 0;
  454.   background: url(https://static1.squarespace.com/static/55b22b68e4b0a7f88ea0e50d/t/59fb3244e31d1959893f91ec/1509634629033/c.png) center center no-repeat;
  455.   background-size: contain;
  456.   text-align: center;
  457. }
  458. section#get-in-touch-with-us-5 h2 em {
  459.     font-size: 24px;
  460.     line-height: 1.3;
  461.     display: block;
  462. }
  463. section#get-in-touch-with-us-5 {
  464.   background: #fdfafa;
  465. }
  466.  
  467. /*--------------------------*/
  468. /*----Pricing 2 Styles ----*/
  469. /*--------------------------*/
  470.  
  471. /* Pricing 2 get in touch with us */
  472.  
  473. section#get-in-touch-with-us-42 .sqs-block-code {
  474.   padding: 70px 0;
  475.   background: url(https://static1.squarespace.com/static/55b22b68e4b0a7f88ea0e50d/t/59fb3244e31d1959893f91ec/1509634629033/c.png) center center no-repeat;
  476.   background-size: contain;
  477.   text-align: center;
  478. }
  479. section#get-in-touch-with-us-42 h2 em {
  480.     font-size: 24px;
  481.     line-height: 1.3;
  482.     display: block;
  483. }
  484. section#get-in-touch-with-us-42 {
  485.   background: #fdfafa;
  486. }
  487.  
  488. /* Pricing 2 packages */
  489.  
  490. section#photography-packages-2:before {
  491.     content: '';
  492.     background: #fdfafa;
  493.     height: 300px;
  494.     width: 100%;
  495.     position: absolute;
  496.     left: 0;
  497.     top: 0;
  498. }
  499. section#photography-packages-2:after {
  500.     content: '';
  501.     background: #202020;
  502.     height: 1px;
  503.     width: 100%;
  504.     position: absolute;
  505.     left: 0;
  506.     top: 5px;
  507. }
  508.  
  509. /*--------------------------*/
  510. /*----Mobile Styles ----*/
  511. /*--------------------------*/
  512.  
  513. @media only screen and (max-width: 640px) {
  514.  
  515. /* Homepage 1 */
  516.  
  517. section#homepage-about .sqs-col-12 .sqs-row {
  518. flex-direction: column;
  519. }
  520.  
  521. /* Homepage 2 */
  522.  
  523. section#from-the-blog .sqs-row, section#homepage-about-2 .sqs-row {
  524.     flex-direction: column;
  525. }
  526.  
  527. /* Homepage 3 */
  528.  
  529. section#get-in-touch-with-us .sqs-block-code {
  530.     padding: 40px 0px 20px!important;
  531.     background: url(https://static1.squarespace.com/static/55b22b68e4b0a7f88ea0e50d/t/59fb3244e31d1959893f91ec/1509634629033/c.png) center center no-repeat;
  532.     background-size: 100px;
  533.     margin-bottom: 40px;
  534. }
  535.  
  536. /* Blog listing 2 */
  537.  
  538. section.Intro--has-image .sqs-row .sqs-col-12 .sqs-row {
  539.     flex-direction: column;
  540. }
  541.  
  542. /* About 1 */
  543.  
  544. section#our-clients-2 .Index-page-content .sqs-grid-12 .sqs-row {
  545.     flex-direction: column;
  546. }
  547.  
  548. /* About 2 */
  549.  
  550. section#our-clients-3 .Index-page-content .sqs-grid-12 .sqs-row {
  551.     flex-direction: column;
  552. }
  553.  
  554. /* Testimonials 1 */
  555.  
  556. section#our-clients .Index-page-content .sqs-grid-12 .sqs-row {
  557.     flex-direction: column;
  558. }
  559.  
  560. /* Pricing 1 */
  561.  
  562. section#get-in-touch-with-us-5 .sqs-block-code {
  563.     padding: 40px 0px 20px!important;
  564.     background: url(https://static1.squarespace.com/static/55b22b68e4b0a7f88ea0e50d/t/59fb3244e31d1959893f91ec/1509634629033/c.png) center center no-repeat;
  565.     background-size: 100px;
  566.     margin-bottom: 40px;
  567. }
  568.  
  569. /* Pricing 2 */
  570.  
  571. section#get-in-touch-with-us-42 .sqs-block-code {
  572.     padding: 40px 0px 20px!important;
  573.     background: url(https://static1.squarespace.com/static/55b22b68e4b0a7f88ea0e50d/t/59fb3244e31d1959893f91ec/1509634629033/c.png) center center no-repeat;
  574.     background-size: 100px;
  575.     margin-bottom: 40px;
  576. }
  577.  
  578. pre {
  579.     font-size: 10px;
  580. }
  581. }
  582.  
  583. /*--------------------------*/
  584. /*----General Styles ----*/
  585. /*--------------------------*/
  586.  
  587. pre {
  588.     white-space: inherit;
  589. }
  590.  
  591.  
  592. /* Custom styles for medium button */
  593.  
  594. .medium-button-style-outline .sqs-block-button .sqs-block-button-element--medium {
  595.     color: #202020!important;
  596.     border: none;
  597.     padding: 0 0 4px;
  598.     background: transparent!important;
  599.   position: relative;
  600. }
  601. .medium-button-style-outline .sqs-block-button .sqs-block-button-element--medium:after {
  602.   content:'';
  603.   width: calc(100% - 4px);
  604.   height: 1px;
  605.   background: #202020;
  606.   position: absolute;
  607.   bottom: 0;
  608.   left: 0;
  609.   transition: all 1s;
  610.   -webkit-transition: all 1s;
  611. }
  612. .medium-button-style-outline .sqs-block-button .sqs-block-button-element--medium:hover:after {
  613.   width: 0;
  614. }
  615.  
  616. /* Remove default heading margins */
  617.  
  618. h1, h2, h3 {
  619.     margin: 0!important;
  620. }
  621.  
  622.  
  623. /* Footer settings */
  624.  
  625. footer .Footer-inner {
  626.     max-width: 100%!important;
  627.     padding: 0;
  628.     margin: 0!important;
  629. }
  630. div#footerBlocksBottom, .Footer-middle {
  631.     max-width: 1200px;
  632.     margin: 0 auto;
  633. }
  634. .Footer-blocks h2 {
  635.     font-size: 24px;
  636. }
  637. .Footer-nav-group a {
  638.     margin-right: 1.5em;
  639.   border-right: 1px solid #202020;
  640. }
  641. .Footer-nav {
  642.   margin-bottom: 30px!important
  643. }
  644. .Footer-nav-group a:last-child {
  645.   border: none!important;
  646. }
  647. .Footer-blocks h3 {
  648.   font-size: 10px;
  649. }
  650. div#footerBlocksTop {
  651.     position: relative;
  652.     padding-bottom: 0;
  653. }
  654. footer .sqs-block-code {
  655.     position: absolute;
  656.     top: 50%;
  657.     left: 50%;
  658.     transform: translate(-50%, -50%);
  659.     -webkit-transform: translate(-50%, -50%);
  660.     background: #fff;
  661.     display: flex;
  662.     align-items: center;
  663.     justify-content: center;
  664.     z-index: 1;
  665.     width: 200px!important;
  666.     height: 40px;
  667.     padding: 0;
  668.     color: #202020;
  669.     font-family: Cormorant;
  670.     letter-spacing: 0.6em;
  671.     font-size: 11px;
  672. }
  673.  
  674. /* change border width for small button */
  675.  
  676. .small-button-style-outline .sqs-block-button .sqs-block-button-element--small {
  677.   border-width: 1px!important;
  678. }
  679.  
  680. pre {
  681.     font-family: Cormorant;
  682.     text-transform: uppercase;
  683.     letter-spacing: 0.6em;
  684.     font-size: 11px;
  685.   margin-top: 0!important;
  686. }
  687.  
  688. /* Summary block styling */
  689.  
  690. .summary-title a {
  691.     font-size: 26px;
  692.     font-family: Cormorant;
  693.     letter-spacing: -0.025em;
  694.   display:block;
  695.   margin-top: 10px;
  696. }
  697. .summary-metadata-item a {
  698.     font-family: Cormorant;
  699.     font-size: 11px;
  700.     letter-spacing: 0.6em;
  701.     text-transform: uppercase!important;
  702. }
  703.  
  704. /* Meta separator */
  705.  
  706. .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-date .summary-metadata--primary .summary-metadata-item::after, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-event-time .summary-metadata--primary .summary-metadata-item::after, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-cats .summary-item-has-cats .summary-metadata--primary .summary-metadata-item::after, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-tags .summary-item-has-tags .summary-metadata--primary .summary-metadata-item::after, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-author .summary-item-has-author .summary-metadata--primary .summary-metadata-item::after, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-comments .summary-item-has-comments-enabled .summary-metadata--primary .summary-metadata-item::after, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-location .summary-item-has-location .summary-metadata--primary .summary-metadata-item::after {
  707.     content: "/";
  708.     margin: 0px 0.3em;
  709. }
  710.  
  711. /* Image caption styles */
  712.  
  713. .sqs-block-image .sqs-image-caption p, .sqs-block-image .image-caption p {
  714.     font-size: 36px;
  715.     font-family: Cormorant;
  716.     letter-spacing: -0.025em;
  717.     font-weight: 500;
  718.     text-align: center;
  719.   line-height: 1.1;
  720. }
  721. .sqs-block-image .sqs-image-caption p a, .sqs-block-image .image-caption p a {
  722.   border: none!important;
  723. }
  724. .sqs-block-image .sqs-image-caption p strong, .sqs-block-image .image-caption p strong {
  725.   font-size: 11px;
  726.   line-height: 1em;
  727.   text-transform: uppercase;
  728.   letter-spacing: 0.6em;
  729.   font-weight: 100
  730. }
  731.  
  732. /* card layout text align */
  733.  
  734. .image-position-right .sqs-image-card .image-card p, .image-position-right .sqs-image-card .image-card div {
  735.     text-align: right;
  736. }
  737.  
  738. /* Custom navigation styles */
  739.  
  740. .navigation ul li {
  741.     display: inline-block;
  742.     padding: 0 2%;
  743.     font-family: Cormorant;
  744.     font-size: 11px;
  745.     letter-spacing: 0.6em;
  746. }
  747. .navigation ul {
  748.   padding: 0;
  749.   text-align: center;
  750. }
  751.  
  752. /* Remove border from links */
  753.  
  754. h2 a, h3 a {
  755. border-bottom: none!important
  756. }
  757.  
  758.  
  759. .sqs-gallery-controls .previous {
  760.     left: 20px;
  761.     background-color: transparent!important;
  762.     width: 40px;
  763.     height: 40px;
  764.     display: flex;
  765.     align-items: center;
  766.     justify-content: center;
  767.     border: 1px solid #fff;
  768.     border-radius: 50%;
  769.     -webkit-border-radius: 50%;
  770. }
  771. .sqs-gallery-controls .next {
  772.     right: 20px;
  773.     background-color: transparent!important;
  774.     width: 40px;
  775.     height: 40px;
  776.     display: flex;
  777.     align-items: center;
  778.     justify-content: center;
  779.     border: 1px solid #fff;
  780.     border-radius: 50%;
  781.     -webkit-border-radius: 50%;
  782. }
  783.  
  784. /* Style search box */
  785.  
  786. .sqs-search-ui-button-wrapper.color-dark .search-input {
  787.     min-height: 20px;
  788.     display: block;
  789.     box-sizing: border-box;
  790.     transition: background-image 0.2s ease-out;
  791.     padding: 12px 45px 12px 12px;
  792.     background-position: right center;
  793.     outline: 0px;
  794.     border: none;
  795.     text-align: right;
  796. }
  797.  
  798.  
  799. .Blog-meta.BlogList-item-meta {
  800.     margin-top: 20px;
  801. }
  802. .BlogList-item-excerpt {
  803.     margin-top: 20px;
  804. }
  805. .BlogList-item-excerpt p {
  806.   margin-bottom: 30px!important;
  807. }
  808. .BlogList-item-readmore span:after, a.summary-read-more-link span:after {
  809.   display: none;
  810. }
  811. nav.BlogList-pagination {
  812.     border-top: 1px solid #202020;
  813.     margin-top: 50px;
  814.     padding-top: 30px;
  815. }
  816. a.BlogList-item-readmore {
  817.     max-width: 150px;
  818.     border: 1px solid #202020;
  819.     padding: 5px;
  820.     margin: 0 auto;
  821. }
  822. a.summary-read-more-link {
  823.     max-width: 150px;
  824.   font-family: Cormorant;
  825.   text-transform: uppercase;
  826.   font-size: 10px!important;
  827.   letter-spacing: 0.3em!important;
  828.     border: 1px solid #202020;
  829.     padding: 5px;
  830.     margin: 0 auto!important;
  831. }
  832. .summary-excerpt {
  833.     margin: 20px 0!important;
  834. }
  835. .summary-excerpt p {
  836.     font-size: 17px!important;
  837.   line-height: 1.9em!important;
  838. }
  839. time.summary-metadata-item.summary-metadata-item--date {
  840.     font-family: Cormorant;
  841.     font-size: 11px;
  842.     letter-spacing: 0.6em;
  843.     text-transform: uppercase;
  844. }
  845.  
  846.  
  847. .Main--blog-item article .html-block {
  848.     max-width: 600px;
  849. }
  850. .sqs-video-icon {
  851.     border: 1px solid #fff;
  852.     border-radius: 50%;
  853.     background-size: 25px!important;
  854.     background-position: 57% center!important;
  855. }
  856. .Main--blog-item article .sqs-gallery {
  857.     max-width: 680px;
  858.     margin: 0 auto;
  859. }
  860. .Main--blog-item article .video-block {
  861.     max-width: 800px;
  862.     margin: 0 auto;
  863. }
  864. pre em {
  865.   font-family: Cormorant;
  866.   font-size: 24px;
  867.   text-transform: none;
  868.   letter-spacing: 0;
  869.   white-space: inherit;
  870. }
  871.  
  872. input.button.sqs-system-button {
  873.     margin: 0 auto!important;
  874.     display: block;
  875.     font-size: 10px;
  876.     border-width: 1px!important;
  877.     padding: 13px 30px;
  878. }
  879. .form-wrapper .field-list .title {
  880.     display: block;
  881.     font-family: Cormorant;
  882.     font-size: 24px;
  883.     letter-spacing: -0.025em;
  884.     text-align: center;
  885.     font-weight: 500;
  886. }
  887. .form-wrapper .field-list .field .field-element {
  888.     width: 100%;
  889.     padding: 12px;
  890.     margin: 6px 0 4px;
  891.     border: 1px solid #202020;
  892.     background: transparent;
  893.     color: #000;
  894.     font-family: Cormorant;
  895.     font-size: 10px;
  896.     line-height: normal;
  897.     box-sizing: border-box;
  898.     border-radius: 2px;
  899.     text-transform: uppercase;
  900.     letter-spacing: 0.6em;
  901.     text-align: center;
  902. }
  903. .form-wrapper .field-list .field .caption {
  904.   font-family: Cormorant;
  905.     font-size: 10px;
  906.     line-height: normal;
  907.     box-sizing: border-box;
  908.     border-radius: 2px;
  909.     text-transform: uppercase;
  910.     letter-spacing: 0.6em;
  911.     text-align: center;
  912. }
  913. .form-wrapper .field-list .fields.name .field {
  914.     width: 100%;
  915. }
  916. .Index-gallery {
  917.     max-width: 1200px;
  918.     margin: 0 auto;
  919. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!