API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 26th, 2019
133
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 134.56 KB | None | 0 0
raw download clone embed print report
  1. body,
  2. html {
  3. overflow-x: hidden;
  4. }
  5. /* Hub General Styles */
  6. @font-face {
  7. font-family: Questrial;
  8. src: url('https://static1.squarespace.com/static/5c1b99c7a9e02801f6c9b9d0/t/5cade8cfe5e5f02b0ddd34b8/1554901200175/Questrial-Regular.ttf');
  9. }
  10. @font-face {
  11. font-family: freight-sans-pro;
  12. src: url('https://static1.squarespace.com/static/5c1b99c7a9e02801f6c9b9d0/t/5cade988e2c483ba4081113c/1554901385650/FreightSans-Pro-Book.otf');
  13. }
  14. #sm-hub-final-price {
  15. font-family: Questrial;
  16. font-size: 10px;
  17. line-height: 2em;
  18. letter-spacing: 0.4em;
  19. color: #fff;
  20. text-transform: uppercase;
  21. position: fixed;
  22. right: 30px;
  23. bottom: 32px;
  24. width: auto;
  25. padding: 10px 40px;
  26. background: #EEAF73;
  27. border-radius: 39px;
  28. z-index: 999;
  29. }
  30. [id^="sm-hub"] .sqmuse-selected-packages-title,
  31. [id^="sm-hub"] .sqmuse-selected-packages-total {
  32. font-family: Questrial;
  33. font-size: 10px;
  34. letter-spacing: .2em;
  35. line-height: 2.5em;
  36. color: #494949;
  37. text-transform: uppercase;
  38. margin-top: 60px;
  39. margin-bottom: 30px;
  40. }
  41. [id^="sm-hub"] .sqmuse-selected-packages {
  42. font-family: freight-sans-pro;
  43. font-weight: 400;
  44. font-style: normal;
  45. font-size: 15px;
  46. letter-spacing: 0;
  47. line-height: 1.67em;
  48. text-transform: none;
  49. color: #4a4a4a;
  50. width: 100%;
  51. position: relative;
  52. padding-left: 9px;
  53. box-sizing: border-box;
  54. display: flex;
  55. justify-content: space-between;
  56. }
  57. [id^="sm-hub"] .sqmuse-selected-packages:before {
  58. content: '.';
  59. font-size: 25px;
  60. position: absolute;
  61. top: -7px;
  62. left: 0;
  63. }
  64. [id^="sm-hub"] code {
  65. cursor: pointer;
  66. position: relative;
  67. padding-left: 25px;
  68. }
  69. [id^="sm-hub"] code:before {
  70. content: '';
  71. position: absolute;
  72. top: 24px;
  73. right: 20px;
  74. width: 20px;
  75. height: 20px;
  76. -webkit-border-radius: 20px;
  77. -moz-border-radius: 20px;
  78. border-radius: 20px;
  79. background: #fff;
  80. border: 1px solid #EFC6A1;
  81. }
  82. [id^="sm-hub"] code:after {
  83. content: "";
  84. display: inline-block;
  85. position: absolute;
  86. top: 30px;
  87. right: 24px;
  88. width: 14px;
  89. height: 11px;
  90. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d5d2becef1a8f000126f1df/1566387180933/new-check-orange.png") no-repeat;
  91. background-size: contain;
  92. opacity: 0;
  93. }
  94. [id^="sm-hub"] code.calculated:after {
  95. opacity: 1;
  96. }
  97. [id^="sm-hub"] .sqmuse-selected-packages-total {
  98. margin-top: 20px;
  99. width: 100%;
  100. }
  101. [id^="sm-hub"] .sm-info-total-price {
  102. float: right;
  103. color: #050505;
  104. }
  105. [id^="sm-hub"] h1,
  106. [id^="sm-hub"] h2,
  107. [id^="sm-hub"] h3 {
  108. -webkit-hyphens: none !important;
  109. -moz-hyphens: none !important;
  110. -ms-hyphens: none !important;
  111. hyphens: none !important;
  112. }
  113.  
  114. .Index-page,
  115. .Index-page--has-image {
  116. -webkit-font-smoothing: inherit;
  117. -moz-osx-font-smoothing: inherit;
  118. }
  119. .Header-branding img {
  120. filter: invert(100%);
  121. }
  122. .Header--overlay .Header-branding img {
  123. filter: none;
  124. }
  125. .Header-inner--bottom {
  126. padding-bottom: 30px;
  127. }
  128. .Mobile-bar-branding-logo {
  129. filter: invert(100%);
  130. }
  131. @media(max-width: 767px) {
  132. #sm-hub-final-price {
  133. bottom: 22px;
  134. }
  135. }
  136. @media(max-width: 640px) {
  137. #sm-hub-final-price {
  138. right: 20px;
  139. }
  140. }
  141.  
  142. /** Kit 1 **/
  143. @font-face {
  144. font-family: freight-big-pro;
  145. src: url('https://static1.squarespace.com/static/5c1b99c7a9e02801f6c9b9d0/t/5cade9ecc83025772eee139d/1554901485897/FreightBig-Pro-Book.otf');
  146. }
  147. @font-face {
  148. font-family: freight-sans-pro;
  149. src: url('https://static1.squarespace.com/static/5c1b99c7a9e02801f6c9b9d0/t/5cade988e2c483ba4081113c/1554901385650/FreightSans-Pro-Book.otf');
  150. }
  151. @font-face {
  152. font-family: Questrial;
  153. src: url('https://static1.squarespace.com/static/5c1b99c7a9e02801f6c9b9d0/t/5cade8cfe5e5f02b0ddd34b8/1554901200175/Questrial-Regular.ttf');
  154. }
  155. @font-face {
  156. font-family: Poppins;
  157. src: url('https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d077955881cfd00010017ee/1560770904670/Poppins-Regular.ttf');
  158. }
  159.  
  160. /* Hub Slider 3 */
  161. [id^="sm-hub-slider-3"] .summary-title a {
  162. font-family: freight-big-pro;
  163. font-weight: 400;
  164. font-style: normal;
  165. font-size: 35px;
  166. letter-spacing: 0.04em;
  167. line-height: 1.25em;
  168. color: #fff;
  169. pointer-events: none;
  170. }
  171. [id^="sm-hub-slider-3"] .summary-metadata-item a {
  172. font-family: Questrial;
  173. font-size: 10px;
  174. letter-spacing: 0.4em;
  175. line-height: 2em;
  176. color: #fff;
  177. text-transform: uppercase;
  178. pointer-events: none;
  179. }
  180. [id^="sm-hub-slider-3"] .slick-dots .sm-slider-pagination-item {
  181. font-family: Questrial;
  182. font-size: 10px;
  183. letter-spacing: 0.4em;
  184. line-height: 2em;
  185. }
  186. [id^="sm-hub-slider-3"] .Index-page-content {
  187. padding: 0;
  188. max-width: 100%;
  189. }
  190. [id^="sm-hub-slider-3"] .Index-page-content:before,
  191. [id^="sm-hub-slider-3"] .summary-thumbnail:before {
  192. content: "";
  193. position: absolute;
  194. top: 0;
  195. left: 0;
  196. width: 100%;
  197. height: 200px;
  198. background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.2), transparent);
  199. z-index: 1;
  200. }
  201. [id^="sm-hub-slider-3"] .summary-thumbnail:before {
  202. top: auto;
  203. bottom: 0;
  204. left: 0;
  205. height: 220px;
  206. background-image: linear-gradient(-360deg, rgba(0, 0, 0, 0.2), transparent);
  207. z-index: 1;
  208. }
  209. [id^="sm-hub-slider-3"] .summary-thumbnail-outer-container,
  210. [id^="sm-hub-slider-3"] .summary-thumbnail-container {
  211. width: 100% !important;
  212. }
  213. [id^="sm-hub-slider-3"] .summary-content {
  214. width: 100% !important;
  215. position: absolute;
  216. left: 0;
  217. bottom: 25px;
  218. z-index: 9;
  219. }
  220. [id^="sm-hub-slider-3"] .summary-title {
  221. margin-top: 40px !important;
  222. margin-bottom: 8px;
  223. }
  224. [id^="sm-hub-slider-3"] .sqs-block-summary-v2,
  225. [id^="sm-hub-slider-3"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
  226. padding-bottom: 0 !important;
  227. margin-bottom: 0 !important;
  228. outline: none;
  229. position: relative;
  230. }
  231. [id^="sm-hub-slider-3"] .sqs-gallery-design-list-slide {
  232. padding-bottom: 0 !important;
  233. margin-bottom: 0 !important;
  234. }
  235. [id^="sm-hub-slider-3"] .summary-thumbnail {
  236. padding-bottom: 56.25% !important;
  237. }
  238. [id^="sm-hub-slider-3"] .sqs-gallery-design-list .sqs-gallery-image-container {
  239. padding-right: 0;
  240. }
  241. [id^="sm-hub-slider-3"] .sqs-block-summary-v2 .slick-prev,
  242. [id^="sm-hub-slider-3"] .sqs-block-summary-v2 .slick-next {
  243. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d24785d12c9e000010f7da4/1562671197602/arrow-prev-white-big.png") no-repeat;
  244. background-size: contain;
  245. width: 30px;
  246. height: 11px;
  247. border: none;
  248. font-size: 0;
  249. outline: none;
  250. position: absolute;
  251. top: 50%;
  252. transform: translateY(-50%);
  253. left: 55px;
  254. z-index: 998;
  255. }
  256. [id^="sm-hub-slider-3"] .sqs-block-summary-v2 .slick-next {
  257. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d24784927b7e10001dbebe2/1562671177228/arrow-next-white-big.png") no-repeat;
  258. background-size: contain;
  259. left: auto;
  260. right: 55px;
  261. }
  262. [id^="sm-hub-slider-3"] .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
  263. width: 59px;
  264. height: 59px;
  265. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1f3c31d7cf6b00012a598a/1562328113780/play-icon.png") no-repeat;
  266. background-size: contain;
  267. top: auto;
  268. bottom: 115px;
  269. }
  270. [id^="sm-hub-slider-3"] .slick-dots {
  271. padding-left: 0;
  272. position: absolute;
  273. left: 10%;
  274. bottom: 20px;
  275. }
  276. [id^="sm-hub-slider-3"] .slick-dots li {
  277. display: inline-block;
  278. list-style: none;
  279. position: relative;
  280. padding-right: 20px;
  281. -webkit-transition: all 0.4s;
  282. -moz-transition: all 0.4s;
  283. -o-transition: all 0.4s;
  284. transition: all 0.4s;
  285. }
  286. [id^="sm-hub-slider-3"] .slick-dots .sm-slider-pagination-item {
  287. cursor: pointer;
  288. padding: 5px;
  289. color: rgba(255,255,255,0.6);
  290. }
  291. [id^="sm-hub-slider-3"] .slick-dots .slick-active {
  292. padding-left: 110px;
  293. padding-right: 110px;
  294. }
  295. [id^="sm-hub-slider-3"] .slick-dots li:before,
  296. [id^="sm-hub-slider-3"] .slick-dots li:after {
  297. content: '';
  298. width: 60px;
  299. height: 1px;
  300. background: rgba(255,255,255,0.6);;
  301. position: absolute;
  302. top: 14px;
  303. left: 30px;
  304. -webkit-transition: all 0.4s;
  305. -moz-transition: all 0.4s;
  306. -o-transition: all 0.4s;
  307. transition: all 0.4s;
  308. opacity: 0;
  309. visibility: hidden;
  310. }
  311. [id^="sm-hub-slider-3"] .slick-dots li:after {
  312. left: auto;
  313. right: 30px;
  314. }
  315. [id^="sm-hub-slider-3"] .slick-dots li.slick-active:before,
  316. [id^="sm-hub-slider-3"] .slick-dots li.slick-active:after {
  317. opacity: 1;
  318. visibility: visible;
  319. }
  320. [id^="sm-hub-slider-3"] .slick-dots li:first-child.slick-active::before,
  321. [id^="sm-hub-slider-3"] .slick-dots li:last-child.slick-active::after {
  322. display: none;
  323. }
  324. [id^="sm-hub-slider-3"] .slick-dots li:first-child.slick-active {
  325. padding-left: 0;
  326. }
  327. [id^="sm-hub-slider-3"] .slick-dots li:last-child.slick-active {
  328. padding-right: 0;
  329. }
  330. @media(max-width: 1199px) {
  331. [id^="sm-hub-slider-3"] .summary-title {
  332. margin-top: 10px !important;
  333. }
  334. }
  335. @media(max-width: 991px) {
  336. [id^="sm-hub-slider-3"] .summary-title a {
  337. font-size: 30px;
  338. }
  339. [id^="sm-hub-slider-3"] .summary-content {
  340. bottom: 40px;
  341. }
  342. [id^="sm-hub-slider-3"] .slick-dots {
  343. bottom: 0;
  344. }
  345. [id^="sm-hub-slider-3"] .sqs-block-summary-v2 .slick-prev,
  346. [id^="sm-hub-slider-3"] .sqs-block-summary-v2 .slick-next {
  347. top: 50%;
  348. }
  349. }
  350. @media(max-width: 767px) {
  351. [id^="sm-hub-slider-3"] .slick-dots {
  352. width: 100%;
  353. left: 0;
  354. text-align: center;
  355. }
  356. }
  357. @media(max-width: 640px) {
  358. [id^="sm-hub-slider-3"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item .summary-thumbnail-container,
  359. [id^="sm-hub-slider-3"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container,
  360. [id^="sm-hub-slider-3"] .sqs-gallery-design-list .sqs-gallery-design-list-slide .sqs-gallery-meta-container {
  361. width: 100% !important;
  362. }
  363. [id^="sm-hub-slider-3"] .sqs-gallery-design-list .sqs-gallery-design-list-slide .sqs-gallery-meta-container {
  364. display: flex;
  365. flex-direction: column;
  366. align-items: center;
  367. justify-content: center;
  368. height: 70%;
  369. padding-left: 20px;
  370. padding-right: 20px;
  371. }
  372. [id^="sm-hub-slider-3"] .sqs-layout .sqs-row .sqs-block-summary-v2 {
  373. padding: 0 !important;
  374. }
  375. [id^="sm-hub-slider-3"] .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
  376. display: none;
  377. }
  378. [id^="sm-hub-slider-3"] .sqs-block-summary-v2 .slick-prev {
  379. left: 30px;
  380. }
  381. [id^="sm-hub-slider-3"] .sqs-block-summary-v2 .slick-next {
  382. right: 30px;
  383. }
  384. }
  385.  
  386. /* Hub Info 1 */
  387. [id^="sm-hub-info-1"] h2 {
  388. font-family: freight-big-pro;
  389. font-weight: 400;
  390. font-style: normal;
  391. font-size: 45px;
  392. letter-spacing: 0.01em;
  393. line-height: 1.2em;
  394. text-transform: none;
  395. max-width: 450px;
  396. margin-top: 0;
  397. }
  398. [id^="sm-hub-info-1"] h3 {
  399. font-family: Questrial;
  400. font-weight: 400;
  401. font-style: normal;
  402. font-size: 9px;
  403. letter-spacing: 0.4em;
  404. line-height: 2.2em;
  405. text-transform: uppercase;
  406. margin-top: 40px !important;
  407. margin-bottom: 0;
  408. }
  409. [id^="sm-hub-info-1"] p {
  410. font-family: freight-sans-pro;
  411. font-weight: 400;
  412. font-style: normal;
  413. font-size: 15px;
  414. letter-spacing: 0;
  415. line-height: 1.67em;
  416. text-transform: none;
  417. color: #4a4a4a;
  418. max-width: 450px;
  419. }
  420. [id^="sm-hub-info-1"]:before {
  421. content: '';
  422. position: absolute;
  423. bottom: 0;
  424. width: 100%;
  425. height: 50%;
  426. background: #FBFAF6;
  427. }
  428. [id^="sm-hub-info-1"] .Index-page-content {
  429. padding: 70px 40px;
  430. }
  431. [id^="sm-hub-info-1"] .sqs-block-html:last-child h3 {
  432. font-size: 15px;
  433. letter-spacing: .13em;
  434. line-height: 1.8em;
  435. max-width: 380px;
  436. margin-bottom: 30px;
  437. }
  438. @media(max-width: 991px) {
  439. [id^="sm-hub-info-1"] h2 {
  440. font-size: 35px;
  441. }
  442. }
  443. @media(max-width: 767px) {
  444. [id^="sm-hub-info-1"] h2 {
  445. font-size: 30px;
  446. }
  447. [id^="sm-hub-info-1"] h3 {
  448. margin-top: 0 !important;
  449. max-width: 100%;
  450. }
  451. [id^="sm-hub-info-1"] .Index-page-content {
  452. padding: 40px 40px 20px;
  453. }
  454. [id^="sm-hub-info-1"] .sqs-col-6 .sqs-block-spacer {
  455. display: none;
  456. }
  457. }
  458. @media(max-width: 640px) {
  459. [id^="sm-hub-info-1"] .sqs-layout .sqs-row .sqs-block-image {
  460. padding-top: 0 !important;
  461. }
  462. [id^="sm-hub-info-1"] .sqs-block-html:last-child h3 {
  463. font-size: 14px;
  464. }
  465. [id^="sm-hub-info-1"] .sqs-block-html:last-child h3 {
  466. margin-bottom: 20px;
  467. }
  468. }
  469.  
  470. /* Hub Info 2 */
  471. [id^="sm-hub-info-2"] h2 {
  472. font-family: freight-big-pro;
  473. font-weight: 400;
  474. font-style: normal;
  475. font-size: 35px;
  476. letter-spacing: 0.01em;
  477. line-height: 1.2em;
  478. text-transform: none;
  479. }
  480. [id^="sm-hub-info-2"] h3 {
  481. font-family: Questrial;
  482. font-weight: 400;
  483. font-style: normal;
  484. font-size: 10px;
  485. letter-spacing: 0.4em;
  486. line-height: 2em;
  487. text-transform: uppercase;
  488. }
  489. [id^="sm-hub-info-2"] p {
  490. font-family: freight-sans-pro;
  491. font-weight: 400;
  492. font-style: normal;
  493. font-size: 15px;
  494. letter-spacing: 0;
  495. line-height: 1.67em;
  496. text-transform: none;
  497. color: #4a4a4a;
  498. }
  499. [id^="sm-hub-info-2"] .Index-page-content {
  500. padding: 80px 40px;
  501. }
  502. [id^="sm-hub-info-2"] .sqs-col-6 .sqs-block-html {
  503. padding-left: 60px;
  504. }
  505. [id^="sm-hub-info-2"] .sqs-col-6 p {
  506. max-width: 500px;
  507. }
  508. [id^="sm-hub-info-2"] .sqs-row:last-child {
  509. display: flex;
  510. align-items: flex-end;
  511. }
  512. [id^="sm-hub-info-2"] .sqs-col-5 h3 {
  513. max-width: 350px;
  514. margin-bottom: 35px;
  515. }
  516. [id^="sm-hub-info-2"] .sqs-col-5 p {
  517. max-width: 400px;
  518. }
  519. [id^="sm-hub-info-2"] .sqs-col-5 .sqs-block-html {
  520. margin-bottom: 40px;
  521. }
  522. [id^="sm-hub-info-2"] .sqs-col-4 .sqs-block-image {
  523. padding-top: 0 !important;
  524. padding-bottom: 0 !important;
  525. }
  526. [id^="sm-hub-info-2"] .sqs-row .sqs-row:first-child .sqs-col-4 .sqs-block-image {
  527. padding-top: 20px !important;
  528. max-width: 80%;
  529. margin-left: auto;
  530. margin-right: 0;
  531. }
  532. @media(max-width: 991px) {
  533. [id^="sm-hub-info-2"] h2 {
  534. font-size: 28px;
  535. }
  536. [id^="sm-hub-info-2"] .sqs-col-5 h3 {
  537. font-size: 9px;
  538. letter-spacing: 0.3em;
  539. max-width: 100%;
  540. margin-bottom: 20px;
  541. }
  542. [id^="sm-hub-info-2"] .sqs-col-5 .sqs-block-html {
  543. margin-bottom: 0;
  544. }
  545. }
  546. @media(max-width: 767px) {
  547. [id^="sm-hub-info-2"] .Index-page-content {
  548. padding: 40px 30px;
  549. }
  550. [id^="sm-hub-info-2"] .sqs-col-6 .sqs-block-html {
  551. padding-left: 17px;
  552. }
  553. }
  554. @media(max-width: 640px) {
  555. [id^="sm-hub-info-2"] .Index-page-content {
  556. padding: 20px 30px;
  557. }
  558. [id^="sm-hub-info-2"] .sqs-row:last-child {
  559. display: block;
  560. }
  561. [id^="sm-hub-info-2"] .sqs-row .sqs-row:first-child .sqs-col-4 .sqs-block-image {
  562. max-width: 100%;
  563. }
  564. }
  565.  
  566. /* Hub Video 3 */
  567. [id^="sm-hub-video-3"] .video-caption p {
  568. font-family: freight-big-pro;
  569. font-size: 22px;
  570. letter-spacing: 0.04em;
  571. line-height: 1em;
  572. color: #fff;
  573. margin-top: 0;
  574. margin-bottom: 0;
  575. }
  576. [id^="sm-hub-video-3"] .video-caption p strong {
  577. font-family: Questrial;
  578. font-size: 10px;
  579. letter-spacing: 0.4em;
  580. line-height: 2em;
  581. color: #fff;
  582. text-transform: uppercase;
  583. }
  584. [id^="sm-hub-video-3"] h2 {
  585. font-family: Questrial;
  586. font-size: 18px;
  587. letter-spacing: 0.13em;
  588. line-height: 1.55em;
  589. color: #494949;
  590. text-transform: uppercase;
  591. margin-bottom: 35px;
  592. }
  593. [id^="sm-hub-video-3"] p {
  594. font-family: freight-sans-pro;
  595. font-weight: 400;
  596. font-style: normal;
  597. font-size: 15px;
  598. letter-spacing: 0;
  599. line-height: 1.67em;
  600. color: #4a4a4a;
  601. }
  602. [id^="sm-hub-video-3"] p a {
  603. font-family: Poppins;
  604. font-size: 10px;
  605. letter-spacing: 0.3em;
  606. line-height: 1.5em;
  607. color: #000;
  608. text-transform: uppercase;
  609. display: inline-block;
  610. margin-top: 20px;
  611. }
  612. [id^="sm-hub-video-3"] {
  613. background: #EBECE8;
  614. }
  615. [id^="sm-hub-video-3"] .Index-page-content {
  616. padding: 0;
  617. max-width: 100%;
  618. }
  619. [id^="sm-hub-video-3"] .sqs-row .sqs-row {
  620. display: flex;
  621. align-items: center;
  622. }
  623. [id^="sm-hub-video-3"] .sqs-col-3 p {
  624. max-width: 185px;
  625. margin: 0 auto 25px;
  626. }
  627. [id^="sm-hub-video-3"] .sqs-col-3 .sqs-block-html {
  628. padding-left: 0;
  629. }
  630. [id^="sm-hub-video-3"] .video-caption-wrapper {
  631. position: absolute;
  632. bottom: 55px;
  633. left: 22%;
  634. }
  635. [id^="sm-hub-video-3"] .sqs-block-video {
  636. padding-bottom: 0 !important;
  637. padding-right: 0 !important;
  638. }
  639. [id^="sm-hub-video-3"] .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
  640. width: 59px;
  641. height: 59px;
  642. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1f3c31d7cf6b00012a598a/1562328113780/play-icon.png") no-repeat;
  643. background-size: contain;
  644. top: auto;
  645. left: 15%;
  646. bottom: 50px;
  647. }
  648. [id^="sm-hub-video-3"] .sm-video-play-active .video-caption-wrapper {
  649. opacity: 0;
  650. }
  651. @media(max-width: 1199px) {
  652. [id^="sm-hub-video-3"] h2 {
  653. margin-bottom: 15px;
  654. }
  655. [id^="sm-hub-video-3"] p a {
  656. margin-top: 5px;
  657. }
  658. [id^="sm-hub-video-3"] .sqs-col-3 p {
  659. margin: 0 auto 15px;
  660. }
  661. }
  662. @media(max-width: 991px) {
  663. [id^="sm-hub-video-3"] .Index-page-content {
  664. padding: 40px 20px;
  665. }
  666. [id^="sm-hub-video-3"] .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
  667. width: 50px;
  668. height: 50px;
  669. }
  670. [id^="sm-hub-video-3"] h2 {
  671. font-size: 15px;
  672. }
  673. [id^="sm-hub-video-3"] .sqs-col-3 p {
  674. max-width: 100%;
  675. margin: 0 auto 10px;
  676. }
  677. [id^="sm-hub-video-3"] .sqs-col-3 .sqs-block-html {
  678. padding-left: 17px;
  679. }
  680. }
  681. @media(max-width: 640px) {
  682. [id^="sm-hub-video-3"] .sqs-row .sqs-row {
  683. display: block;
  684. }
  685. [id^="sm-hub-video-3"] .Index-page-content {
  686. padding: 10px 20px;
  687. }
  688. [id^="sm-hub-video-3"] .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
  689. width: 40px;
  690. height: 40px;
  691. bottom: 28px;
  692. }
  693. [id^="sm-hub-video-3"] .video-caption p {
  694. font-size: 18px;
  695. }
  696. [id^="sm-hub-video-3"] .video-caption p strong {
  697. font-size: 9px;
  698. }
  699. [id^="sm-hub-video-3"] .video-caption-wrapper {
  700. bottom: 25px;
  701. }
  702. }
  703.  
  704. /* Hub Price 1 */
  705. [id^="sm-hub-price-1"] h2 {
  706. font-family: freight-big-pro;
  707. font-size: 35px;
  708. letter-spacing: 0.05em;
  709. line-height: 1.25em;
  710. color: #494949;
  711. }
  712. [id^="sm-hub-price-1"] h3 {
  713. font-family: Questrial;
  714. font-size: 9px;
  715. letter-spacing: 0.36em;
  716. line-height: 2.2em;
  717. color: #494949;
  718. }
  719. [id^="sm-hub-price-1"] li p {
  720. font-family: freight-sans-pro;
  721. font-size: 13px;
  722. letter-spacing: 0;
  723. line-height: 1.82em;
  724. color: #494949;
  725. }
  726. [id^="sm-hub-price-1"] {
  727. background: #ECE8DE;
  728. }
  729. [id^="sm-hub-price-1"] .Index-page-content {
  730. padding: 60px 40px;
  731. }
  732. [id^="sm-hub-price-1"] .sqs-row .sqs-row {
  733. display: -webkit-flex;
  734. display: flex;
  735. -webkit-flex-direction: row;
  736. flex-direction: row;
  737. -webkit-align-items: flex-start;
  738. align-items: flex-start;
  739. }
  740. [id^="sm-hub-price-1"] .sqs-col-4 {
  741. border-top: 6px solid #EFC6A1;
  742. background: #FFFDF8;
  743. padding: 12px 20px 0;
  744. box-sizing: border-box;
  745. margin-left: 22px;
  746. margin-right: 22px;
  747. }
  748. [id^="sm-hub-price-1"] .sqs-col-4:first-child {
  749. margin-left: 0;
  750. }
  751. [id^="sm-hub-price-1"] .sqs-col-4:last-child {
  752. margin-right: 0;
  753. }
  754. [id^="sm-hub-price-1"] .sqs-col-4 .sqs-block-html:last-child {
  755. padding-bottom: 0 !important;
  756. }
  757. [id^="sm-hub-price-1"] .sqs-col-12 h2 {
  758. margin-bottom: 40px !important;
  759. }
  760. [id^="sm-hub-price-1"] .sqs-col-4 h2 {
  761. font-size: 30px;
  762. letter-spacing: 0;
  763. max-width: 200px;
  764. margin: 10px auto 2px !important;
  765. }
  766. [id^="sm-hub-price-1"] .sqs-block-image {
  767. padding: 0 35px 2px;
  768. }
  769. [id^="sm-hub-price-1"] ul {
  770. margin-bottom: 30px;
  771. }
  772. [id^="sm-hub-price-1"] li {
  773. position: relative;
  774. }
  775. [id^="sm-hub-price-1"] ul[data-rte-list] li>*:first-child::before {
  776. display: none;
  777. }
  778. [id^="sm-hub-price-1"] li:before {
  779. content: '';
  780. position: absolute;
  781. width: 11px;
  782. height: 6px;
  783. top: 9px;
  784. left: -30px;
  785. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d01f867c13aea000186eef1/1560410215412/list-icon.png") no-repeat;
  786. background-size: contain;
  787. }
  788. [id^="sm-hub-price-1"] pre {
  789. margin: 44px -37px 0;
  790. overflow: hidden;
  791. }
  792. [id^="sm-hub-price-1"] code {
  793. font-family: freight-big-pro;
  794. font-size: 22px;
  795. font-style: italic;
  796. line-height: 1.22em;
  797. letter-spacing: 0;
  798. color: #494949;
  799. margin-left: 28px;
  800. margin-right: 28px;
  801. border-top: 1px solid #EFC6A1;
  802. display: inline-block;
  803. width: calc(~"100% - 84px");
  804. padding-top: 22px;
  805. padding-bottom: 22px;
  806. }
  807. [id^="sm-hub-price-1"] .sm-checked-price {
  808. background: #F6EDDB;
  809. }
  810. @media(max-width: 991px) {
  811. [id^="sm-hub-price-1"] .Index-page-content {
  812. padding: 40px 20px;
  813. }
  814. [id^="sm-hub-price-1"] .sqs-col-12 h2 {
  815. margin-bottom: 20px !important;
  816. }
  817. [id^="sm-hub-price-1"] .sqs-col-4 {
  818. padding: 0;
  819. margin-left: 10px !important;
  820. margin-right: 10px !important;
  821. }
  822. [id^="sm-hub-price-1"] .sqs-col-4 h2 {
  823. font-size: 25px;
  824. }
  825. [id^="sm-hub-price-1"] pre {
  826. margin: 30px -17px 0;
  827. }
  828. }
  829. @media(max-width: 640px) {
  830. [id^="sm-hub-price-1"] .sqs-row .sqs-row {
  831. display: block;
  832. }
  833. [id^="sm-hub-price-1"] .sqs-col-4 {
  834. margin-top: 10px !important;
  835. }
  836. }
  837.  
  838. /* Hub Features 1 */
  839. [id^="sm-hub-features-1"] h2 {
  840. font-family: freight-big-pro;
  841. font-size: 35px;
  842. line-height: 1.14em;
  843. letter-spacing: 0.02em;
  844. color: #fff;
  845. }
  846. [id^="sm-hub-features-1"] p {
  847. font-family: freight-sans-pro;
  848. font-size: 15px;
  849. line-height: 1.67em;
  850. letter-spacing: 0;
  851. color: #fff;
  852. }
  853. [id^="sm-hub-features-1"] li p {
  854. font-family: Questrial;
  855. font-size: 12px;
  856. line-height: 2em;
  857. letter-spacing: 0.2em;
  858. color: #fff;
  859. text-transform: uppercase;
  860. max-width: 100%;
  861. }
  862. [id^="sm-hub-features-1"] .sqs-block-button .sqs-block-button-element {
  863. font-family: Poppins;
  864. font-weight: 400;
  865. font-style: normal;
  866. font-size: 10px;
  867. letter-spacing: 0.33em;
  868. line-height: 1.5em;
  869. text-transform: uppercase;
  870. color: #000 !important;
  871. background: #F5EFE4 !important;
  872. border: 2px solid #F5EFE4 !important;
  873. border-radius: 3px !important;
  874. padding: 12px 55px;
  875. }
  876. [id^="sm-hub-features-1"] .sqs-block-button .sqs-block-button-element:hover {
  877. background: transparent !important;
  878. color: #F5EFE4 !important;
  879. }
  880. [id^="sm-hub-features-1"] .sqs-block-button {
  881. margin-top: 30px;
  882. }
  883. body [id^="sm-hub-features-1"].Index-page--has-image {
  884. min-height: 70vh;
  885. }
  886. [id^="sm-hub-features-1"] ul[data-rte-list] li>*:first-child::before {
  887. display: none;
  888. }
  889. [id^="sm-hub-features-1"] li {
  890. position: relative;
  891. margin-top: 42px;
  892. }
  893. [id^="sm-hub-features-1"] li:first-child {
  894. margin-top: 0;
  895. }
  896. [id^="sm-hub-features-1"] li:before {
  897. content: '';
  898. position: absolute;
  899. top: -25px;
  900. left: 50%;
  901. transform: translateX(-50%);
  902. width: 11px;
  903. height: 11px;
  904. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d023546b762490001b1690c/1560425798873/hub-features-icon-1.png") no-repeat;
  905. background-size: contain;
  906. }
  907. @media(max-width: 991px) {
  908. [id^="sm-hub-features-1"] h2 {
  909. font-size: 25px;
  910. }
  911. [id^="sm-hub-features-1"] .sqs-block-button {
  912. margin-top: 10px;
  913. }
  914. }
  915. @media(max-width: 767px) {
  916. [id^="sm-hub-features-1"] .Index-page-content {
  917. padding: 50px 40px;
  918. }
  919. [id^="sm-hub-features-1"] .sqs-block-button {
  920. margin-top: 0;
  921. }
  922. [id^="sm-hub-features-1"] .sqs-block-button .sqs-block-button-element {
  923. padding: 12px 40px;
  924. }
  925. [id^="sm-hub-features-1"] ul{
  926. margin-top: 25px !important;
  927. }
  928. }
  929. @media(max-width: 640px) {
  930. [id^="sm-hub-features-1"] ul{
  931. padding-left: 0;
  932. }
  933. }
  934.  
  935. /* Hub Multi Features 3 */
  936. [id^="sm-hub-multi-features-3"] h3 {
  937. font-family: Questrial;
  938. font-weight: 400;
  939. font-style: normal;
  940. font-size: 10px;
  941. letter-spacing: 0.4em;
  942. line-height: 2em;
  943. text-transform: uppercase;
  944. }
  945. [id^="sm-hub-multi-features-3"] h2 {
  946. font-family: freight-big-pro;
  947. font-weight: 400;
  948. font-style: normal;
  949. font-size: 30px;
  950. letter-spacing: 0.05em;
  951. line-height: 1.2em;
  952. text-transform: none;
  953. max-width: 330px;
  954. }
  955. [id^="sm-hub-multi-features-3"] li,
  956. [id^="sm-hub-multi-features-3"] li strong {
  957. font-family: Questrial;
  958. font-weight: 400;
  959. font-style: normal;
  960. font-size: 10px;
  961. letter-spacing: 0.17em;
  962. line-height: 2em;
  963. text-transform: uppercase;
  964. }
  965. [id^="sm-hub-multi-features-3"] li {
  966. list-style: none;
  967. margin-top: 8px;
  968. padding-bottom: 11px;
  969. border-bottom: 1px solid #D0C8B8;
  970. position: relative;
  971. }
  972. [id^="sm-hub-multi-features-3"] code {
  973. font-family: freight-big-pro;
  974. font-weight: 400;
  975. font-style: normal;
  976. font-size: 20px;
  977. letter-spacing: 0.08em;
  978. line-height: 0.6em;
  979. }
  980. [id^="sm-hub-multi-features-3"] li em {
  981. display: none;
  982. font-family: Questrial;
  983. font-size: 10px;
  984. font-weight: 400;
  985. font-style: normal;
  986. letter-spacing: 0;
  987. line-height: 1.5em;
  988. text-transform: none;
  989. margin-top: 10px;
  990. padding-bottom: 5px;
  991. z-index: 99;
  992. width: 250px;
  993. }
  994. [id^="sm-hub-multi-features-3"] .yui3-texteditor-content li em {
  995. display: block;
  996. }
  997. [id^="sm-hub-multi-features-3"] li {
  998. display: inline-block;
  999. width: 100%;
  1000. padding-left: 45px;
  1001. }
  1002. [id^="sm-hub-multi-features-3"] li p {
  1003. width: 75%;
  1004. float: left;
  1005. }
  1006. [id^="sm-hub-multi-features-3"] li pre {
  1007. width: 25%;
  1008. float: right;
  1009. padding-top: 2px;
  1010. padding-bottom: 8px;
  1011. }
  1012. [id^="sm-hub-multi-features-3"] li:before {
  1013. content: '+';
  1014. font-size: 16px;
  1015. color: #000;
  1016. position: absolute;
  1017. top: 3px;
  1018. left: 17px;
  1019. -webkit-transition: all 0.5s;
  1020. -moz-transition: all 0.5s;
  1021. -ms-transition: all 0.5s;
  1022. -o-transition: all 0.5s;
  1023. transition: all 0.5s;
  1024. }
  1025. [id^="sm-hub-multi-features-3"] li.active:before {
  1026. content: '-';
  1027. }
  1028. [id^="sm-hub-multi-features-3"] ul[data-rte-list] li>*:first-child::before {
  1029. display: none;
  1030. }
  1031. [id^="sm-hub-multi-features-3"] {
  1032. background: #FBFAF6;
  1033. }
  1034. [id^="sm-hub-multi-features-3"] .Index-page-content {
  1035. padding: 150px 40px 75px;
  1036. }
  1037. [id^="sm-hub-multi-features-3"] .sqs-row .sqs-row {
  1038. display: flex;
  1039. }
  1040. [id^="sm-hub-multi-features-3"] .sqs-col-5 {
  1041. display: flex;
  1042. flex-direction: column;
  1043. justify-content: space-between;
  1044. }
  1045. [id^="sm-hub-multi-features-3"] code {
  1046. float: right;
  1047. padding-right: 60px;
  1048. }
  1049. [id^="sm-hub-multi-features-3"] code:before {
  1050. top: -2px;
  1051. right: 10px;
  1052. }
  1053. [id^="sm-hub-multi-features-3"] code:after {
  1054. top: 4px;
  1055. right: 14px;
  1056. }
  1057. @media(max-width: 1199px) {
  1058. [id^="sm-hub-multi-features-3"] ul {
  1059. padding-left: 0;
  1060. padding-right: 30px;
  1061. }
  1062. }
  1063. @media(max-width: 991px) {
  1064. [id^="sm-hub-multi-features-3"] .Index-page-content {
  1065. padding: 60px 40px 55px;
  1066. }
  1067. [id^="sm-hub-multi-features-3"] li p {
  1068. width: 65%;
  1069. }
  1070. [id^="sm-hub-multi-features-3"] li pre {
  1071. width: 35%;
  1072. }
  1073. [id^="sm-hub-multi-features-3"] code {
  1074. padding-right: 45px;
  1075. }
  1076. }
  1077. @media(max-width: 767px) {
  1078. [id^="sm-hub-multi-features-3"] h2 {
  1079. font-size: 25px;
  1080. }
  1081. [id^="sm-hub-multi-features-3"] code {
  1082. font-size: 16px;
  1083. line-height: 1em;
  1084. }
  1085. [id^="sm-hub-multi-features-3"] li,
  1086. [id^="sm-hub-multi-features-3"] li strong {
  1087. font-size: 9px;
  1088. }
  1089. }
  1090. @media(max-width: 640px) {
  1091. [id^="sm-hub-multi-features-3"] .sqs-row .sqs-row {
  1092. display: block;
  1093. }
  1094. [id^="sm-hub-multi-features-3"] .Index-page-content {
  1095. padding: 40px;
  1096. }
  1097. }
  1098.  
  1099. /* Hub FAQ 1 */
  1100. [id^="sm-hub-faq-1"] h2 {
  1101. font-family: freight-big-pro;
  1102. font-weight: 400;
  1103. font-style: normal;
  1104. font-size: 35px;
  1105. letter-spacing: 0.05em;
  1106. line-height: 1.2em;
  1107. text-transform: none;
  1108. }
  1109. [id^="sm-hub-faq-1"] li h2 {
  1110. font-family: freight-big-pro;
  1111. font-weight: 400;
  1112. font-style: normal;
  1113. font-size: 20px;
  1114. letter-spacing: .014em;
  1115. line-height: 1.2em;
  1116. text-transform: none;
  1117. margin-top: 0;
  1118. margin-bottom: 0;
  1119. cursor: pointer;
  1120. }
  1121. [id^="sm-hub-faq-1"] li p {
  1122. display: none;
  1123. font-family: freight-sans-pro;
  1124. font-weight: 400;
  1125. font-style: normal;
  1126. font-size: 15px;
  1127. letter-spacing: 0;
  1128. line-height: 1.67em;
  1129. text-transform: none;
  1130. margin-top: 25px;
  1131. max-width: 760px;
  1132. }
  1133. [id^="sm-hub-faq-1"] .yui3-texteditor-content li p {
  1134. display: block;
  1135. }
  1136. [id^="sm-hub-faq-1"] li:before {
  1137. content: "0" counter(sm-hub-faq-1-counter)".";
  1138. position: absolute;
  1139. top: 15px;
  1140. left: -45px;
  1141. font-family: Questrial;
  1142. font-size: 10px;
  1143. letter-spacing: 0.45em;
  1144. line-height: 2em;
  1145. color: #000;
  1146. }
  1147. [id^="sm-hub-faq-1"] li {
  1148. counter-increment: sm-hub-faq-1-counter;
  1149. }
  1150. [id^="sm-hub-faq-1"] ul {
  1151. counter-reset: sm-hub-faq-1-counter;
  1152. margin-top: 0;
  1153. padding-left: 44px;
  1154. max-width: 90%;
  1155. }
  1156. [id^="sm-hub-faq-1"] li {
  1157. list-style: none;
  1158. border-bottom: 1px solid #D8D8D8;
  1159. padding-top: 10px;
  1160. padding-bottom: 12px;
  1161. margin-top: 8px;
  1162. position: relative;
  1163. }
  1164. [id^="sm-hub-faq-1"] li:after {
  1165. content: '';
  1166. position: absolute;
  1167. top: 24px;
  1168. right: 20px;
  1169. width: 0;
  1170. height: 0;
  1171. border-left: 4px solid transparent;
  1172. border-right: 4px solid transparent;
  1173. border-top: 4px solid #000;
  1174. }
  1175. [id^="sm-hub-faq-1"] ul li.active::after {
  1176. border-top: none;
  1177. border-bottom: 4px solid #000;
  1178. }
  1179. [id^="sm-hub-faq-1"] ul li h2:before {
  1180. display: none !important;
  1181. }
  1182. [id^="sm-hub-faq-1"] .Index-page-content {
  1183. padding: 80px 110px;
  1184. }
  1185. [id^="sm-hub-faq-1"] .sqs-block-code {
  1186. padding-top: 10px;
  1187. }
  1188. @media(max-width: 991px) {
  1189. [id^="sm-hub-faq-1"] .Index-page-content {
  1190. padding: 50px;
  1191. }
  1192. [id^="sm-hub-faq-1"] li h2 {
  1193. max-width: 95%;
  1194. -webkit-hyphens: none;
  1195. -moz-hyphens: none;
  1196. -ms-hyphens: none;
  1197. hyphens: none;
  1198. }
  1199. }
  1200. @media(max-width: 640px) {
  1201. [id^="sm-hub-faq-1"] .Index-page-content {
  1202. padding: 20px;
  1203. }
  1204. }
  1205.  
  1206. /* Hub Testimonials 1 */
  1207. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-metadata-item {
  1208. font-family: freight-big-pro;
  1209. font-size: 35px;
  1210. letter-spacing: 0.02em;
  1211. line-height: 1.2em;
  1212. color: #494949;
  1213. }
  1214. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-excerpt p {
  1215. font-family: freight-sans-pro;
  1216. font-size: 15px;
  1217. letter-spacing: 0;
  1218. line-height: 1.67em;
  1219. color: #494949;
  1220. }
  1221. body [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-title {
  1222. font-family: freight-big-pro;
  1223. font-size: 22px;
  1224. font-style: italic;
  1225. letter-spacing: 0;
  1226. line-height: 1.2em;
  1227. color: #494949;
  1228. }
  1229. body [id^="sm-hub-testimonials-1"] {
  1230. background: #FBFAF6;
  1231. }
  1232. body [id^="sm-hub-testimonials-1"] .Index-page-content {
  1233. padding: 50px 65px;
  1234. }
  1235. body [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-item {
  1236. outline: none;
  1237. padding-bottom: 0 !important;
  1238. margin-bottom: 0 !important;
  1239. }
  1240. body [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-content {
  1241. display: flex;
  1242. flex-direction: column;
  1243. }
  1244. body [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-title {
  1245. order: 3;
  1246. margin-top: 75px;
  1247. padding-left: 45px;
  1248. }
  1249. body [id^="sm-hub-testimonials-1"] .summary-metadata-container--above-title {
  1250. margin-bottom: 55px !important;
  1251. }
  1252. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-excerpt {
  1253. padding-left: 45px;
  1254. max-width: 380px;
  1255. }
  1256. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-thumbnail-outer-container {
  1257. margin-top: 80px;
  1258. }
  1259. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .slick-prev,
  1260. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .slick-next {
  1261. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d0745d8e2ed170001098d36/1560757721001/arrow-prev.png") no-repeat;
  1262. background-size: contain;
  1263. width: 28px;
  1264. height: 6px;
  1265. border: none;
  1266. font-size: 0;
  1267. outline: none;
  1268. position: absolute;
  1269. top: 20px;
  1270. right: 150px;
  1271. z-index: 998;
  1272. }
  1273. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .slick-prev:after {
  1274. content: '.';
  1275. position: absolute;
  1276. top: -12px;
  1277. right: -40px;
  1278. font-size: 18px;
  1279. line-height: 1em;
  1280. }
  1281. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .slick-next {
  1282. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d0747057f1d3900011b6639/1560758021212/arrow-next.png") no-repeat;
  1283. background-size: contain;
  1284. right: 45px;
  1285. }
  1286. @media(max-width: 991px) {
  1287. body [id^="sm-hub-testimonials-1"] .Index-page-content {
  1288. padding: 50px 40px 30px;
  1289. }
  1290. }
  1291. @media(max-width: 767px) {
  1292. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-excerpt {
  1293. padding-left: 25px;
  1294. }
  1295. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-metadata-item {
  1296. font-size: 30px;
  1297. }
  1298. body [id^="sm-hub-testimonials-1"] .summary-metadata-container--above-title {
  1299. margin-bottom: 35px !important;
  1300. }
  1301. body [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-title {
  1302. margin-top: 25px;
  1303. }
  1304. }
  1305. @media(max-width: 640px) {
  1306. body [id^="sm-hub-testimonials-1"] .Index-page-content {
  1307. padding: 10px 20px 20px;
  1308. }
  1309. body [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-content {
  1310. display: block;
  1311. }
  1312. body [id^="sm-hub-testimonials-1"] .sqs-gallery-design-list .sqs-gallery-design-list-slide .sqs-gallery-meta-container,
  1313. body [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container {
  1314. width: 100% !important;
  1315. }
  1316. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-thumbnail-outer-container {
  1317. margin-top: 0;
  1318. margin-bottom: 25px;
  1319. }
  1320. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-thumbnail-container {
  1321. padding-left: 0 !important;
  1322. }
  1323. body [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-title,
  1324. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-excerpt {
  1325. padding-left: 0;
  1326. }
  1327. body [id^="sm-hub-testimonials-1"] .summary-metadata-container--above-title {
  1328. margin-bottom: 25px !important;
  1329. }
  1330. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-excerpt p,
  1331. body [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .summary-title,
  1332. body [id^="sm-hub-testimonials-1"] .summary-metadata-container--above-title {
  1333. text-align: center;
  1334. }
  1335. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .slick-prev,
  1336. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .slick-next {
  1337. top: auto;
  1338. bottom: -10px;
  1339. right: calc(~"50% - 60px");
  1340. }
  1341. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .slick-prev {
  1342. right: auto;
  1343. left: calc(~"50% - 60px");
  1344. }
  1345. [id^="sm-hub-testimonials-1"] .sqs-block-summary-v2 .slick-prev:after {
  1346. right: -35px;
  1347. }
  1348. }
  1349.  
  1350. /* Hub In the Press 2 */
  1351. [id^="sm-hub-in-the-press-2"] h2 {
  1352. font-family: freight-big-pro;
  1353. font-weight: 400;
  1354. font-style: normal;
  1355. font-size: 22px;
  1356. letter-spacing: 0.04em;
  1357. line-height: 1.25em;
  1358. text-transform: uppercase;
  1359. margin-bottom: 10px !important;
  1360. }
  1361. [id^="sm-hub-in-the-press-2"] h3 {
  1362. font-family: Questrial;
  1363. font-size: 10px;
  1364. letter-spacing: 0.4em;
  1365. line-height: 2em;
  1366. color: #494949;
  1367. text-transform: uppercase;
  1368. }
  1369. [id^="sm-hub-in-the-press-2"] {
  1370. background: #F5EFE4;
  1371. }
  1372. [id^="sm-hub-in-the-press-2"] .Index-page-content {
  1373. padding: 70px 0 40px;
  1374. max-width: 100%;
  1375. }
  1376. [id^="sm-hub-in-the-press-2"] .sqs-row {
  1377. display: flex;
  1378. align-items: center;
  1379. }
  1380. [id^="sm-hub-in-the-press-2"] .sqs-col-2 .sqs-block-image .intrinsic {
  1381. max-width: 130px !important;
  1382. }
  1383. [id^="sm-hub-in-the-press-2"] .sqs-col-2:first-child .sqs-block-image .intrinsic {
  1384. max-width: 160px !important;
  1385. margin-left: 0;
  1386. }
  1387. [id^="sm-hub-in-the-press-2"] .sqs-col-2:last-child .sqs-block-image .intrinsic {
  1388. max-width: 160px !important;
  1389. margin-right: 0;
  1390. }
  1391. @media(max-width: 1199px) {
  1392. [id^="sm-hub-in-the-press-2"] h2 {
  1393. font-size: 20px;
  1394. }
  1395. }
  1396. @media(max-width: 991px) {
  1397. [id^="sm-hub-in-the-press-2"] .Index-page-content {
  1398. padding: 40px 0 30px;
  1399. }
  1400. [id^="sm-hub-in-the-press-2"] h2 {
  1401. font-size: 15px;
  1402. margin-bottom: 0 !important;
  1403. }
  1404. }
  1405. @media(max-width: 767px) {
  1406. [id^="sm-hub-in-the-press-2"] h3 {
  1407. letter-spacing: 0.3em;
  1408. }
  1409. }
  1410. @media(max-width: 640px) {
  1411. [id^="sm-hub-in-the-press-2"] .Index-page-content {
  1412. padding: 10px 20px;
  1413. }
  1414. [id^="sm-hub-in-the-press-2"] .sqs-row {
  1415. display: block;
  1416. }
  1417. [id^="sm-hub-in-the-press-2"] .sqs-col-2:first-child .sqs-block-image .intrinsic {
  1418. margin-left: auto;
  1419. max-width: 100% !important;
  1420. }
  1421. [id^="sm-hub-in-the-press-2"] .sqs-col-2:last-child .sqs-block-image .intrinsic {
  1422. margin-right: auto;
  1423. max-width: 100% !important;
  1424. }
  1425. }
  1426.  
  1427. /* Hub Testimonials 4 */
  1428. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-metadata-item {
  1429. font-family: Questrial;
  1430. font-size: 10px;
  1431. font-style: normal;
  1432. letter-spacing: 0.4em;
  1433. line-height: 2em;
  1434. color: #fff;
  1435. text-transform: uppercase;
  1436. }
  1437. body [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-excerpt h2 {
  1438. font-family: freight-big-pro;
  1439. font-size: 35px;
  1440. font-style: normal;
  1441. letter-spacing: 0.01em;
  1442. line-height: 1.28em;
  1443. color: #fff;
  1444. pointer-events: none;
  1445. max-width: 450px;
  1446. margin-bottom: -80px;
  1447. }
  1448. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-excerpt p {
  1449. font-family: freight-sans-pro;
  1450. font-size: 15px;
  1451. letter-spacing: 0;
  1452. line-height: 1.67em;
  1453. color: #fff;
  1454. text-align: right;
  1455. max-width: 310px;
  1456. display: block;
  1457. float: right;
  1458. clear: right;
  1459. margin-bottom: 0;
  1460. }
  1461. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .sm-hub-testimonials-title {
  1462. font-family: Questrial;
  1463. font-size: 12px;
  1464. font-style: normal;
  1465. letter-spacing: 0.2em;
  1466. line-height: 2em;
  1467. color: #fff;
  1468. }
  1469. [id^="sm-hub-testimonials-4"] {
  1470. min-height: 80vh !important;
  1471. }
  1472. [id^="sm-hub-testimonials-4"] .Index-page-image:before {
  1473. background: rgba(0,0,0,0.3);
  1474. }
  1475. [id^="sm-hub-testimonials-4"] .Index-page-content {
  1476. padding: 50px 40px 0;
  1477. justify-content: flex-end !important;
  1478. }
  1479. [id^="sm-hub-testimonials-4"] .slick-list {
  1480. padding-bottom: 30px;
  1481. }
  1482. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 {
  1483. padding-bottom: 0 !important;
  1484. }
  1485. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-title {
  1486. display: none;
  1487. }
  1488. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-excerpt {
  1489. overflow: hidden;
  1490. }
  1491. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-item {
  1492. outline: none;
  1493. }
  1494. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-metadata-container {
  1495. margin-bottom: 12px !important;
  1496. }
  1497. [id^="sm-hub-testimonials-4"] .slick-dots {
  1498. display: flex;
  1499. justify-content: space-between;
  1500. border-top: 1px solid #fff;
  1501. padding-left: 0;
  1502. margin-top: 15px;
  1503. margin-bottom: 15px;
  1504. }
  1505. [id^="sm-hub-testimonials-4"] li {
  1506. list-style: none;
  1507. display: inline-block;
  1508. padding-top: 15px;
  1509. margin-top: -4px;
  1510. cursor: pointer;
  1511. border-top: 3px solid transparent;
  1512. -webkit-transition: all 0.5s;
  1513. -moz-transition: all 0.5s;
  1514. -ms-transition: all 0.5s;
  1515. -o-transition: all 0.5s;
  1516. transition: all 0.5s;
  1517. }
  1518. [id^="sm-hub-testimonials-4"] li:first-child {
  1519. margin-left: 0;
  1520. }
  1521. [id^="sm-hub-testimonials-4"] li.slick-active {
  1522. border-color: #fff;
  1523. }
  1524. @media(max-width: 991px) {
  1525. body [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-excerpt h2 {
  1526. font-size: 30px;
  1527. margin-bottom: 20px;
  1528. }
  1529. }
  1530. @media(max-width: 767px) {
  1531. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .sm-hub-testimonials-title {
  1532. letter-spacing: 0.1em;
  1533. }
  1534. }
  1535. @media(max-width: 640px) {
  1536. [id^="sm-hub-testimonials-4"] .Index-page-content {
  1537. padding: 30px 30px 0;
  1538. }
  1539. body [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-excerpt h2 {
  1540. font-size: 28px;
  1541. text-align: center;
  1542. -webkit-hyphens: none;
  1543. -moz-hyphens: none;
  1544. -ms-hyphens: none;
  1545. hyphens: none;
  1546. }
  1547. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .sm-hub-testimonials-title {
  1548. font-size: 11px;
  1549. }
  1550. [id^="sm-hub-testimonials-4"] .slick-dots li {
  1551. padding-left: 15px;
  1552. }
  1553. [id^="sm-hub-testimonials-4"] .slick-dots li:first-child {
  1554. padding-left: 0;
  1555. }
  1556. [id^="sm-hub-testimonials-4"] .slick-list {
  1557. padding-bottom: 15px;
  1558. }
  1559. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-metadata-container,
  1560. [id^="sm-hub-testimonials-4"] .sqs-block-summary-v2 .summary-excerpt p {
  1561. text-align: center;
  1562. }
  1563. }
  1564.  
  1565. /* Hub Carousel 1 */
  1566. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-heading {
  1567. font-family: freight-big-pro;
  1568. font-size: 35px;
  1569. letter-spacing: 0.01em;
  1570. line-height: 1.24em;
  1571. color: #494949;
  1572. text-align: center;
  1573. margin-bottom: 50px;
  1574. }
  1575. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-title a {
  1576. font-family: freight-big-pro;
  1577. font-size: 22px;
  1578. letter-spacing: 0.045em;
  1579. line-height: 1.22em;
  1580. color: #494949;
  1581. pointer-events: none;
  1582. }
  1583. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-metadata-item a {
  1584. font-family: Questrial;
  1585. font-size: 10px;
  1586. letter-spacing: 0.4em;
  1587. line-height: 2em;
  1588. color: #494949;
  1589. text-transform: uppercase;
  1590. pointer-events: none;
  1591. }
  1592. [id^="sm-hub-carousel-1"] .Index-page-content {
  1593. padding: 50px 65px;
  1594. }
  1595. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-heading {
  1596. width: 100%;
  1597. }
  1598. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-item {
  1599. padding-left: 1px !important;
  1600. padding-right: 0 !important;
  1601. }
  1602. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-title {
  1603. margin-top: 20px;
  1604. margin-bottom: 5px;
  1605. }
  1606. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .sqs-video-icon {
  1607. width: 59px;
  1608. height: 59px;
  1609. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1f3c31d7cf6b00012a598a/1562328113780/play-icon.png") no-repeat;
  1610. background-size: contain;
  1611. }
  1612. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-carousel-pager-prev:before,
  1613. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-carousel-pager-next:before {
  1614. display: none;
  1615. }
  1616. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-carousel-pager-prev,
  1617. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-carousel-pager-next {
  1618. cursor: pointer;
  1619. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1f3ebd11031d0001fab77d/1562328765338/arrow-medium-prev.png") no-repeat;
  1620. background-size: contain;
  1621. width: 30px;
  1622. height: 11px;
  1623. border: none;
  1624. font-size: 0;
  1625. outline: none;
  1626. position: absolute;
  1627. top: 50%;
  1628. left: -40px;
  1629. }
  1630. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-carousel-pager-next {
  1631. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1f3eaa49d9a7000199f256/1562328746441/arrow-medium-next.png") no-repeat;
  1632. background-size: contain;
  1633. left: auto;
  1634. right: -40px;
  1635. }
  1636. @media(max-width: 991px) {
  1637. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-heading {
  1638. margin-bottom: 25px;
  1639. }
  1640. }
  1641. @media(max-width: 640px) {
  1642. [id^="sm-hub-carousel-1"] .Index-page-content {
  1643. padding: 20px 60px;
  1644. }
  1645. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 {
  1646. padding-left: 5px !important;
  1647. padding-right: 5px !important;
  1648. }
  1649. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-title {
  1650. margin-top: 10px;
  1651. }
  1652. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-heading {
  1653. font-size: 25px;
  1654. margin-bottom: 15px;
  1655. }
  1656. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-title a {
  1657. font-size: 16px;
  1658. }
  1659. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-metadata-item a {
  1660. font-size: 9px;
  1661. letter-spacing: 0.3em;
  1662. }
  1663. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .sqs-video-icon {
  1664. width: 30px;
  1665. height: 30px;
  1666. margin-left: -15px;
  1667. margin-top: -15px;
  1668. }
  1669. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-carousel-pager-prev {
  1670. left: -35px;
  1671. }
  1672. [id^="sm-hub-carousel-1"] .sqs-block-summary-v2 .summary-carousel-pager-next {
  1673. right: -35px;
  1674. }
  1675. }
  1676.  
  1677. /* Hub Contact 4 */
  1678. [id^="sm-hub-contact-4"] h2 {
  1679. font-family: freight-big-pro;
  1680. font-size: 30px;
  1681. letter-spacing: 0.01em;
  1682. line-height: 1.23em;
  1683. color: #494949;
  1684. }
  1685. [id^="sm-hub-contact-4"] h3 {
  1686. font-family: Questrial;
  1687. font-size: 9px;
  1688. letter-spacing: 0.33em;
  1689. line-height: 5em;
  1690. color: #494949;
  1691. text-transform: uppercase;
  1692. }
  1693. [id^="sm-hub-contact-4"] .form-wrapper .field-list .title {
  1694. font-family: Questrial;
  1695. font-size: 8px;
  1696. letter-spacing: 0.2em;
  1697. line-height: 2.5em;
  1698. color: #494949;
  1699. text-transform: uppercase;
  1700. }
  1701. [id^="sm-hub-contact-4"] .form-wrapper .field-list .field.checkbox label {
  1702. font-family: Questrial;
  1703. font-size: 10px;
  1704. letter-spacing: 0.03em;
  1705. line-height: 2em;
  1706. color: #494949;
  1707. text-transform: none;
  1708. }
  1709. [id^="sm-hub-contact-4"] .form-wrapper .form-button-wrapper input[type="submit"] {
  1710. font-family: Poppins;
  1711. font-size: 10px;
  1712. letter-spacing: 0.25em;
  1713. line-height: 1.5em;
  1714. color: #000;
  1715. text-transform: uppercase;
  1716. border: 1px solid #494949;
  1717. border-radius: 0;
  1718. padding: 12px 60px;
  1719. }
  1720. [id^="sm-hub-contact-4"] .form-wrapper ::placeholder {
  1721. font-family: Questrial;
  1722. font-size: 8px;
  1723. letter-spacing: 0.2em;
  1724. line-height: 2.5em;
  1725. color: #494949;
  1726. text-transform: uppercase;
  1727. }
  1728. [id^="sm-hub-contact-4"] .form-wrapper ::-webkit-input-placeholder { /* Edge */
  1729. font-family: Questrial;
  1730. font-size: 8px;
  1731. letter-spacing: 0.2em;
  1732. line-height: 2.5em;
  1733. color: #494949;
  1734. text-transform: uppercase;
  1735. }
  1736. [id^="sm-hub-contact-4"] .form-wrapper :-ms-input-placeholder { /* Internet Explorer 10-11 */
  1737. font-family: Questrial;
  1738. font-size: 8px;
  1739. letter-spacing: 0.2em;
  1740. line-height: 2.5em;
  1741. color: #494949;
  1742. text-transform: uppercase;
  1743. }
  1744. [id^="sm-hub-contact-4"] .form-wrapper .field-list .field .field-element {
  1745. font-family: Questrial;
  1746. font-size: 14px;
  1747. letter-spacing: 0;
  1748. line-height: 2.5em;
  1749. color: #494949;
  1750. text-transform: none;
  1751. padding-left: 0;
  1752. border: none;
  1753. border-bottom: 1px solid #D8D8D8;
  1754. border-radius: 0;
  1755. background: none;
  1756. }
  1757. [id^="sm-hub-contact-4"] .form-wrapper .form-submission-text {
  1758. font-family: Questrial;
  1759. font-size: 18px;
  1760. letter-spacing: 0;
  1761. line-height: 2.5em;
  1762. color: #494949;
  1763. text-align: center;
  1764. margin-top: 0;
  1765. }
  1766. [id^="sm-hub-contact-4"] {
  1767. background: #F6F8F3;
  1768. }
  1769. [id^="sm-hub-contact-4"]:before {
  1770. content: '';
  1771. position: absolute;
  1772. top: 0;
  1773. left: 0;
  1774. width: 42%;
  1775. height: 100%;
  1776. background: #EBECE8;
  1777. }
  1778. [id^="sm-hub-contact-4"] .Index-page-content {
  1779. padding: 45px 0 40px;
  1780. max-width: 100%;
  1781. }
  1782. [id^="sm-hub-contact-4"] .sqs-row {
  1783. display: flex;
  1784. align-items: center;
  1785. }
  1786. [id^="sm-hub-contact-4"] .sqs-block-image {
  1787. padding: 50px;
  1788. }
  1789. /* first column col-3 */
  1790. [id^="sm-hub-contact-4"] .sqs-col-3 {
  1791. display: block;
  1792. position: relative;
  1793. box-sizing: border-box;
  1794. border: 1px solid #fff;
  1795. padding: 0;
  1796. }
  1797. [id^="sm-hub-contact-4"] .sqs-col-3 .sqs-block-html {
  1798. padding: 0;
  1799. }
  1800. [id^="sm-hub-contact-4"] .sqs-col-3 h3 {
  1801. border-bottom: 1px solid #fff;
  1802. padding-left: 25px;
  1803. padding-right: 25px;
  1804. }
  1805. [id^="sm-hub-contact-4"] .sqs-col-3 h2 {
  1806. border-top: 1px solid #fff;
  1807. padding: 25px 60px;
  1808. }
  1809.  
  1810. [id^="sm-hub-contact-4"] .form-wrapper .custom-checkbox {
  1811. position: relative;
  1812. }
  1813. [id^="sm-hub-contact-4"] span.required {
  1814. display: none;
  1815. }
  1816. [id^="sm-hub-contact-4"] .form-wrapper .field-list .field textarea.field-element {
  1817. min-height: 95px;
  1818. height: 95px;
  1819. margin-bottom: 45px;
  1820. resize: none;
  1821. }
  1822. [id^="sm-hub-contact-4"] .form-wrapper .field-list .field input[type="checkbox"] {
  1823. border: 1px solid #D8D8D8;
  1824. border-radius: 0;
  1825. }
  1826. [id^="sm-hub-contact-4"] .form-wrapper .form-button-wrapper input[type="submit"]:hover {
  1827. background: #000;
  1828. color: #fff;
  1829. }
  1830. [id^="sm-hub-contact-4"] .form-wrapper .field-list .field.sqmuse-terms-and-conditions {
  1831. margin-top: 50px;
  1832. }
  1833.  
  1834. /* ckeckbox */
  1835. [id^="sm-hub-contact-4"] .form-wrapper .field-list .field.checkbox input[type="checkbox"] {
  1836. opacity: 0;
  1837. margin-right: 12px;
  1838. }
  1839. [id^="sm-hub-contact-4"] .checkbox label::before{
  1840. content: "";
  1841. position: absolute;
  1842. display: inline-block;
  1843. height: 10px;
  1844. width: 10px;
  1845. border: 1px solid #D8D8D8;
  1846. border-radius: 0;
  1847. top: 3px;
  1848. }
  1849. /* ckeckbox mark */
  1850. [id^="sm-hub-contact-4"] .checkbox label::after {
  1851. content: "";
  1852. position: absolute;
  1853. display: inline-block;
  1854. height: 4px;
  1855. width: 7px;
  1856. left: 2px;
  1857. top: 5px;
  1858. }
  1859. [id^="sm-hub-contact-4"] .custom-checkbox label.checked::before {
  1860. background: #494949;
  1861. border-color: #494949;
  1862. }
  1863. [id^="sm-hub-contact-4"] .custom-checkbox label.checked::after {
  1864. border-left: 2px solid #fff;
  1865. border-bottom: 2px solid #fff;
  1866. transform: rotate(-45deg);
  1867. }
  1868. /* radio */
  1869. [id^="sm-hub-contact-4"] .form-wrapper .field-list .field.radio input[type="radio"] {
  1870. opacity: 0;
  1871. margin-right: -5px;
  1872. }
  1873. [id^="sm-hub-contact-4"] .radio label::before {
  1874. content: "";
  1875. display: inline-block;
  1876. position: relative;
  1877. height: 12px;
  1878. width: 12px;
  1879. border: 1px solid #D8D8D8;
  1880. border-radius: 50%;
  1881. top: 3px;
  1882. }
  1883. /* radio mark */
  1884. [id^="sm-hub-contact-4"] .radio label.checked::before {
  1885. border: 1px solid #494949;
  1886. }
  1887. [id^="sm-hub-contact-4"] .radio label.checked::after {
  1888. content: "";
  1889. display: inline-block;
  1890. position: absolute;
  1891. height: 10px;
  1892. width: 10px;
  1893. border-radius: 50%;
  1894. top: 5px;
  1895. left: 2px;
  1896. background: #494949;
  1897. }
  1898. [id^="sm-hub-contact-4"] .custom-radio.parent-checked,
  1899. [id^="sm-hub-contact-4"] .custom-checkbox.parent-checked {
  1900. position: relative;
  1901. }
  1902. @media(max-width: 991px) {
  1903. [id^="sm-hub-contact-4"] .sqs-col-3 h2 {
  1904. padding: 25px 30px;
  1905. }
  1906. [id^="sm-hub-contact-4"] .sqs-block-image {
  1907. padding: 25px;
  1908. }
  1909. [id^="sm-hub-contact-4"] h2 {
  1910. font-size: 25px;
  1911. }
  1912. }
  1913. @media(max-width: 767px) {
  1914. [id^="sm-hub-contact-4"] .sqs-col-3 h2 {
  1915. font-size: 22px;
  1916. padding: 20px;
  1917. }
  1918. }
  1919. @media(max-width: 640px) {
  1920. [id^="sm-hub-contact-4"] .sqs-row {
  1921. display: block;
  1922. }
  1923. [id^="sm-hub-contact-4"] .Index-page-content {
  1924. padding: 40px;
  1925. }
  1926. [id^="sm-hub-contact-4"]:before {
  1927. width: 100%;
  1928. }
  1929. }
  1930. /** end Kit 1 **/
  1931.  
  1932.  
  1933. /** Kit 2 **/
  1934. @font-face {
  1935. font-family: freight-big-pro;
  1936. src: url('https://static1.squarespace.com/static/5c1b99c7a9e02801f6c9b9d0/t/5cade9ecc83025772eee139d/1554901485897/FreightBig-Pro-Book.otf');
  1937. }
  1938. @font-face {
  1939. font-family: freight-sans-pro;
  1940. src: url('https://static1.squarespace.com/static/5c1b99c7a9e02801f6c9b9d0/t/5cade988e2c483ba4081113c/1554901385650/FreightSans-Pro-Book.otf');
  1941. }
  1942. @font-face {
  1943. font-family: Questrial;
  1944. src: url('https://static1.squarespace.com/static/5c1b99c7a9e02801f6c9b9d0/t/5cade8cfe5e5f02b0ddd34b8/1554901200175/Questrial-Regular.ttf');
  1945. }
  1946. @font-face {
  1947. font-family: Poppins;
  1948. src: url('https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d077955881cfd00010017ee/1560770904670/Poppins-Regular.ttf');
  1949. }
  1950.  
  1951. /* Hub Slider 4 */
  1952. [id^="sm-hub-slider-4"] .summary-title a {
  1953. font-family: freight-big-pro;
  1954. font-weight: 400;
  1955. font-style: normal;
  1956. font-size: 35px;
  1957. letter-spacing: 0.04em;
  1958. line-height: 1.25em;
  1959. color: #fff;
  1960. pointer-events: none;
  1961. }
  1962. [id^="sm-hub-slider-4"] .summary-metadata-item a {
  1963. font-family: Questrial;
  1964. font-size: 10px;
  1965. letter-spacing: 0.4em;
  1966. line-height: 2em;
  1967. color: #fff;
  1968. text-transform: uppercase;
  1969. pointer-events: none;
  1970. }
  1971. [id^="sm-hub-slider-4"] .slick-dots .sm-slider-pagination-item {
  1972. font-family: Questrial;
  1973. font-size: 10px;
  1974. letter-spacing: 0.4em;
  1975. line-height: 2em;
  1976. }
  1977. [id^="sm-hub-slider-4"] {
  1978. background: #494949;
  1979. padding-top: 90px;
  1980. }
  1981. [id^="sm-hub-slider-4"] .Index-page-content {
  1982. padding: 0;
  1983. max-width: 100%;
  1984. }
  1985. [id^="sm-hub-slider-4"] .summary-thumbnail-outer-container,
  1986. [id^="sm-hub-slider-4"] .summary-thumbnail-container {
  1987. width: 90% !important;
  1988. }
  1989. [id^="sm-hub-slider-4"] .summary-content {
  1990. width: 90% !important;
  1991. position: absolute;
  1992. left: 0;
  1993. bottom: 15px;
  1994. }
  1995. [id^="sm-hub-slider-4"] .summary-title {
  1996. max-width: 90%;
  1997. margin: 0 auto !important;
  1998. padding-bottom: 12px;
  1999. -webkit-transition: all 0.5s;
  2000. -moz-transition: all 0.5s;
  2001. -ms-transition: all 0.5s;
  2002. -o-transition: all 0.5s;
  2003. transition: all 0.5s;
  2004. }
  2005. [id^="sm-hub-slider-4"] .slick-active .summary-title {
  2006. border-bottom: 1px solid rgba(255,255,255,0.9);
  2007. }
  2008. [id^="sm-hub-slider-4"] .summary-metadata-container--below-content {
  2009. padding-top: 12px;
  2010. }
  2011. [id^="sm-hub-slider-4"] a.summary-thumbnail-container {
  2012. pointer-events: none;
  2013. }
  2014. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 {
  2015. overflow: hidden;
  2016. }
  2017. [id^="sm-hub-slider-4"] .sqs-block-summary-v2,
  2018. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
  2019. padding-bottom: 0 !important;
  2020. margin-bottom: 0 !important;
  2021. outline: none;
  2022. position: relative;
  2023. }
  2024. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
  2025. -webkit-transition: all 0.5s;
  2026. -moz-transition: all 0.5s;
  2027. -ms-transition: all 0.5s;
  2028. -o-transition: all 0.5s;
  2029. transition: all 0.5s;
  2030. }
  2031. [id^="sm-hub-slider-4"] .sqs-gallery-design-list .sqs-gallery-image-container {
  2032. padding-right: 0;
  2033. }
  2034. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 .slick-prev,
  2035. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 .slick-next {
  2036. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d24785d12c9e000010f7da4/1562671197602/arrow-prev-white-big.png") no-repeat;
  2037. background-size: contain;
  2038. width: 30px;
  2039. height: 11px;
  2040. border: none;
  2041. font-size: 0;
  2042. outline: none;
  2043. position: absolute;
  2044. top: 50%;
  2045. transform: translateY(-50%);
  2046. left: 55px;
  2047. z-index: 998;
  2048. }
  2049. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 .slick-next {
  2050. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d24784927b7e10001dbebe2/1562671177228/arrow-next-white-big.png") no-repeat;
  2051. background-size: contain;
  2052. left: auto;
  2053. right: 55px;
  2054. }
  2055. [id^="sm-hub-slider-4"] .sqs-gallery-design-carousel .sqs-gallery-container,
  2056. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 .summary-item {
  2057. overflow: visible;
  2058. }
  2059. [id^="sm-hub-slider-4"] .slick-slider .slick-list {
  2060. overflow: visible;
  2061. }
  2062. [id^="sm-hub-slider-4"] .sm-slider-pagination {
  2063. position: absolute;
  2064. color: #fff;
  2065. bottom: 15px;
  2066. right: 15%;
  2067. }
  2068. /* all other items */
  2069. [id^="sm-hub-slider-4"] .summary-item img {
  2070. transform: scale(0.85);
  2071. -webkit-transition: all 0.5s;
  2072. -moz-transition: all 0.5s;
  2073. -o-transition: all 0.5s;
  2074. transition: all 0.5s;
  2075. }
  2076. /* current item */
  2077. [id^="sm-hub-slider-4"] .summary-item.slick-current img {
  2078. transform: scale(1);
  2079. }
  2080.  
  2081. [id^="sm-hub-slider-4"] .sm-slider-next-item {
  2082. margin-left: -170px;
  2083. }
  2084. [id^="sm-hub-slider-4"] .sm-slider-next-item img {
  2085. top: 0 !important;
  2086. }
  2087. [id^="sm-hub-slider-4"] .summary-v2-block:before {
  2088. content: '';
  2089. position: absolute;
  2090. bottom: 15px;
  2091. left: 7%;
  2092. width: 8px;
  2093. height: 21px;
  2094. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5cf7aba94830f60001939369/1559735209444/arrow-down.png") no-repeat;
  2095. background-size: contain;
  2096. z-index: 99;
  2097. }
  2098. @media(max-width: 1199px) {
  2099. [id^="sm-hub-slider-4"] .sm-slider-next-item {
  2100. margin-left: -120px;
  2101. }
  2102. }
  2103. @media(max-width: 991px) {
  2104. [id^="sm-hub-slider-4"] .summary-title a {
  2105. font-size: 30px;
  2106. }
  2107. [id^="sm-hub-slider-4"] .sm-slider-next-item {
  2108. margin-left: -90px;
  2109. }
  2110. }
  2111. @media(max-width: 640px) {
  2112. [id^="sm-hub-slider-4"] {
  2113. padding-top: 0;
  2114. }
  2115. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item .summary-thumbnail-container,
  2116. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container,
  2117. [id^="sm-hub-slider-4"] .sqs-gallery-design-list .sqs-gallery-design-list-slide .sqs-gallery-meta-container {
  2118. width: 100% !important;
  2119. }
  2120. [id^="sm-hub-slider-4"] .sm-slider-next-item {
  2121. margin-left: 0;
  2122. }
  2123. [id^="sm-hub-slider-4"] .sqs-layout .sqs-row .sqs-block-summary-v2 {
  2124. padding: 0 !important;
  2125. }
  2126. [id^="sm-hub-slider-4"] .summary-title {
  2127. max-width: 70%;
  2128. }
  2129. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 .slick-prev {
  2130. left: 30px;
  2131. }
  2132. [id^="sm-hub-slider-4"] .sqs-block-summary-v2 .slick-next {
  2133. right: 30px;
  2134. }
  2135. [id^="sm-hub-slider-4"] .summary-v2-block:before {
  2136. left: 15%;
  2137. }
  2138. }
  2139.  
  2140. /* Hub Info 3 */
  2141. [id^="sm-hub-info-3"] h2 {
  2142. font-family: freight-big-pro;
  2143. font-weight: 400;
  2144. font-style: normal;
  2145. font-size: 22px;
  2146. letter-spacing: 0.05em;
  2147. line-height: 1.2em;
  2148. text-transform: uppercase;
  2149. margin-top: 0;
  2150. margin-bottom: 45px;
  2151. }
  2152. [id^="sm-hub-info-3"] h3 {
  2153. font-family: Questrial;
  2154. font-weight: 400;
  2155. font-style: normal;
  2156. font-size: 10px;
  2157. letter-spacing: 0.4em;
  2158. line-height: 2.4em;
  2159. text-transform: uppercase;
  2160. margin-bottom: 5px;
  2161. }
  2162. [id^="sm-hub-info-3"] p {
  2163. font-family: freight-sans-pro;
  2164. font-weight: 400;
  2165. font-style: normal;
  2166. font-size: 15px;
  2167. letter-spacing: 0;
  2168. line-height: 1.67em;
  2169. text-transform: none;
  2170. color: #4a4a4a;
  2171. max-width: 345px;
  2172. margin: 0 auto 25px;
  2173. }
  2174. [id^="sm-hub-info-3"] .sqs-block-button-element {
  2175. font-family: Poppins;
  2176. font-weight: 400;
  2177. font-style: normal;
  2178. font-size: 10px;
  2179. letter-spacing: 0.33em;
  2180. line-height: 1.5em;
  2181. text-transform: uppercase;
  2182. color: #000;
  2183. background: #F5EFE4;
  2184. border-radius: 3px !important;
  2185. padding: 15px 42px;
  2186. }
  2187. [id^="sm-hub-info-3"] .sqs-block-button {
  2188. margin-top: 25px;
  2189. }
  2190. [id^="sm-hub-info-3"] .Index-page-content {
  2191. padding: 70px 40px 60px;
  2192. }
  2193. [id^="sm-hub-info-3"] .sqs-row .sqs-row {
  2194. display: flex;
  2195. align-items: center;
  2196. }
  2197. [id^="sm-hub-info-3"] .sqs-col-5 {
  2198. display: flex;
  2199. flex-direction: column;
  2200. justify-content: center;
  2201. }
  2202. [id^="sm-hub-info-3"] img {
  2203. top: auto !important;
  2204. }
  2205. [id^="sm-hub-info-3"] .sqs-col-6 .sqs-col-4 .image-block-wrapper {
  2206. padding-bottom: 56% !important;
  2207. }
  2208. [id^="sm-hub-info-3"] .sqs-col-6 .sqs-col-4:first-child {
  2209. display: flex;
  2210. flex-direction: column;
  2211. justify-content: flex-end;
  2212. box-sizing: border-box;
  2213. }
  2214. [id^="sm-hub-info-3"] .sqs-col-6 .sqs-col-2:first-child {
  2215. padding-left: 30px;
  2216. }
  2217. @media(max-width: 1199px) {
  2218. [id^="sm-hub-info-3"] h2 {
  2219. font-size: 20px;
  2220. margin-bottom: 20px;
  2221. }
  2222. [id^="sm-hub-info-3"] .sqs-block-button {
  2223. margin-top: 0;
  2224. }
  2225. }
  2226. @media(max-width: 991px) {
  2227. [id^="sm-hub-info-3"] .Index-page-content {
  2228. padding: 50px 20px;
  2229. }
  2230. }
  2231. @media(max-width: 767px) {
  2232. [id^="sm-hub-info-3"] h2 {
  2233. font-size: 18px;
  2234. }
  2235. }
  2236. @media(max-width: 640px) {
  2237. [id^="sm-hub-info-3"] .sqs-row .sqs-row {
  2238. display: block;
  2239. }
  2240. [id^="sm-hub-info-3"] .sqs-block-image {
  2241. display: none;
  2242. }
  2243. [id^="sm-hub-info-3"] .sqs-col-4:first-child .sqs-block-image {
  2244. display: block;
  2245. }
  2246. }
  2247.  
  2248. /* Hub Testimonials 2 */
  2249. [id^="sm-hub-testimonials-2"] .slick-dots li,
  2250. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-metadata-item a {
  2251. font-family: Questrial;
  2252. font-size: 10px;
  2253. letter-spacing: 0.4em;
  2254. line-height: 2em;
  2255. color: #fff;
  2256. text-transform: uppercase;
  2257. }
  2258. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-excerpt p {
  2259. font-family: freight-big-pro;
  2260. font-size: 45px;
  2261. letter-spacing: 0.01em;
  2262. line-height: 1.06em;
  2263. color: #fff;
  2264. }
  2265. [id^="sm-hub-testimonials-2"] {
  2266. background: #363636;
  2267. }
  2268. [id^="sm-hub-testimonials-2"] .Index-page-content {
  2269. padding: 65px 65px 0;
  2270. }
  2271. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-title {
  2272. display: none;
  2273. }
  2274. [id^="sm-hub-testimonials-2"] .summary-item-list-container {
  2275. overflow: hidden;
  2276. }
  2277. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-container {
  2278. padding: 0;
  2279. }
  2280. [id^="sm-hub-testimonials-2"] .summary-metadata-item--cats {
  2281. pointer-events: none;
  2282. }
  2283. [id^="sm-hub-testimonials-2"] .slick-dots {
  2284. display: flex;
  2285. justify-content: space-between;
  2286. position: absolute;
  2287. bottom: 10px;
  2288. left: 0;
  2289. border-top: 1px solid #fff;
  2290. padding-top: 12px;
  2291. padding-left: 0;
  2292. width: 100%;
  2293. max-width: 77%; /* 23% is thumbnail width */
  2294. z-index: 1;
  2295. }
  2296. [id^="sm-hub-testimonials-2"] .slick-dots li {
  2297. list-style: none;
  2298. display: inline-block;
  2299. padding-left: 0;
  2300. cursor: pointer;
  2301. position: relative;
  2302. -webkit-transition: all 0.5s;
  2303. -moz-transition: all 0.5s;
  2304. -ms-transition: all 0.5s;
  2305. -o-transition: all 0.5s;
  2306. transition: all 0.5s;
  2307. }
  2308. [id^="sm-hub-testimonials-2"] .slick-dots li:last-child {
  2309. padding-right: 50px;
  2310. }
  2311. [id^="sm-hub-testimonials-2"] .slick-dots li.slick-active::before {
  2312. content: '';
  2313. position: absolute;
  2314. top: 7px;
  2315. left: 0;
  2316. width: 16px;
  2317. height: 6px;
  2318. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d0a1948b8f4200001e1b684/1560942920871/arrow-active.png") no-repeat;
  2319. background-size: contain;
  2320. }
  2321. [id^="sm-hub-testimonials-2"] .slick-dots li.slick-active {
  2322. color: #EFC6A1;
  2323. padding-left: 25px;
  2324. }
  2325. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 {
  2326. padding-bottom: 0 !important;
  2327. }
  2328. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
  2329. padding-bottom: 0 !important;
  2330. margin-bottom: 0 !important;
  2331. min-height: 385px;
  2332. display: flex;
  2333. outline: none;
  2334. }
  2335. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-excerpt {
  2336. margin-top: 35px;
  2337. max-width: 700px;
  2338. }
  2339. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-thumbnail-outer-container {
  2340. order: 2;
  2341. display: flex;
  2342. flex-direction: column;
  2343. justify-content: flex-end;
  2344. }
  2345. @media(max-width: 1199px) {
  2346. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-excerpt p {
  2347. font-size: 35px;
  2348. }
  2349. }
  2350. @media(max-width: 767px) {
  2351. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-excerpt p {
  2352. font-size: 30px;
  2353. }
  2354. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
  2355. min-height: 330px;
  2356. }
  2357. }
  2358. @media(max-width: 640px) {
  2359. [id^="sm-hub-testimonials-2"] .Index-page-content {
  2360. padding: 40px 20px;
  2361. }
  2362. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-excerpt p {
  2363. font-size: 25px;
  2364. }
  2365. [id^="sm-hub-testimonials-2"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
  2366. min-height: 360px;
  2367. }
  2368. [id^="sm-hub-testimonials-2"] .slick-dots {
  2369. display: block;
  2370. max-width: 65%;
  2371. }
  2372. [id^="sm-hub-testimonials-2"] .slick-dots li {
  2373. display: block;
  2374. }
  2375. }
  2376.  
  2377. /* Hub Price 5 */
  2378. [id^="sm-hub-price-5"] h2 {
  2379. font-family: freight-big-pro;
  2380. font-weight: 400;
  2381. font-style: normal;
  2382. font-size: 45px;
  2383. letter-spacing: 0.01em;
  2384. line-height: 1.2em;
  2385. text-transform: none;
  2386. margin-top: 90px !important;
  2387. margin-bottom: 20px;
  2388. }
  2389. [id^="sm-hub-price-5"] h3 {
  2390. font-family: Questrial;
  2391. font-weight: 400;
  2392. font-style: normal;
  2393. font-size: 18px;
  2394. letter-spacing: 0.13em;
  2395. line-height: 1.55em;
  2396. text-transform: uppercase;
  2397. margin-bottom: 40px !important;
  2398. }
  2399. [id^="sm-hub-price-5"] p {
  2400. font-family: freight-sans-pro;
  2401. font-weight: 400;
  2402. font-style: normal;
  2403. font-size: 15px;
  2404. letter-spacing: 0;
  2405. line-height: 1.67em;
  2406. text-transform: none;
  2407. color: #4a4a4a;
  2408. max-width: 450px;
  2409. margin-top: 2px;
  2410. margin-bottom: 0;
  2411. }
  2412. [id^="sm-hub-price-5"] code {
  2413. font-family: Questrial;
  2414. font-size: 10px;
  2415. line-height: 2em;
  2416. letter-spacing: 0.4em;
  2417. color: #494949;
  2418. display: inline-block;
  2419. width: 100%;
  2420. text-align: right;
  2421. box-sizing: border-box;
  2422. padding-left: 0;
  2423. padding-right: 40px;
  2424. margin-top: 20px;
  2425. }
  2426. [id^="sm-hub-price-5"] code:before {
  2427. top: -2px;
  2428. right: 0;
  2429. }
  2430. [id^="sm-hub-price-5"] code:after {
  2431. top: 4px;
  2432. right: 4px;
  2433. }
  2434. [id^="sm-hub-price-5"] .Index-page-content {
  2435. padding: 85px 40px 60px;
  2436. }
  2437. [id^="sm-hub-price-5"] .Index-page-content .sqs-row .sqs-col-12 .sqs-row {
  2438. position: relative;
  2439. }
  2440. [id^="sm-hub-price-5"] .Index-page-content .sqs-row .sqs-col-12 > .sqs-row:before {
  2441. content: '';
  2442. position: absolute;
  2443. bottom: -15px;
  2444. right: 17px;
  2445. width: 90%;
  2446. height: 85%;
  2447. display: block;
  2448. background: #fbfaf6;
  2449. z-index: 0;
  2450. }
  2451. [id^="sm-hub-price-5"] .Index-page-content .sqs-row .sqs-col-12 > .sqs-row:last-child::before {
  2452. right: auto;
  2453. left: 17px;
  2454. }
  2455. [id^="sm-hub-price-5"] .Index-page-content .sqs-row .sqs-col-12 > .sqs-row:last-child code {
  2456. text-align: left;
  2457. width: auto;
  2458. }
  2459. [id^="sm-hub-price-5"] .sqs-col-12 .sqs-row > .sqs-col-6:last-child,
  2460. [id^="sm-hub-price-5"] .Index-page-content .sqs-row .sqs-col-12 > .sqs-row:last-child .sqs-col-6:first-child {
  2461. padding-left: 30px;
  2462. box-sizing: border-box;
  2463. }
  2464. [id^="sm-hub-price-5"] .Index-page-content .sqs-row .sqs-col-12 > .sqs-row:last-child .sqs-col-6:last-child .sqs-block-html {
  2465. padding-top: 0;
  2466. }
  2467. [id^="sm-hub-price-5"] .sqs-col-3 .sqs-block-html {
  2468. padding-top: 5px !important;
  2469. padding-bottom: 5px !important;
  2470. }
  2471. [id^="sm-hub-price-5"] ul {
  2472. margin-top: 7px !important;
  2473. padding-left: 30px;
  2474. }
  2475. [id^="sm-hub-price-5"] li {
  2476. position: relative;
  2477. }
  2478. [id^="sm-hub-price-5"] li p {
  2479. margin-top: 0;
  2480. margin-bottom: 0;
  2481. }
  2482. [id^="sm-hub-price-5"] ul[data-rte-list] li>*:first-child::before {
  2483. display: none;
  2484. }
  2485. [id^="sm-hub-price-5"] li:before {
  2486. content: '';
  2487. position: absolute;
  2488. width: 11px;
  2489. height: 6px;
  2490. top: 9px;
  2491. left: -30px;
  2492. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d01f867c13aea000186eef1/1560410215412/list-icon.png") no-repeat;
  2493. background-size: contain;
  2494. }
  2495. [id^="sm-hub-price-5"] .sqs-col-6:first-child .sqs-block-html:last-child {
  2496. padding-top: 0;
  2497. }
  2498. [id^="sm-hub-price-5"] pre {
  2499. overflow: hidden;
  2500. max-width: 100%;
  2501. }
  2502. @media(max-width: 1199px) {
  2503. [id^="sm-hub-price-5"] .Index-page-content {
  2504. padding: 50px 20px 45px;
  2505. }
  2506. [id^="sm-hub-price-5"] h3 {
  2507. margin-bottom: 10px !important;
  2508. }
  2509. [id^="sm-hub-price-5"] h2 {
  2510. font-size: 40px;
  2511. }
  2512. }
  2513. @media(max-width: 991px) {
  2514. [id^="sm-hub-price-5"] h2 {
  2515. font-size: 30px;
  2516. }
  2517. [id^="sm-hub-price-5"] .sqs-col-12 .sqs-row>.sqs-col-6:last-child {
  2518. padding-left: 0;
  2519. }
  2520. }
  2521. @media(max-width: 640px) {
  2522. [id^="sm-hub-price-5"] h2 {
  2523. font-size: 28px;
  2524. margin-top: 0 !important;
  2525. }
  2526. [id^="sm-hub-price-5"] .Index-page-content .sqs-row .sqs-col-12 > .sqs-row:last-child h2 {
  2527. margin-top: 20px !important;
  2528. }
  2529. [id^="sm-hub-price-5"] .Index-page-content .sqs-layout:before {
  2530. width: 100%;
  2531. }
  2532. [id^="sm-hub-price-5"] .sqs-col-12 .sqs-row>.sqs-col-6:last-child {
  2533. padding-left: 20px;
  2534. padding-right: 20px;
  2535. }
  2536. [id^="sm-hub-price-5"] pre {
  2537. padding-right: 20px;
  2538. }
  2539. [id^="sm-hub-price-5"] .Index-page-content .sqs-row .sqs-col-12 > .sqs-row:before {
  2540. width: calc(~"100% - 34px");
  2541. height: 100%;
  2542. left: 17px;
  2543. right: 17px;
  2544. }
  2545. [id^="sm-hub-price-5"] code,
  2546. [id^="sm-hub-price-5"] .Index-page-content .sqs-row .sqs-col-12 > .sqs-row:last-child code {
  2547. text-align: right;
  2548. width: 100%;
  2549. }
  2550. [id^="sm-hub-price-5"] .sqs-col-12 .sqs-row>.sqs-col-6:last-child,
  2551. [id^="sm-hub-price-5"] .Index-page-content .sqs-row .sqs-col-12>.sqs-row:last-child .sqs-col-6:first-child {
  2552. padding-left: 17px;
  2553. }
  2554. }
  2555.  
  2556. /* Hub Price 2 */
  2557. [id^="sm-hub-price-2"] h2 {
  2558. font-family: freight-big-pro;
  2559. font-size: 35px;
  2560. letter-spacing: 0.01em;
  2561. line-height: 1.25em;
  2562. color: #494949;
  2563. margin-top: 0;
  2564. margin-bottom: 0;
  2565. }
  2566. [id^="sm-hub-price-2"] h3 {
  2567. font-family: Questrial;
  2568. font-size: 9px;
  2569. letter-spacing: 0.4em;
  2570. line-height: 2.2em;
  2571. color: #494949;
  2572. margin-bottom: 35px;
  2573. }
  2574. [id^="sm-hub-price-2"] p {
  2575. font-family: freight-sans-pro;
  2576. font-size: 15px;
  2577. letter-spacing: 0;
  2578. line-height: 1.67em;
  2579. color: #494949;
  2580. }
  2581. [id^="sm-hub-price-2"] .Index-page-content {
  2582. padding: 50px 75px;
  2583. }
  2584. [id^="sm-hub-price-2"] h2:last-child {
  2585. margin-bottom: 50px !important;
  2586. }
  2587. [id^="sm-hub-price-2"] .sqs-row .sqs-row {
  2588. display: flex;
  2589. }
  2590. [id^="sm-hub-price-2"] .sqs-col-4 {
  2591. background: #E5E2DC;
  2592. margin-left: 37px;
  2593. margin-right: 37px;
  2594. -webkit-transition: all 0.3s;
  2595. -moz-transition: all 0.3s;
  2596. -ms-transition: all 0.3s;
  2597. -o-transition: all 0.3s;
  2598. transition: all 0.3s;
  2599. }
  2600. [id^="sm-hub-price-2"] .sqs-col-4.sm-hub-package-active {
  2601. background: #A29E97;
  2602. }
  2603. [id^="sm-hub-price-2"] .sqs-col-4.sm-hub-package-active p,
  2604. [id^="sm-hub-price-2"] .sqs-col-4.sm-hub-package-active h3 {
  2605. color: #fff;
  2606. }
  2607. [id^="sm-hub-price-2"] .sqs-col-4 p {
  2608. max-width: 200px;
  2609. margin: 0 auto;
  2610. }
  2611. [id^="sm-hub-price-2"] .sqs-col-4 h3 {
  2612. font-size: 15px;
  2613. line-height: 1.8em;
  2614. letter-spacing: 0.13em;
  2615. margin-top: 15px !important;
  2616. margin-bottom: 25px;
  2617. }
  2618. [id^="sm-hub-price-2"] .sqs-layout .sqs-row .sqs-col-4 .sqs-block-image {
  2619. padding: 0 !important;
  2620. }
  2621. [id^="sm-hub-price-2"] .sqs-block-horizontalrule hr {
  2622. background-color: #D8D8D8;
  2623. margin-bottom: 0;
  2624. }
  2625. [id^="sm-hub-price-2"] code {
  2626. display: block;
  2627. padding-left: 0;
  2628. margin-top: 15px;
  2629. margin-bottom: 5px;
  2630. font-family: Questrial;
  2631. font-size: 12px;
  2632. line-height: 2em;
  2633. letter-spacing: 0.4em;
  2634. color: #494949;
  2635. }
  2636. [id^="sm-hub-price-2"] code:before {
  2637. background: transparent;
  2638. border-color: #494949;
  2639. top: 0;
  2640. }
  2641. [id^="sm-hub-price-2"] code:after {
  2642. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d5d2d9b9af98c000115d0e0/1566387611363/new-check-white.png") no-repeat;
  2643. background-size: contain;
  2644. top: 6px;
  2645. }
  2646. [id^="sm-hub-price-2"] .sqs-col-4.sm-hub-package-active code {
  2647. color: #fff;
  2648. }
  2649. [id^="sm-hub-price-2"] .sqs-col-4.sm-hub-package-active code:before {
  2650. border-color: #fff;
  2651. }
  2652. @media(max-width: 1199px) {
  2653. [id^="sm-hub-price-2"] .sqs-col-4 h3 {
  2654. margin-bottom: 15px;
  2655. }
  2656. }
  2657. @media(max-width: 991px) {
  2658. [id^="sm-hub-price-2"] .Index-page-content {
  2659. padding: 50px 30px;
  2660. }
  2661. [id^="sm-hub-price-2"] .sqs-col-4 {
  2662. margin-left: 15px;
  2663. margin-right: 15px;
  2664. }
  2665. }
  2666. @media(max-width: 767px) {
  2667. [id^="sm-hub-price-2"] h2:last-child {
  2668. margin-bottom: 30px !important;
  2669. }
  2670. [id^="sm-hub-price-2"] h3 {
  2671. margin-bottom: 20px;
  2672. }
  2673. [id^="sm-hub-price-2"] .sqs-col-4 h3 {
  2674. font-size: 12px;
  2675. margin-top: 5px !important;
  2676. }
  2677. }
  2678. @media(max-width: 640px) {
  2679. [id^="sm-hub-price-2"] h2 {
  2680. font-size: 30px;
  2681. }
  2682. [id^="sm-hub-price-2"] .sqs-row .sqs-row {
  2683. display: block;
  2684. }
  2685. [id^="sm-hub-price-2"] .sqs-col-4 {
  2686. margin-bottom: 20px;
  2687. }
  2688. }
  2689.  
  2690. /* Hub Video 1 */
  2691. [id^="sm-hub-video-1"] .video-caption p {
  2692. font-family: freight-big-pro;
  2693. font-size: 22px;
  2694. letter-spacing: 0.04em;
  2695. line-height: 1em;
  2696. color: #fff;
  2697. text-align: center;
  2698. margin-top: 0;
  2699. margin-bottom: 0;
  2700. }
  2701. [id^="sm-hub-video-1"] .video-caption p strong {
  2702. font-family: Questrial;
  2703. font-size: 10px;
  2704. letter-spacing: 0.4em;
  2705. line-height: 2em;
  2706. color: #fff;
  2707. text-transform: uppercase;
  2708. text-align: center;
  2709. }
  2710. [id^="sm-hub-video-1"] {
  2711. background: #A29E97;
  2712. }
  2713. [id^="sm-hub-testimonials-1"]:before {
  2714. content: '';
  2715. position: absolute;
  2716. bottom: 0;
  2717. left: 0;
  2718. width: 100%;
  2719. height: 120px;
  2720. background: #fff;
  2721. }
  2722. [id^="sm-hub-video-1"] .Index-page-content {
  2723. padding: 65px 110px 30px;
  2724. }
  2725. [id^="sm-hub-video-1"] .sqs-block-video {
  2726. padding-bottom: 10px !important;
  2727. }
  2728. [id^="sm-hub-video-1"] .video-caption-wrapper {
  2729. margin-top: 30px;
  2730. }
  2731. [id^="sm-hub-video-1"] .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
  2732. width: 59px;
  2733. height: 59px;
  2734. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1f3c31d7cf6b00012a598a/1562328113780/play-icon.png") no-repeat;
  2735. background-size: contain;
  2736. }
  2737. @media(max-width: 991px) {
  2738. [id^="sm-hub-video-1"] .Index-page-content {
  2739. padding: 50px 50px 30px;
  2740. }
  2741. }
  2742. @media(max-width: 640px) {
  2743. [id^="sm-hub-video-1"] .Index-page-content {
  2744. padding: 10px 25px 10px;
  2745. }
  2746. [id^="sm-hub-video-1"] .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
  2747. width: 40px;
  2748. height: 40px;
  2749. margin-left: -20px;
  2750. margin-top: -20px;
  2751. }
  2752. }
  2753.  
  2754. /* Hub Info 7 */
  2755. [id^="sm-hub-info-7"] h2 {
  2756. font-family: freight-big-pro;
  2757. font-weight: 400;
  2758. font-style: normal;
  2759. font-size: 35px;
  2760. letter-spacing: 0.02em;
  2761. line-height: 1.25em;
  2762. text-transform: none;
  2763. max-width: 390px;
  2764. margin: 0 auto 30px;
  2765. }
  2766. [id^="sm-hub-info-7"] p {
  2767. font-family: freight-sans-pro;
  2768. font-weight: 400;
  2769. font-style: normal;
  2770. font-size: 15px;
  2771. letter-spacing: 0;
  2772. line-height: 1.67em;
  2773. text-transform: none;
  2774. color: #4a4a4a;
  2775. max-width: 360px;
  2776. margin: 0 auto 25px;
  2777. }
  2778. [id^="sm-hub-info-7"] p a {
  2779. font-family: Poppins;
  2780. font-size: 10px;
  2781. font-weight: 400;
  2782. letter-spacing: 0.3em;
  2783. line-height: 1.5em;
  2784. padding: 2px 0;
  2785. color: #000 !important;
  2786. text-transform: uppercase;
  2787. border: none !important;
  2788. border-bottom: 1px solid #000 !important;
  2789. display: inline-block;
  2790. margin-top: 25px;
  2791. }
  2792. [id^="sm-hub-info-7"] .sqs-block-button-element:hover {
  2793. background: none !important;
  2794. }
  2795. [id^="sm-hub-info-7"] {
  2796. background: #FBFAF6;
  2797. }
  2798. [id^="sm-hub-info-7"]:before {
  2799. content: '';
  2800. position: absolute;
  2801. width: 65%;
  2802. height: 100%;
  2803. top: 0;
  2804. left: 0;
  2805. background: #EBECE8;
  2806. }
  2807. [id^="sm-hub-info-7"] .sqs-row {
  2808. display: flex;
  2809. align-items: center;
  2810. }
  2811. [id^="sm-hub-info-7"] .Index-page-content {
  2812. padding: 90px 40px 65px;
  2813. }
  2814. @media(max-width: 1199px) {
  2815. [id^="sm-hub-info-7"] h2 {
  2816. font-size: 28px;
  2817. }
  2818. [id^="sm-hub-info-7"] p a {
  2819. margin-top: 15px;
  2820. }
  2821. }
  2822. @media(max-width: 991px) {
  2823. [id^="sm-hub-info-7"] .Index-page-content {
  2824. padding: 50px 40px 35px;
  2825. }
  2826. [id^="sm-hub-info-7"] p a {
  2827. margin-top: 0;
  2828. }
  2829. }
  2830. @media(max-width: 767px) {
  2831. [id^="sm-hub-info-7"] h2 {
  2832. font-size: 24px;
  2833. }
  2834. }
  2835. @media(max-width: 640px) {
  2836. [id^="sm-hub-info-7"] .sqs-row {
  2837. display: block;
  2838. }
  2839. [id^="sm-hub-info-7"] .Index-page-content {
  2840. padding: 20px 20px 10px;
  2841. }
  2842. [id^="sm-hub-info-7"]:before {
  2843. width: 100%;
  2844. }
  2845. }
  2846.  
  2847. /* Hub Image Cards 1 */
  2848. [id^="sm-hub-image-cards-1"] h2 {
  2849. font-family: freight-big-pro;
  2850. font-size: 35px;
  2851. font-weight: normal;
  2852. letter-spacing: 0.02em;
  2853. line-height: 1.25em;
  2854. color: #494949;
  2855. margin-bottom: 25px !important;
  2856. }
  2857. [id^="sm-hub-image-cards-1"] .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-title p {
  2858. font-family: freight-big-pro;
  2859. font-size: 35px !important;
  2860. font-weight: normal;
  2861. letter-spacing: 0.02em;
  2862. line-height: 1.22em;
  2863. color: #fff;
  2864. text-transform: none;
  2865. }
  2866. [id^="sm-hub-image-cards-1"] .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-subtitle p {
  2867. font-family: freight-sans-pro;
  2868. font-size: 15px !important;
  2869. font-weight: normal;
  2870. letter-spacing: 0;
  2871. line-height: 2.26em;
  2872. color: #fff;
  2873. text-transform: none;
  2874. margin-top: 0;
  2875. margin-bottom: 0;
  2876. }
  2877. [id^="sm-hub-image-cards-1"] .Index-page-content {
  2878. padding: 50px 40px;
  2879. }
  2880. [id^="sm-hub-image-cards-1"] .sqs-block-image .design-layout-poster .image-title-wrapper {
  2881. margin-bottom: 0;
  2882. -webkit-transition: all 0.6s;
  2883. -moz-transition: all 0.6s;
  2884. -ms-transition: all 0.6s;
  2885. -o-transition: all 0.6s;
  2886. transition: all 0.6s;
  2887. }
  2888. [id^="sm-hub-image-cards-1"] .sqs-block-image:hover .design-layout-poster .image-title-wrapper {
  2889. margin-bottom: 50px;
  2890. }
  2891. [id^="sm-hub-image-cards-1"] .sqs-block-image .design-layout-poster .image-subtitle-wrapper {
  2892. position: absolute;
  2893. bottom: -140px;
  2894. left: 50%;
  2895. transform: translateX(-50%);
  2896. -webkit-transition: all 0.6s;
  2897. -moz-transition: all 0.6s;
  2898. -ms-transition: all 0.6s;
  2899. -o-transition: all 0.6s;
  2900. transition: all 0.6s;
  2901. }
  2902. [id^="sm-hub-image-cards-1"] .sqs-block-image:hover .design-layout-poster .image-subtitle-wrapper {
  2903. position: absolute;
  2904. bottom: 45px;
  2905. }
  2906. [id^="sm-hub-image-cards-1"] .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-overlay {
  2907. background: rgba(0,0,0,0.1);
  2908. }
  2909. [id^="sm-hub-image-cards-1"] .sqs-block-image:hover .image-block-outer-wrapper.image-block-v2 .image-overlay {
  2910. background: rgba(0,0,0,0.4);
  2911. }
  2912. [id^="sm-hub-image-cards-1"] .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card {
  2913. width: 60%;
  2914. }
  2915. [id^="sm-hub-image-cards-1"] .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card-wrapper {
  2916. overflow: hidden;
  2917. }
  2918. [id^="sm-hub-contact-4"] .textarea:last-child {
  2919. display: none;
  2920. }
  2921. @media(max-width: 1199px) {
  2922. [id^="sm-hub-image-cards-1"] h2 {
  2923. margin-bottom: 0 !important;
  2924. }
  2925. [id^="sm-hub-image-cards-1"] .sqs-block-image:hover .design-layout-poster .image-title-wrapper {
  2926. margin-bottom: 100px;
  2927. }
  2928. }
  2929. @media(max-width: 991px) {
  2930. [id^="sm-hub-image-cards-1"] .sqs-block-image .design-layout-poster .image-subtitle-wrapper {
  2931. bottom: -200px;
  2932. }
  2933. [id^="sm-hub-image-cards-1"] .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-subtitle p {
  2934. line-height: 1.4em;
  2935. }
  2936. [id^="sm-hub-image-cards-1"] .sqs-block-image:hover .design-layout-poster .image-subtitle-wrapper {
  2937. bottom: 10px;
  2938. }
  2939. [id^="sm-hub-image-cards-1"] .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card {
  2940. display: flex;
  2941. align-items: center;
  2942. justify-content: center;
  2943. flex-direction: column;
  2944. width: 100%;
  2945. height: 100%;
  2946. }
  2947. }
  2948. @media(max-width: 767px) {
  2949. [id^="sm-hub-image-cards-1"] .Index-page-content {
  2950. padding: 40px 20px;
  2951. }
  2952. }
  2953. @media(max-width: 640px) {
  2954. [id^="sm-hub-image-cards-1"] .Index-page-content {
  2955. padding: 10px 20px 10px;
  2956. }
  2957. [id^="sm-hub-image-cards-1"] h2 {
  2958. font-size: 30px;
  2959. }
  2960. }
  2961.  
  2962. /* Hub Info 6 */
  2963. [id^="sm-hub-info-6"] h2 {
  2964. font-family: freight-big-pro;
  2965. font-weight: 400;
  2966. font-style: normal;
  2967. font-size: 35px;
  2968. letter-spacing: 0.02em;
  2969. line-height: 1.25em;
  2970. text-transform: none;
  2971. max-width: 390px;
  2972. margin: 0 auto 30px;
  2973. }
  2974. [id^="sm-hub-info-6"] p {
  2975. font-family: freight-sans-pro;
  2976. font-weight: 400;
  2977. font-style: normal;
  2978. font-size: 15px;
  2979. letter-spacing: 0;
  2980. line-height: 1.67em;
  2981. text-transform: none;
  2982. color: #4a4a4a;
  2983. max-width: 360px;
  2984. margin: 0 auto 25px;
  2985. }
  2986. [id^="sm-hub-info-6"] p a {
  2987. font-family: Poppins;
  2988. font-size: 10px;
  2989. font-weight: 400;
  2990. letter-spacing: 0.3em;
  2991. line-height: 1.5em;
  2992. padding: 2px 0;
  2993. color: #000 !important;
  2994. text-transform: uppercase;
  2995. border: none !important;
  2996. border-bottom: 1px solid #000 !important;
  2997. display: inline-block;
  2998. margin-top: 25px;
  2999. }
  3000. [id^="sm-hub-info-6"] .sqs-block-button-element:hover {
  3001. background: none !important;
  3002. }
  3003. [id^="sm-hub-info-6"] {
  3004. background: #FBFAF6;
  3005. }
  3006. [id^="sm-hub-info-6"]:before {
  3007. content: '';
  3008. position: absolute;
  3009. width: 65%;
  3010. height: 100%;
  3011. top: 0;
  3012. right: 0;
  3013. background: #EBECE8;
  3014. }
  3015. [id^="sm-hub-info-6"] .sqs-row {
  3016. display: flex;
  3017. align-items: center;
  3018. }
  3019. [id^="sm-hub-info-6"] .Index-page-content {
  3020. padding: 90px 40px 65px;
  3021. }
  3022. @media(max-width: 1199px) {
  3023. [id^="sm-hub-info-6"] h2 {
  3024. font-size: 28px;
  3025. }
  3026. [id^="sm-hub-info-6"] p a {
  3027. margin-top: 15px;
  3028. }
  3029. }
  3030. @media(max-width: 991px) {
  3031. [id^="sm-hub-info-6"] .Index-page-content {
  3032. padding: 50px 40px 35px;
  3033. }
  3034. [id^="sm-hub-info-6"] p a {
  3035. margin-top: 0;
  3036. }
  3037. }
  3038. @media(max-width: 767px) {
  3039. [id^="sm-hub-info-6"] h2 {
  3040. font-size: 24px;
  3041. }
  3042. }
  3043. @media(max-width: 640px) {
  3044. [id^="sm-hub-info-6"] .sqs-row {
  3045. display: block;
  3046. }
  3047. [id^="sm-hub-info-6"] .Index-page-content {
  3048. padding: 10px 20px 15px;
  3049. }
  3050. [id^="sm-hub-info-6"]:before {
  3051. width: 100%;
  3052. }
  3053. }
  3054.  
  3055. /* Hub FAQ 3 */
  3056. [id^="sm-hub-faq-3"] h2 {
  3057. font-family: freight-big-pro;
  3058. font-weight: 400;
  3059. font-style: normal;
  3060. font-size: 35px;
  3061. letter-spacing: 0.05em;
  3062. line-height: 1.2em;
  3063. color: #494949;
  3064. text-transform: uppercase;
  3065. margin-bottom: 15px !important;
  3066. }
  3067. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-title a {
  3068. font-family: freight-big-pro;
  3069. font-weight: 400;
  3070. font-style: normal;
  3071. font-size: 20px;
  3072. letter-spacing: 0.015em;
  3073. line-height: 1.2em;
  3074. color: #494949;
  3075. text-transform: none;
  3076. pointer-events: none;
  3077. }
  3078. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-excerpt p {
  3079. font-family: freight-sans-pro;
  3080. font-size: 15px;
  3081. line-height: 1.67em;
  3082. letter-spacing: 0;
  3083. color: #494949;
  3084. }
  3085. [id^="sm-hub-faq-3"] .summary-title:before {
  3086. font-family: Questrial;
  3087. font-weight: 400;
  3088. font-style: normal;
  3089. font-size: 10px;
  3090. letter-spacing: 0.2em;
  3091. line-height: 2em;
  3092. color: #fff;
  3093. position: absolute;
  3094. top: 27px;
  3095. left: 27px;
  3096. }
  3097. [id^="sm-hub-faq-3"] .sqs-block-button .sqs-block-button-element {
  3098. font-family: Poppins;
  3099. font-weight: 400;
  3100. font-style: normal;
  3101. font-size: 10px;
  3102. letter-spacing: 0.3em;
  3103. line-height: 1.5em;
  3104. color: #000;
  3105. background: #EFC6A1;
  3106. border-radius: 3px;
  3107. padding: 14px 46px;
  3108. }
  3109. [id^="sm-hub-faq-3"] {
  3110. background: #FBFAF6;
  3111. }
  3112. [id^="sm-hub-faq-3"] .Index-page-content {
  3113. padding: 80px 80px 90px;
  3114. }
  3115. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-item:nth-child(even) {
  3116. background: #F5EFE4;
  3117. }
  3118. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-excerpt {
  3119. box-sizing: border-box;
  3120. padding-left: 100px;
  3121. max-width: 550px;
  3122. }
  3123. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-title {
  3124. position: relative;
  3125. padding-top: 25px;
  3126. padding-left: 70px;
  3127. max-width: 500px;
  3128. margin-bottom: 25px;
  3129. }
  3130. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-title:before {
  3131. content: "0" counter(sm-hub-faq-3-counter)".";
  3132. color: #494949;
  3133. }
  3134. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-item {
  3135. counter-increment: sm-hub-faq-3-counter;
  3136. outline: none;
  3137. padding-bottom: 0 !important;
  3138. margin-bottom: 5px !important;
  3139. }
  3140. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 {
  3141. counter-reset: sm-hub-faq-3-counter;
  3142. }
  3143. @media(max-width: 1199px) {
  3144. [id^="sm-hub-faq-3"] .Index-page-content {
  3145. padding: 50px 40px;
  3146. }
  3147. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-excerpt {
  3148. max-width: 500px;
  3149. }
  3150. [id^="sm-hub-faq-3"] h2 {
  3151. font-size: 30px;
  3152. }
  3153. }
  3154. @media(max-width: 991px) {
  3155. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-title {
  3156. padding-top: 22px;
  3157. padding-left: 50px;
  3158. padding-right: 20px;
  3159. margin-bottom: 10px;
  3160. }
  3161. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-excerpt {
  3162. padding-left: 55px;
  3163. padding-right: 10px;
  3164. padding-bottom: 10px;
  3165. }
  3166. }
  3167. @media(max-width: 767px) {
  3168. [id^="sm-hub-faq-3"] h2 {
  3169. font-size: 25px;
  3170. }
  3171. }
  3172. @media(max-width: 767px) {
  3173. [id^="sm-hub-faq-3"] .Index-page-content {
  3174. padding: 20px;
  3175. }
  3176. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container,
  3177. [id^="sm-hub-faq-3"] .sqs-gallery-design-list .sqs-gallery-design-list-slide .sqs-gallery-meta-container {
  3178. width: 100% !important;
  3179. }
  3180. [id^="sm-hub-faq-3"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item .summary-thumbnail-container {
  3181. padding-right: 0;
  3182. }
  3183. [id^="sm-hub-faq-3"] .sqs-block-button .sqs-block-button-container--right {
  3184. text-align: center;
  3185. }
  3186. [id^="sm-hub-faq-3"] h2 {
  3187. margin-bottom: 0 !important;
  3188. }
  3189. }
  3190.  
  3191. /* Hub CTA 1 */
  3192. [id^="sm-hub-cta-1"] h2 {
  3193. font-family: freight-big-pro;
  3194. font-weight: 400;
  3195. font-style: normal;
  3196. font-size: 22px;
  3197. letter-spacing: 0.04em;
  3198. line-height: 1.23em;
  3199. color: #fff;
  3200. text-transform: uppercase;
  3201. }
  3202. [id^="sm-hub-cta-1"] h3 {
  3203. font-family: Questrial;
  3204. font-weight: 400;
  3205. font-style: normal;
  3206. font-size: 15px;
  3207. letter-spacing: 0.13em;
  3208. line-height: 1.67em;
  3209. color: #fff;
  3210. text-transform: uppercase;
  3211. max-width: 240px;
  3212. margin: 0 auto;
  3213. }
  3214. [id^="sm-hub-cta-1"] p {
  3215. font-family: freight-sans-pro;
  3216. font-weight: 400;
  3217. font-style: normal;
  3218. font-size: 15px;
  3219. letter-spacing: 0;
  3220. line-height: 1.67em;
  3221. color: #fff;
  3222. text-transform: none;
  3223. max-width: 200px;
  3224. }
  3225. [id^="sm-hub-cta-1"] .sqs-block-button-element {
  3226. font-family: Poppins;
  3227. font-weight: 400;
  3228. font-style: normal;
  3229. font-size: 10px;
  3230. letter-spacing: 0.3em;
  3231. line-height: 1.5em;
  3232. text-transform: uppercase;
  3233. color: #fff;
  3234. background: #494949;
  3235. border-radius: 3px !important;
  3236. padding: 15px 42px;
  3237. }
  3238. [id^="sm-hub-cta-1"] {
  3239. background: #AFADA9;
  3240. overflow: visible;
  3241. }
  3242. [id^="sm-hub-cta-1"] .Index-page-content {
  3243. padding: 0;
  3244. }
  3245. [id^="sm-hub-cta-1"] .sqs-row .sqs-row .col {
  3246. position: relative;
  3247. padding-top: 55px;
  3248. padding-bottom: 20px;
  3249. }
  3250. [id^="sm-hub-cta-1"] .sqs-col-3 h2 {
  3251. max-width: 180px;
  3252. padding-left: 15px;
  3253. margin-bottom: 15px !important;
  3254. }
  3255. [id^="sm-hub-cta-1"] .sqs-col-2 .sqs-block-image {
  3256. margin-top: -90px;
  3257. padding-bottom: 0;
  3258. }
  3259. [id^="sm-hub-cta-1"] .sqs-col-4:last-child {
  3260. background: #A29E97;
  3261. }
  3262. [id^="sm-hub-cta-1"] .sqs-col-4:last-child::before {
  3263. content: '';
  3264. position: absolute;
  3265. top: 30%;
  3266. left: -15px;
  3267. width: 32px;
  3268. height: 9px;
  3269. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d16061f6789ae000102c213/1561724447724/arrow-right.png") no-repeat;
  3270. background-size: contain;
  3271. }
  3272. [id^="sm-hub-cta-1"]:before {
  3273. content: '';
  3274. position: absolute;
  3275. top: 0;
  3276. right: 0;
  3277. height: 100%;
  3278. width: 35%;
  3279. background: #A29E97;
  3280. }
  3281. [id^="sm-hub-cta-1"] .sqs-block-button-element {
  3282. position: relative;
  3283. padding: 14px 30px 14px 80px;
  3284. }
  3285. [id^="sm-hub-cta-1"] .sqs-block-button-element:before {
  3286. content: '';
  3287. position: absolute;
  3288. top: 12px;
  3289. left: 30px;
  3290. width: 21px;
  3291. height: 16px;
  3292. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1603f2a1c4c400018bc41d/1561723890085/download-icon.png") no-repeat;
  3293. background-size: contain;
  3294. }
  3295. [id^="sm-hub-cta-1"] .sqs-row .sqs-row {
  3296. display: flex;
  3297. }
  3298. [id^="sm-hub-cta-1"] .sqs-row .sqs-row .sqs-col-3 {
  3299. display: flex;
  3300. align-items: flex-end;
  3301. }
  3302. @media(max-width: 991px) {
  3303. [id^="sm-hub-cta-1"] .sqs-row .sqs-row .col {
  3304. padding-top: 30px;
  3305. padding-bottom: 15px;
  3306. }
  3307. [id^="sm-hub-cta-1"] .sqs-col-2 .sqs-block-image {
  3308. margin-top: -50px;
  3309. }
  3310. [id^="sm-hub-cta-1"] .sqs-col-4:last-child::before {
  3311. top: 25%;
  3312. width: 20px;
  3313. }
  3314. }
  3315. @media(max-width: 640px) {
  3316. [id^="sm-hub-cta-1"] .sqs-row .sqs-row .sqs-col-3,
  3317. [id^="sm-hub-cta-1"] .sqs-row .sqs-row {
  3318. display: block;
  3319. }
  3320. [id^="sm-hub-cta-1"] .Index-page-content {
  3321. padding: 10px 20px;
  3322. }
  3323. [id^="sm-hub-cta-1"] .sqs-row .sqs-row .col {
  3324. padding: 0;
  3325. }
  3326. [id^="sm-hub-cta-1"]:before {
  3327. width: 100%;
  3328. }
  3329. [id^="sm-hub-cta-1"] .sqs-col-2 .sqs-block-image {
  3330. margin-top: 0;
  3331. }
  3332. [id^="sm-hub-cta-1"] .sqs-col-3 h2 {
  3333. max-width: 100%;
  3334. padding-left: 0;
  3335. margin-bottom: 0 !important;
  3336. }
  3337. [id^="sm-hub-cta-1"] p {
  3338. max-width: 100%;
  3339. }
  3340. [id^="sm-hub-cta-1"] .sqs-col-4:last-child::before {
  3341. display: none;
  3342. }
  3343. }
  3344.  
  3345. /* Hub Contact 2 */
  3346. [id^="sm-hub-contact-2"] h2 {
  3347. font-family: freight-big-pro;
  3348. font-size: 45px;
  3349. letter-spacing: 0.01em;
  3350. line-height: 1.24em;
  3351. color: #494949;
  3352. margin-bottom: 10px !important;
  3353. }
  3354. [id^="sm-hub-contact-2"] p {
  3355. font-family: freight-big-pro;
  3356. font-size: 22px;
  3357. letter-spacing: 0.04em;
  3358. line-height: 1.22em;
  3359. color: #494949;
  3360. margin-top: 8px !important;
  3361. margin-bottom: 18px;
  3362. }
  3363. [id^="sm-hub-contact-2"] h3 {
  3364. font-family: Questrial;
  3365. font-size: 10px;
  3366. letter-spacing: 0.4em;
  3367. line-height: 2em;
  3368. color: #494949;
  3369. text-transform: uppercase;
  3370. margin-top: 3px;
  3371. margin-bottom: 0;
  3372. }
  3373. [id^="sm-hub-contact-2"] .form-wrapper .field-list .title {
  3374. font-family: Questrial;
  3375. font-size: 8px;
  3376. letter-spacing: 0.2em;
  3377. line-height: 2.5em;
  3378. color: #494949;
  3379. text-transform: uppercase;
  3380. text-align: center;
  3381. }
  3382. [id^="sm-hub-contact-2"] .form-wrapper .field-list .field.checkbox label {
  3383. font-family: Questrial;
  3384. font-size: 10px;
  3385. letter-spacing: 0.03em;
  3386. line-height: 2em;
  3387. color: #494949;
  3388. text-transform: none;
  3389. position: relative;
  3390. text-align: center;
  3391. }
  3392. [id^="sm-hub-contact-2"] .form-wrapper .field-list .checkbox,
  3393. [id^="sm-hub-contact-2"] .form-wrapper .field-list .radio {
  3394. text-align: center;
  3395. }
  3396. [id^="sm-hub-contact-2"] .form-wrapper .field-list .radio label {
  3397. position: relative;
  3398. }
  3399. [id^="sm-hub-contact-2"] .form-wrapper .form-button-wrapper input[type="submit"] {
  3400. font-family: Poppins;
  3401. font-size: 10px;
  3402. letter-spacing: 0.25em;
  3403. line-height: 1.5em;
  3404. color: #fff;
  3405. text-transform: uppercase;
  3406. border: 1px solid #494949;
  3407. background: #494949;
  3408. border-radius: 0;
  3409. padding: 12px 58px;
  3410. }
  3411. [id^="sm-hub-contact-2"] .form-wrapper ::placeholder {
  3412. font-family: Questrial;
  3413. font-size: 8px;
  3414. letter-spacing: 0.2em;
  3415. line-height: 2.5em;
  3416. color: #494949;
  3417. text-transform: uppercase;
  3418. text-align: center;
  3419. }
  3420. [id^="sm-hub-contact-2"] .form-wrapper ::-webkit-input-placeholder { /* Edge */
  3421. font-family: Questrial;
  3422. font-size: 8px;
  3423. letter-spacing: 0.2em;
  3424. line-height: 2.5em;
  3425. color: #494949;
  3426. text-transform: uppercase;
  3427. text-align: center;
  3428. }
  3429. [id^="sm-hub-contact-2"] .form-wrapper :-ms-input-placeholder { /* Internet Explorer 10-11 */
  3430. font-family: Questrial;
  3431. font-size: 8px;
  3432. letter-spacing: 0.2em;
  3433. line-height: 2.5em;
  3434. color: #494949;
  3435. text-transform: uppercase;
  3436. text-align: center;
  3437. }
  3438. [id^="sm-hub-contact-2"] .form-wrapper .field-list .field .field-element {
  3439. font-family: Questrial;
  3440. font-size: 14px;
  3441. letter-spacing: 0;
  3442. line-height: 1.6em;
  3443. color: #494949;
  3444. text-transform: none;
  3445. border: none;
  3446. border-bottom: 1px solid #D8D8D8;
  3447. border-radius: 0;
  3448. background: none;
  3449. padding: 8px 8px 0 0;
  3450. text-align: center;
  3451. }
  3452. [id^="sm-hub-contact-2"] .form-wrapper .form-submission-text {
  3453. font-family: Questrial;
  3454. font-size: 18px;
  3455. letter-spacing: 0;
  3456. line-height: 1.6em;
  3457. color: #494949;
  3458. text-align: center;
  3459. margin-top: 0;
  3460. }
  3461. [id^="sm-hub-contact-2"] .Index-page-content {
  3462. padding: 75px 40px 55px;
  3463. }
  3464. [id^="sm-hub-contact-2"] .sqs-row {
  3465. display: flex;
  3466. align-items: center;
  3467. }
  3468. [id^="sm-hub-contact-2"] .sqs-block-form {
  3469. padding-left: 70px;
  3470. }
  3471. [id^="sm-hub-contact-2"] .form-button-wrapper {
  3472. margin-top: 3px;
  3473. }
  3474. [id^="sm-hub-contact-2"] span.required {
  3475. display: none;
  3476. }
  3477. [id^="sm-hub-contact-2"] .form-wrapper .form-button-wrapper input[type="submit"]:hover {
  3478. background: transparent;
  3479. color: #494949;
  3480. }
  3481. [id^="sm-hub-contact-2"] .form-wrapper .field-list .field textarea.field-element {
  3482. padding-top: 10px;
  3483. height: 100px;
  3484. resize: none;
  3485. margin-bottom: 20px;
  3486. }
  3487. [id^="sm-hub-contact-2"] .form-wrapper .field-list .field.sqmuse-terms-and-conditions {
  3488. margin-top: 40px;
  3489. }
  3490.  
  3491. /* ckeckbox */
  3492. [id^="sm-hub-contact-2"] .form-wrapper .field-list .field.checkbox input[type="checkbox"] {
  3493. opacity: 0;
  3494. margin-right: 12px;
  3495. }
  3496. [id^="sm-hub-contact-2"] .form-wrapper .checkbox:last-child {
  3497. margin-top: 70px;
  3498. }
  3499. [id^="sm-hub-contact-2"] .checkbox label::before{
  3500. content: "";
  3501. position: absolute;
  3502. display: inline-block;
  3503. height: 10px;
  3504. width: 10px;
  3505. border: 1px solid #D8D8D8;
  3506. border-radius: 0;
  3507. top: -1px;
  3508. }
  3509. /* ckeckbox mark */
  3510. [id^="sm-hub-contact-2"] .checkbox label::after {
  3511. content: "";
  3512. position: absolute;
  3513. display: inline-block;
  3514. height: 4px;
  3515. width: 7px;
  3516. left: 2px;
  3517. top: 1px;
  3518. }
  3519. [id^="sm-hub-contact-2"] .custom-checkbox label.checked::before {
  3520. background: #494949;
  3521. border-color: #494949;
  3522. }
  3523. [id^="sm-hub-contact-2"] .custom-checkbox label.checked::after {
  3524. border-left: 2px solid #fff;
  3525. border-bottom: 2px solid #fff;
  3526. transform: rotate(-45deg);
  3527. }
  3528. /* radio */
  3529. [id^="sm-hub-contact-2"] .form-wrapper .field-list .field.radio input[type="radio"] {
  3530. opacity: 0;
  3531. margin-right: -5px;
  3532. }
  3533. [id^="sm-hub-contact-2"] .radio {
  3534. clear: both;
  3535. }
  3536. [id^="sm-hub-contact-2"] .radio label::before {
  3537. content: "";
  3538. display: inline-block;
  3539. position: relative;
  3540. height: 12px;
  3541. width: 12px;
  3542. border: 1px solid #D8D8D8;
  3543. border-radius: 50%;
  3544. top: 3px;
  3545. }
  3546. /* radio mark */
  3547. [id^="sm-hub-contact-2"] .radio label.checked::before {
  3548. border: 1px solid #494949;
  3549. }
  3550. [id^="sm-hub-contact-2"] .radio label.checked::after {
  3551. content: "";
  3552. display: inline-block;
  3553. position: absolute;
  3554. height: 8px;
  3555. width: 8px;
  3556. border-radius: 50%;
  3557. top: 5px;
  3558. left: 3px;
  3559. background: #494949;
  3560. }
  3561. [id^="sm-hub-contact-2"] .custom-radio.parent-checked,
  3562. [id^="sm-hub-contact-2"] .custom-checkbox.parent-checked {
  3563. position: relative;
  3564. }
  3565. [id^="sm-hub-contact-2"] .textarea:last-child {
  3566. display: none;
  3567. }
  3568. @media(max-width: 1199px) {
  3569. [id^="sm-hub-contact-2"] h2 {
  3570. font-size: 35px;
  3571. margin-bottom: 0 !important;
  3572. }
  3573. }
  3574. @media(max-width: 640px) {
  3575. [id^="sm-hub-contact-2"] .sqs-row {
  3576. display: block;
  3577. }
  3578. [id^="sm-hub-contact-2"] .Index-page-content {
  3579. padding: 20px;
  3580. }
  3581. [id^="sm-hub-contact-2"] .sqs-block-form {
  3582. padding-left: 17px;
  3583. }
  3584. }
  3585. /** end Kit 2 **/
  3586.  
  3587.  
  3588. /** Kit 3 **/
  3589. @font-face {
  3590. font-family: freight-big-pro;
  3591. src: url('https://static1.squarespace.com/static/5c1b99c7a9e02801f6c9b9d0/t/5cade9ecc83025772eee139d/1554901485897/FreightBig-Pro-Book.otf');
  3592. }
  3593. @font-face {
  3594. font-family: freight-sans-pro;
  3595. src: url('https://static1.squarespace.com/static/5c1b99c7a9e02801f6c9b9d0/t/5cade988e2c483ba4081113c/1554901385650/FreightSans-Pro-Book.otf');
  3596. }
  3597. @font-face {
  3598. font-family: Questrial;
  3599. src: url('https://static1.squarespace.com/static/5c1b99c7a9e02801f6c9b9d0/t/5cade8cfe5e5f02b0ddd34b8/1554901200175/Questrial-Regular.ttf');
  3600. }
  3601. @font-face {
  3602. font-family: Poppins;
  3603. src: url('https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d077955881cfd00010017ee/1560770904670/Poppins-Regular.ttf');
  3604. }
  3605.  
  3606. /* Hub Header 3 */
  3607. [id^="sm-hub-header-3"] h2 {
  3608. font-family: freight-big-pro;
  3609. font-weight: 400;
  3610. font-style: normal;
  3611. font-size: 45px;
  3612. letter-spacing: 0.02em;
  3613. line-height: 1.2em;
  3614. text-transform: uppercase;
  3615. }
  3616. [id^="sm-hub-header-3"] h3 {
  3617. font-family: Questrial;
  3618. font-weight: 400;
  3619. font-style: normal;
  3620. font-size: 10px;
  3621. letter-spacing: 0.4em;
  3622. line-height: 2em;
  3623. text-transform: uppercase;
  3624. }
  3625. [id^="sm-hub-header-3"] .sqs-block-html {
  3626. padding-top: 0 !important;
  3627. padding-bottom: 0 !important;
  3628. }
  3629. [id^="sm-hub-header-3"]:after {
  3630. content: '';
  3631. position: absolute;
  3632. left: 50%;
  3633. bottom: 40px;
  3634. transform: translateX(-50%);
  3635. width: 12px;
  3636. height: 30px;
  3637. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d19c3792fd37100016bacd6/1561969529955/down-icon.png") no-repeat;
  3638. background-size: contain;
  3639. }
  3640. @media(max-width: 767px) {
  3641. [id^="sm-hub-header-3"] h2 {
  3642. font-size: 35px;
  3643. }
  3644. }
  3645.  
  3646. /* Hub Slider 5 */
  3647. [id^="sm-hub-slider-5"] .summary-title a {
  3648. font-family: freight-big-pro;
  3649. font-weight: 400;
  3650. font-style: normal;
  3651. font-size: 35px;
  3652. letter-spacing: 0.02em;
  3653. line-height: 1.25em;
  3654. color: #494949;
  3655. pointer-events: none;
  3656. }
  3657. [id^="sm-hub-slider-5"] .summary-metadata-item a {
  3658. font-family: Questrial;
  3659. font-size: 10px;
  3660. letter-spacing: 0.4em;
  3661. line-height: 2em;
  3662. color: #494949;
  3663. text-transform: uppercase;
  3664. pointer-events: none;
  3665. }
  3666. [id^="sm-hub-slider-5"] .sm-slider-pagination {
  3667. font-family: Questrial;
  3668. font-size: 8px;
  3669. letter-spacing: 0.38em;
  3670. line-height: 2em;
  3671. position: absolute !important;
  3672. top: 60px;
  3673. right: calc(~"15% - 27px");
  3674. color: #494949;
  3675. }
  3676. [id^="sm-hub-slider-5"] .Index-page-content {
  3677. padding: 0;
  3678. max-width: 100%;
  3679. }
  3680. [id^="sm-hub-slider-5"] .summary-title {
  3681. padding-bottom: 12px;
  3682. }
  3683. [id^="sm-hub-slider-5"] .summary-metadata-container--below-content {
  3684. padding-top: 12px;
  3685. }
  3686. [id^="sm-hub-slider-5"] a.summary-thumbnail-container {
  3687. pointer-events: none;
  3688. }
  3689. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .summary-content {
  3690. padding-left: 55px;
  3691. padding-right: 55px;
  3692. }
  3693. [id^="sm-hub-slider-5"] .sqs-block-summary-v2,
  3694. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
  3695. padding-bottom: 0 !important;
  3696. margin-bottom: 0 !important;
  3697. outline: none;
  3698. position: relative;
  3699. }
  3700. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .sqs-gallery-design-list .sqs-gallery-design-list-slide {
  3701. padding-bottom: 0 !important;
  3702. margin-bottom: 0 !important;
  3703. }
  3704. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
  3705. display: flex;
  3706. align-items: center;
  3707. height: 100%;
  3708. -webkit-transition: all 0.5s;
  3709. -moz-transition: all 0.5s;
  3710. -ms-transition: all 0.5s;
  3711. -o-transition: all 0.5s;
  3712. transition: all 0.5s;
  3713. }
  3714. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .summary-thumbnail {
  3715. padding-bottom: 66.6667% !important;
  3716. }
  3717. [id^="sm-hub-slider-5"] .sqs-gallery-design-list .sqs-gallery-image-container {
  3718. padding-right: 0;
  3719. }
  3720. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .slick-prev,
  3721. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .slick-next {
  3722. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1f3ebd11031d0001fab77d/1562328765338/arrow-medium-prev.png") no-repeat;
  3723. background-size: contain;
  3724. width: 30px;
  3725. height: 11px;
  3726. border: none;
  3727. font-size: 0;
  3728. outline: none;
  3729. position: absolute;
  3730. bottom: 80px;
  3731. right: 17%;
  3732. z-index: 998;
  3733. }
  3734. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .slick-next {
  3735. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1f3eaa49d9a7000199f256/1562328746441/arrow-medium-next.png") no-repeat;
  3736. background-size: contain;
  3737. right: 9%;
  3738. }
  3739. [id^="sm-hub-slider-5"] .sm-slider-pagination-current {
  3740. position: relative;
  3741. padding-right: 40px;
  3742. }
  3743. [id^="sm-hub-slider-5"] .sm-slider-pagination-current:after {
  3744. content: '';
  3745. width: 16px;
  3746. height: 1px;
  3747. background: #494949;
  3748. position: absolute;
  3749. top: 4px;
  3750. left: 20px;
  3751. }
  3752. @media(max-width: 1199px) {
  3753. [id^="sm-hub-slider-5"] .summary-title a {
  3754. font-size: 30px;
  3755. }
  3756. }
  3757. @media(max-width: 991px) {
  3758. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .summary-content {
  3759. padding-left: 20px;
  3760. padding-right: 20px;
  3761. }
  3762. [id^="sm-hub-slider-5"] .sm-slider-pagination {
  3763. top: 50px;
  3764. }
  3765. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .slick-prev,
  3766. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .slick-next {
  3767. bottom: 50px;
  3768. }
  3769. }
  3770. @media(max-width: 991px) {
  3771. [id^="sm-hub-slider-5"] .summary-title a {
  3772. font-size: 25px;
  3773. }
  3774. }
  3775. @media(max-width: 767px) {
  3776. [id^="sm-hub-slider-5"] .sm-slider-pagination {
  3777. top: 30px;
  3778. }
  3779. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .slick-prev,
  3780. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .slick-next {
  3781. bottom: 30px;
  3782. }
  3783. }
  3784. @media(max-width: 640px) {
  3785. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
  3786. display: block;
  3787. }
  3788. [id^="sm-hub-slider-5"] .sqs-gallery-design-list .sqs-gallery-design-list-slide .sqs-gallery-meta-container,
  3789. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container {
  3790. width: 100% !important;
  3791. }
  3792. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .slick-prev,
  3793. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .slick-next {
  3794. bottom: -20px;
  3795. left: 125px;
  3796. right: auto;
  3797. }
  3798. [id^="sm-hub-slider-5"] .sqs-block-summary-v2 .slick-next {
  3799. right: 125px;
  3800. left: auto;
  3801. }
  3802. [id^="sm-hub-slider-5"] .summary-metadata-container--below-content {
  3803. padding-top: 0;
  3804. }
  3805. [id^="sm-hub-slider-5"] .summary-title {
  3806. padding-top: 20px;
  3807. padding-bottom: 5px;
  3808. }
  3809. [id^="sm-hub-slider-5"] .sqs-layout .sqs-row .sqs-block-summary-v2 {
  3810. padding-top: 0 !important;
  3811. padding-bottom: 40px !important;
  3812. }
  3813. [id^="sm-hub-slider-5"] .sm-slider-pagination {
  3814. display: none;
  3815. }
  3816. }
  3817.  
  3818. /* Hub Info 5 */
  3819. [id^="sm-hub-info-5"] h2 {
  3820. font-family: freight-big-pro;
  3821. font-weight: 400;
  3822. font-style: normal;
  3823. font-size: 35px;
  3824. letter-spacing: 0.02em;
  3825. line-height: 1.25em;
  3826. text-transform: none;
  3827. max-width: 300px;
  3828. margin: 0 auto 35px;
  3829. }
  3830. [id^="sm-hub-info-5"] p {
  3831. font-family: freight-sans-pro;
  3832. font-weight: 400;
  3833. font-style: normal;
  3834. font-size: 15px;
  3835. letter-spacing: 0;
  3836. line-height: 1.67em;
  3837. text-transform: none;
  3838. color: #4a4a4a;
  3839. max-width: 300px;
  3840. margin: 0 auto 25px;
  3841. }
  3842. [id^="sm-hub-info-5"] .sqs-block-button-element {
  3843. font-family: Poppins;
  3844. font-size: 10px;
  3845. font-weight: 400;
  3846. letter-spacing: 0.3em;
  3847. line-height: 1.5em;
  3848. padding: 2px 0;
  3849. color: #000 !important;
  3850. text-transform: uppercase;
  3851. border: none !important;
  3852. border-bottom: 1px solid #000 !important;
  3853. }
  3854. [id^="sm-hub-info-5"] .sqs-block-button-element:hover {
  3855. background: none !important;
  3856. }
  3857. [id^="sm-hub-info-5"] {
  3858. background: #FBFAF6;
  3859. }
  3860. [id^="sm-hub-info-5"] .sqs-row {
  3861. display: flex;
  3862. align-items: center;
  3863. }
  3864. [id^="sm-hub-info-5"] .Index-page-content {
  3865. padding: 100px 40px 80px;
  3866. }
  3867. [id^="sm-hub-info-5"] .sqs-block-button {
  3868. margin-top: 15px;
  3869. }
  3870. @media(max-width: 991px) {
  3871. [id^="sm-hub-info-5"] .Index-page-content {
  3872. padding: 50px 40px 40px;
  3873. }
  3874. [id^="sm-hub-info-5"] h2 {
  3875. font-size: 30px;
  3876. margin-bottom: 15px;
  3877. }
  3878. [id^="sm-hub-info-5"] .sqs-block-button {
  3879. margin-top: 0;
  3880. }
  3881. }
  3882. @media(max-width: 767px) {
  3883. [id^="sm-hub-info-5"] h2 {
  3884. font-size: 25px;
  3885. -webkit-hyphens: none;
  3886. -moz-hyphens: none;
  3887. -ms-hyphens: none;
  3888. hyphens: none;
  3889. }
  3890. }
  3891. @media(max-width: 640px) {
  3892. [id^="sm-hub-info-5"] .sqs-row {
  3893. display: block;
  3894. }
  3895. [id^="sm-hub-info-5"] .Index-page-content {
  3896. padding: 10px 20px;
  3897. }
  3898. }
  3899.  
  3900. /* Hub Info 4 */
  3901. [id^="sm-hub-info-4"] h2 {
  3902. font-family: freight-big-pro;
  3903. font-weight: 400;
  3904. font-style: normal;
  3905. font-size: 35px;
  3906. letter-spacing: 0.02em;
  3907. line-height: 1.25em;
  3908. text-transform: uppercase;
  3909. }
  3910. [id^="sm-hub-info-4"] p {
  3911. font-family: freight-sans-pro;
  3912. font-weight: 400;
  3913. font-style: normal;
  3914. font-size: 15px;
  3915. letter-spacing: 0;
  3916. line-height: 1.67em;
  3917. text-transform: none;
  3918. color: #4a4a4a;
  3919. max-width: 280px;
  3920. margin: 0 auto 25px;
  3921. }
  3922. [id^="sm-hub-info-4"] .sqs-row {
  3923. display: flex;
  3924. align-items: center;
  3925. }
  3926. [id^="sm-hub-info-4"] .Index-page-content {
  3927. padding: 70px 40px;
  3928. }
  3929. [id^="sm-hub-info-4"] .sqs-layout {
  3930. position: relative;
  3931. }
  3932. [id^="sm-hub-info-4"] .sqs-layout:before {
  3933. content: '';
  3934. position: absolute;
  3935. top: 30px;
  3936. left: 0;
  3937. height: calc(~"100% - 60px");
  3938. width: 100%;
  3939. border: 1px solid #D8D8D8;
  3940. }
  3941. [id^="sm-hub-info-4"] .sqs-block-image {
  3942. padding-bottom: 0 !important;
  3943. }
  3944. [id^="sm-hub-info-4"] .sqs-block-image .intrinsic {
  3945. max-width: 270px !important;
  3946. }
  3947. [id^="sm-hub-info-4"] .sqs-block-html {
  3948. padding-bottom: 0 !important;
  3949. }
  3950. [id^="sm-hub-info-4"] .sqs-col-4:first-child {
  3951. padding-left: 60px;
  3952. }
  3953. [id^="sm-hub-info-4"] .sqs-col-4:last-child {
  3954. padding-right: 60px;
  3955. }
  3956. @media(max-width: 1199px) {
  3957. [id^="sm-hub-info-4"] .sqs-col-4:first-child {
  3958. padding-left: 30px;
  3959. }
  3960. [id^="sm-hub-info-4"] .sqs-col-4:last-child {
  3961. padding-right: 30px;
  3962. }
  3963. [id^="sm-hub-info-4"] h2 {
  3964. font-size: 30px;
  3965. }
  3966. }
  3967. @media(max-width: 991px) {
  3968. [id^="sm-hub-info-4"] h2 {
  3969. font-size: 22px;
  3970. }
  3971. [id^="sm-hub-info-4"] .sqs-layout:before {
  3972. height: 100%;
  3973. top: 0;
  3974. }
  3975. }
  3976. @media(max-width: 767px) {
  3977. [id^="sm-hub-info-4"] .sqs-col-4:first-child {
  3978. padding-left: 15px;
  3979. }
  3980. [id^="sm-hub-info-4"] .sqs-col-4:last-child {
  3981. padding-right: 15px;
  3982. }
  3983. [id^="sm-hub-info-4"] .Index-page-content {
  3984. padding: 40px;
  3985. }
  3986. [id^="sm-hub-info-4"] .sqs-layout:before {
  3987. height: 100%;
  3988. top: 0;
  3989. }
  3990. [id^="sm-hub-info-4"] .sqs-col-12 {
  3991. padding: 15px;
  3992. }
  3993. }
  3994. @media(max-width: 640px) {
  3995. [id^="sm-hub-info-4"] .sqs-col-4:first-child {
  3996. padding-left: 0;
  3997. }
  3998. [id^="sm-hub-info-4"] .sqs-col-4:last-child {
  3999. padding-right: 0;
  4000. }
  4001. [id^="sm-hub-info-4"] .sqs-row {
  4002. display: block;
  4003. }
  4004. [id^="sm-hub-info-4"] .Index-page-content {
  4005. padding: 25px;
  4006. }
  4007. }
  4008.  
  4009. /* Hub Video 2 */
  4010. [id^="sm-hub-video-2"] .video-caption p {
  4011. font-family: freight-big-pro;
  4012. font-size: 22px;
  4013. letter-spacing: 0.04em;
  4014. line-height: 1em;
  4015. color: #fff;
  4016. text-align: center;
  4017. margin-top: 0;
  4018. margin-bottom: 0;
  4019. }
  4020. [id^="sm-hub-video-2"] .video-caption p strong {
  4021. font-family: Questrial;
  4022. font-size: 10px;
  4023. letter-spacing: 0.4em;
  4024. line-height: 2em;
  4025. color: #fff;
  4026. text-transform: uppercase;
  4027. text-align: center;
  4028. }
  4029. [id^="sm-hub-video-2"] .Index-page-content {
  4030. padding: 0;
  4031. max-width: 100%;
  4032. }
  4033. [id^="sm-hub-video-2"] .video-caption-wrapper {
  4034. position: absolute;
  4035. bottom: 35px;
  4036. left: 50%;
  4037. transform: translateX(-50%);
  4038. width: 100%;
  4039. padding-left: 20px;
  4040. padding-right: 20px;
  4041. }
  4042. [id^="sm-hub-video-2"] .sqs-block-video {
  4043. padding-bottom: 0 !important;
  4044. }
  4045. [id^="sm-hub-video-2"] .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
  4046. width: 59px;
  4047. height: 59px;
  4048. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1f3c31d7cf6b00012a598a/1562328113780/play-icon.png") no-repeat;
  4049. background-size: contain;
  4050. top: auto;
  4051. bottom: 135px;
  4052. }
  4053. [id^="sm-hub-video-2"] .sm-video-play-active .video-caption-wrapper {
  4054. opacity: 0;
  4055. }
  4056. @media(max-width: 640px) {
  4057. [id^="sm-hub-video-2"] .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
  4058. width: 40px;
  4059. height: 40px;
  4060. margin-left: -20px;
  4061. margin-top: -20px;
  4062. bottom: 50%;
  4063. }
  4064. [id^="sm-hub-video-2"] .sqs-layout .sqs-row .sqs-block-video {
  4065. padding-top: 0 !important;
  4066. padding-bottom: 0 !important;
  4067. }
  4068. }
  4069.  
  4070. /* Hub Price 3 */
  4071. [id^="sm-hub-price-3"] h2 {
  4072. font-family: freight-big-pro;
  4073. font-size: 35px;
  4074. letter-spacing: 0.01em;
  4075. line-height: 1.25em;
  4076. color: #494949;
  4077. padding-top: 10px;
  4078. }
  4079. [id^="sm-hub-price-3"] h3 {
  4080. font-family: Questrial;
  4081. font-size: 18px;
  4082. letter-spacing: 0.14em;
  4083. line-height: 1.56em;
  4084. color: #494949;
  4085. margin-bottom: 25px !important;
  4086. }
  4087. [id^="sm-hub-price-3"] p {
  4088. font-family: freight-sans-pro;
  4089. font-size: 15px;
  4090. letter-spacing: 0;
  4091. line-height: 1.67em;
  4092. color: #494949;
  4093. max-width: 320px;
  4094. margin: 0 auto;
  4095. }
  4096. [id^="sm-hub-price-3"] code {
  4097. font-family: Questrial;
  4098. font-size: 10px;
  4099. letter-spacing: 0.4em;
  4100. line-height: 2em;
  4101. color: #494949;
  4102. padding-left: 0;
  4103. padding-right: 40px;
  4104. text-transform: uppercase;
  4105. }
  4106. [id^="sm-hub-price-3"] .Index-page-content {
  4107. padding: 50px 40px;
  4108. }
  4109. [id^="sm-hub-price-3"] .sqs-row {
  4110. display: flex;
  4111. }
  4112. [id^="sm-hub-price-3"] .sqs-block-image {
  4113. padding-top: 10px !important;
  4114. }
  4115. [id^="sm-hub-price-3"] ul[data-rte-list] li>*:first-child::before {
  4116. display: none;
  4117. }
  4118. [id^="sm-hub-price-3"] ul {
  4119. padding-left: 0;
  4120. }
  4121. [id^="sm-hub-price-3"] li p {
  4122. margin-top: 0;
  4123. margin-bottom: 5px;
  4124. }
  4125. [id^="sm-hub-price-3"] pre {
  4126. border-top: 1px solid #EEAF73;
  4127. margin-left: 17px;
  4128. margin-right: 17px;
  4129. padding-top: 25px;
  4130. padding-bottom: 10px;
  4131. }
  4132. [id^="sm-hub-price-3"] .sqs-col-4 {
  4133. display: flex;
  4134. flex-direction: column;
  4135. position: relative;
  4136. padding-bottom: 100px;
  4137. }
  4138. [id^="sm-hub-price-3"] .sqs-col-4 h3 {
  4139. font-size: 15px;
  4140. letter-spacing: .2em;
  4141. margin-top: 25px;
  4142. margin-bottom: 20px !important;
  4143. }
  4144. [id^="sm-hub-price-3"] .sqs-col-4 .sqs-block {
  4145. padding-left: 25px;
  4146. padding-right: 25px;
  4147. }
  4148. [id^="sm-hub-price-3"] .sqs-col-4 .sqs-block-html:last-child {
  4149. position: absolute;
  4150. bottom: 0;
  4151. left: 0;
  4152. width: 100%;
  4153. box-sizing: border-box;
  4154. background: #fff;
  4155. padding-top: 0 !important;
  4156. }
  4157. [id^="sm-hub-price-3"] .sqs-col-4 .sqs-block-spacer {
  4158. display: none;
  4159. }
  4160. [id^="sm-hub-price-3"] code:before {
  4161. top: -6px;
  4162. right: 0;
  4163. }
  4164. [id^="sm-hub-price-3"] code:after {
  4165. top: 0;
  4166. right: 4px;
  4167. }
  4168. [id^="sm-hub-price-3"] .sm-hub-package-active {
  4169. background: #FBFAF6;
  4170. }
  4171. @media(max-width: 991px) {
  4172. [id^="sm-hub-price-3"] h3 {
  4173. margin-bottom: 0 !important;
  4174. }
  4175. [id^="sm-hub-price-3"] .sqs-col-4 .sqs-block {
  4176. padding-left: 15px;
  4177. padding-right: 15px;
  4178. }
  4179. [id^="sm-hub-price-3"] h2 {
  4180. font-size: 30px;
  4181. }
  4182. }
  4183. @media(max-width: 640px) {
  4184. [id^="sm-hub-price-3"] .sqs-row {
  4185. display: block;
  4186. }
  4187. [id^="sm-hub-price-3"] .Index-page-content {
  4188. padding: 20px;
  4189. }
  4190. }
  4191.  
  4192. /* Hub Multi Features 4 */
  4193. [id^="sm-hub-multi-features-4"] h3 {
  4194. font-family: Questrial;
  4195. font-weight: 400;
  4196. font-style: normal;
  4197. font-size: 9px;
  4198. letter-spacing: 0.2em;
  4199. line-height: 2.8em;
  4200. text-transform: uppercase;
  4201. max-width: 380px;
  4202. border-bottom: 1px solid #D8D8D8;
  4203. margin-bottom: 20px;
  4204. }
  4205. [id^="sm-hub-multi-features-4"] h2 {
  4206. font-family: freight-big-pro;
  4207. font-weight: 400;
  4208. font-style: normal;
  4209. font-size: 30px;
  4210. letter-spacing: 0.01em;
  4211. line-height: 1.2em;
  4212. text-transform: none;
  4213. margin-top: 25px !important;
  4214. margin-bottom: 17px;
  4215. }
  4216. [id^="sm-hub-multi-features-4"] p {
  4217. font-family: freight-sans-pro;
  4218. font-weight: 400;
  4219. font-style: normal;
  4220. font-size: 13px;
  4221. letter-spacing: 0;
  4222. line-height: 1.77em;
  4223. text-transform: none;
  4224. max-width: 380px;
  4225. }
  4226. [id^="sm-hub-multi-features-4"] li,
  4227. [id^="sm-hub-multi-features-4"] li strong {
  4228. font-family: Questrial;
  4229. font-weight: 400;
  4230. font-style: normal;
  4231. font-size: 10px;
  4232. letter-spacing: 0.17em;
  4233. line-height: 2em;
  4234. text-transform: none;
  4235. list-style: none;
  4236. position: relative;
  4237. }
  4238. [id^="sm-hub-multi-features-4"] li p em {
  4239. font-family: Questrial;
  4240. font-weight: 400;
  4241. font-style: normal;
  4242. font-size: 10px;
  4243. letter-spacing: 0;
  4244. line-height: 1.6em;
  4245. margin-top: 10px;
  4246. max-width: 160px;
  4247. }
  4248. [id^="sm-hub-multi-features-4"] code {
  4249. font-family: Questrial;
  4250. font-weight: 400;
  4251. font-style: normal;
  4252. font-size: 9px;
  4253. letter-spacing: 0.25em;
  4254. line-height: 5em;
  4255. color: #494949;
  4256. }
  4257. [id^="sm-hub-multi-features-4"] .Index-page-content {
  4258. padding: 50px 40px;
  4259. }
  4260. [id^="sm-hub-multi-features-4"] ul {
  4261. padding-left: 5px;
  4262. }
  4263. [id^="sm-hub-multi-features-4"] ul[data-rte-list] li>*:first-child::before {
  4264. content: '-';
  4265. padding-right: 3px;
  4266. }
  4267. [id^="sm-hub-multi-features-4"] li p {
  4268. line-height: 1.4em;
  4269. margin-top: 0;
  4270. margin-bottom: 3px;
  4271. }
  4272. [id^="sm-hub-multi-features-4"] .sqs-col-5 {
  4273. padding-left: 30px;
  4274. box-sizing: border-box;
  4275. }
  4276. [id^="sm-hub-multi-features-4"] .sqs-col-5 h3 {
  4277. margin-top: 35px;
  4278. }
  4279. [id^="sm-hub-multi-features-4"] .sqs-col-3 pre {
  4280. display: block;
  4281. margin-top: -35px !important;
  4282. background: #A29E97;
  4283. box-sizing: border-box;
  4284. padding: 5px 15px;
  4285. }
  4286. [id^="sm-hub-multi-features-4"] .sqs-col-3 code {
  4287. color: #fff;
  4288. display: block;
  4289. width: 100%;
  4290. text-align: center;
  4291. padding-left: 0;
  4292. }
  4293. [id^="sm-hub-multi-features-4"] .sqs-col-3 code:before {
  4294. top: 10px;
  4295. right: 0;
  4296. width: 22px;
  4297. height: 22px;
  4298. border: 1px solid #fff;
  4299. background: transparent;
  4300. }
  4301. [id^="sm-hub-multi-features-4"] .sqs-col-3 code:after {
  4302. top: 17px;
  4303. right: 5px;
  4304. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d5d2e2ec3e6df0001abb4ff/1566387758684/new-check-dark.png") no-repeat;
  4305. background-size: contain;
  4306. filter: invert(100%);
  4307. }
  4308. [id^="sm-hub-multi-features-4"] .sqs-col-4 h3 {
  4309. letter-spacing: 0.22em;
  4310. margin-bottom: 28px;
  4311. }
  4312. [id^="sm-hub-multi-features-4"] .sqs-col-4 ul[data-rte-list] li>*:first-child::before {
  4313. content: '+';
  4314. position: absolute;
  4315. top: -1px;
  4316. left: -15px;
  4317. }
  4318. [id^="sm-hub-multi-features-4"] .sqs-col-4 ul[data-rte-list] li.active>*:first-child::before {
  4319. content: '-';
  4320. }
  4321. [id^="sm-hub-multi-features-4"] .sqs-col-4 ul {
  4322. padding-left: 28px;
  4323. }
  4324. [id^="sm-hub-multi-features-4"] .sqs-col-4 li {
  4325. display: inline-block;
  4326. width: 100%;
  4327. margin-bottom: 14px;
  4328. }
  4329. [id^="sm-hub-multi-features-4"] .sqs-col-4 li p {
  4330. width: 75%;
  4331. float: left;
  4332. letter-spacing: -0.02em;
  4333. position: relative;
  4334. }
  4335. [id^="sm-hub-multi-features-4"] .sqs-col-4 li p em {
  4336. display: none;
  4337. }
  4338. [id^="sm-hub-multi-features-4"] .sqs-col-4 .yui3-texteditor-content li p em {
  4339. display: block;
  4340. }
  4341. [id^="sm-hub-multi-features-4"] .sqs-col-4 li p em.active {
  4342. display: block;
  4343. }
  4344. [id^="sm-hub-multi-features-4"] .sqs-col-4 pre {
  4345. width: 25%;
  4346. float: right;
  4347. margin-top: 0;
  4348. margin-bottom: 0;
  4349. }
  4350. [id^="sm-hub-multi-features-4"] .sqs-col-4 code {
  4351. display: block;
  4352. line-height: 2.2em;
  4353. padding-left: 0;
  4354. }
  4355. [id^="sm-hub-multi-features-4"] .sqs-col-4 code:before {
  4356. width: 16px;
  4357. height: 16px;
  4358. top: 0;
  4359. right: 0;
  4360. border: 1px solid #494949;
  4361. }
  4362. [id^="sm-hub-multi-features-4"] .sqs-col-4 code:after {
  4363. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d5d2e2ec3e6df0001abb4ff/1566387758684/new-check-dark.png") no-repeat;
  4364. background-size: contain;
  4365. top: 5px;
  4366. right: 4px;
  4367. width: 10px;
  4368. height: 8px;
  4369. }
  4370. @media(max-width: 991px) {
  4371. [id^="sm-hub-multi-features-4"] .Index-page-content {
  4372. padding: 30px;
  4373. }
  4374. [id^="sm-hub-multi-features-4"] h2 {
  4375. font-size: 25px;
  4376. margin-top: 0 !important;
  4377. margin-bottom: 0;
  4378. }
  4379. [id^="sm-hub-multi-features-4"] .sqs-col-4 li p {
  4380. width: 70%;
  4381. }
  4382. [id^="sm-hub-multi-features-4"] .sqs-col-4 pre {
  4383. width: 30%;
  4384. }
  4385. [id^="sm-hub-multi-features-4"] .sqs-col-5 {
  4386. padding-left: 0;
  4387. }
  4388. [id^="sm-hub-multi-features-4"] li,
  4389. [id^="sm-hub-multi-features-4"] li strong {
  4390. letter-spacing: 0.1em;
  4391. }
  4392. }
  4393. @media(max-width: 767px) {
  4394. [id^="sm-hub-multi-features-4"] .sqs-col-4 li p {
  4395. width: 60%;
  4396. }
  4397. [id^="sm-hub-multi-features-4"] .sqs-col-4 pre {
  4398. width: 40%;
  4399. }
  4400. [id^="sm-hub-multi-features-4"] li,
  4401. [id^="sm-hub-multi-features-4"] li strong {
  4402. line-height: 1.6em;
  4403. }
  4404. }
  4405. @media(max-width: 640px) {
  4406. [id^="sm-hub-multi-features-4"] .Index-page-content {
  4407. padding: 10px 20px;
  4408. }
  4409. [id^="sm-hub-multi-features-4"] .sqs-col-4 li p {
  4410. width: 75%;
  4411. }
  4412. [id^="sm-hub-multi-features-4"] .sqs-col-4 pre {
  4413. width: 25%;
  4414. }
  4415. }
  4416.  
  4417. /* Hub Features 2 */
  4418. [id^="sm-hub-features-2"] h2 {
  4419. font-family: freight-big-pro;
  4420. font-size: 30px;
  4421. line-height: 1.23em;
  4422. letter-spacing: 0.04em;
  4423. color: #494949;
  4424. margin-bottom: 17px !important;
  4425. }
  4426. [id^="sm-hub-features-2"] h3 {
  4427. font-family: Questrial;
  4428. font-size: 10px;
  4429. letter-spacing: 0.4em;
  4430. line-height: 2em;
  4431. color: #494949;
  4432. max-width: 200px;
  4433. margin: 16px auto 18px;
  4434. }
  4435. [id^="sm-hub-features-2"] p {
  4436. font-family: freight-sans-pro;
  4437. font-size: 15px;
  4438. line-height: 1.67em;
  4439. letter-spacing: 0;
  4440. color: #494949;
  4441. }
  4442. [id^="sm-hub-features-2"] {
  4443. background: #FBFAF6;
  4444. }
  4445. [id^="sm-hub-features-2"] .Index-page-content {
  4446. padding: 45px 40px 30px;
  4447. }
  4448. [id^="sm-hub-features-2"] .sqs-row {
  4449. display: flex;
  4450. align-items: center;
  4451. }
  4452. [id^="sm-hub-features-2"] .sqs-col-4 .sqs-block-image .intrinsic {
  4453. max-width: 185px !important;
  4454. }
  4455. [id^="sm-hub-features-2"] .sqs-col-4 h2 {
  4456. font-size: 22px;
  4457. text-transform: uppercase;
  4458. margin-bottom: 35px !important;
  4459. }
  4460. @media(max-width: 991px) {
  4461. [id^="sm-hub-features-2"] h2 {
  4462. margin-bottom: 0 !important;
  4463. }
  4464. }
  4465. @media(max-width: 767px) {
  4466. [id^="sm-hub-features-2"] .sqs-col-4 h2 {
  4467. margin-bottom: 20px !important;
  4468. }
  4469. [id^="sm-hub-features-2"] h2 {
  4470. margin: 15px auto 15px;
  4471. -webkit-hyphens: none;
  4472. -moz-hyphens: none;
  4473. -ms-hyphens: none;
  4474. hyphens: none;
  4475. }
  4476. [id^="sm-hub-features-2"] h3 {
  4477. letter-spacing: 0.3em;
  4478. }
  4479. }
  4480. @media(max-width: 640px) {
  4481. [id^="sm-hub-features-2"] .sqs-row {
  4482. display: block;
  4483. }
  4484. [id^="sm-hub-features-2"] .Index-page-content {
  4485. padding: 20px;
  4486. }
  4487. }
  4488.  
  4489. /* Hub Price 4 */
  4490. [id^="sm-hub-price-4"] h2 {
  4491. font-family: freight-big-pro;
  4492. font-size: 35px;
  4493. letter-spacing: 0.01em;
  4494. line-height: 1.25em;
  4495. color: #494949;
  4496. margin-top: 0;
  4497. margin-bottom: 0;
  4498. }
  4499. [id^="sm-hub-price-4"] h3 {
  4500. font-family: Questrial;
  4501. font-size: 9px;
  4502. letter-spacing: 0.4em;
  4503. line-height: 2.2em;
  4504. color: #494949;
  4505. margin-bottom: 35px;
  4506. }
  4507. [id^="sm-hub-price-4"] p {
  4508. font-family: freight-sans-pro;
  4509. font-size: 15px;
  4510. letter-spacing: 0;
  4511. line-height: 1.67em;
  4512. color: #494949;
  4513. }
  4514. [id^="sm-hub-price-4"] .Index-page-content {
  4515. padding: 60px 30px;
  4516. }
  4517. [id^="sm-hub-price-4"] h2:last-child {
  4518. margin-bottom: 50px !important;
  4519. }
  4520. [id^="sm-hub-price-4"] .sqs-row .sqs-row {
  4521. display: flex;
  4522. }
  4523. [id^="sm-hub-price-4"] .sqs-col-6 {
  4524. padding-left: 35px;
  4525. padding-right: 35px;
  4526. box-sizing: border-box;
  4527. }
  4528. [id^="sm-hub-price-4"] .sqs-col-3 {
  4529. background: #E5E2DC;
  4530. -webkit-transition: all 0.3s;
  4531. -moz-transition: all 0.3s;
  4532. -ms-transition: all 0.3s;
  4533. -o-transition: all 0.3s;
  4534. transition: all 0.3s;
  4535. }
  4536. [id^="sm-hub-price-4"] .sm-hub-package-active .sqs-col-3 {
  4537. background: #A29E97;
  4538. }
  4539. [id^="sm-hub-price-4"] .sm-hub-package-active .sqs-col-3 p,
  4540. [id^="sm-hub-price-4"] .sm-hub-package-active .sqs-col-3 h3 {
  4541. color: #fff;
  4542. }
  4543. [id^="sm-hub-price-4"] .sqs-col-3 p {
  4544. max-width: 180px;
  4545. margin: 0 auto;
  4546. }
  4547. [id^="sm-hub-price-4"] .sqs-col-3 h3 {
  4548. font-size: 15px;
  4549. line-height: 1.8em;
  4550. letter-spacing: 0.13em;
  4551. margin-top: 30px !important;
  4552. margin-bottom: 30px;
  4553. }
  4554. [id^="sm-hub-price-4"] .sqs-layout .sqs-row .sqs-col-3 .sqs-block-image {
  4555. padding: 0 !important;
  4556. }
  4557. [id^="sm-hub-price-4"] pre {
  4558. margin-top: 20px;
  4559. }
  4560. [id^="sm-hub-price-4"] code {
  4561. display: block;
  4562. padding-left: 0;
  4563. margin-top: 15px;
  4564. margin-bottom: 5px;
  4565. font-family: Questrial;
  4566. font-size: 12px;
  4567. line-height: 2em;
  4568. letter-spacing: 0.4em;
  4569. color: #494949;
  4570. padding-right: 50px;
  4571. text-align: right;
  4572. }
  4573. [id^="sm-hub-price-4"] code:before {
  4574. background: transparent;
  4575. border-color: #494949;
  4576. top: 1px;
  4577. right: 20px;
  4578. }
  4579. [id^="sm-hub-price-4"] code:after {
  4580. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d5d2d9b9af98c000115d0e0/1566387611363/new-check-white.png") no-repeat;
  4581. background-size: contain;
  4582. top: 7px;
  4583. }
  4584. [id^="sm-hub-price-4"] .sm-hub-package-active .sqs-col-3 code {
  4585. color: #fff;
  4586. }
  4587. [id^="sm-hub-price-4"] .sm-hub-package-active .sqs-col-3 code:before {
  4588. border-color: #fff;
  4589. }
  4590. @media(max-width: 1199px) {
  4591. [id^="sm-hub-price-4"] .sqs-col-3 h3 {
  4592. margin-top: 10px !important;
  4593. margin-bottom: 15px;
  4594. }
  4595. [id^="sm-hub-price-4"] pre {
  4596. margin-top: 10px;
  4597. }
  4598. }
  4599. @media(max-width: 991px) {
  4600. [id^="sm-hub-price-4"] .Index-page-content {
  4601. padding: 40px 30px;
  4602. }
  4603. [id^="sm-hub-price-4"] .sqs-col-6 {
  4604. padding-left: 15px;
  4605. padding-right: 15px;
  4606. }
  4607. [id^="sm-hub-price-4"] h2:last-child {
  4608. margin-bottom: 20px !important;
  4609. }
  4610. [id^="sm-hub-price-4"] h3 {
  4611. margin-bottom: 15px;
  4612. }
  4613. [id^="sm-hub-price-4"] .sqs-col-3 h3 {
  4614. font-size: 11px;
  4615. letter-spacing: 0.1em;
  4616. }
  4617. }
  4618. @media(max-width: 767px) {
  4619. [id^="sm-hub-price-4"] h2 {
  4620. font-size: 30px;
  4621. }
  4622. [id^="sm-hub-price-4"] code {
  4623. padding-left: 0;
  4624. text-align: center;
  4625. }
  4626. }
  4627. @media(max-width: 640px) {
  4628. [id^="sm-hub-price-4"] .sqs-row .sqs-row {
  4629. display: block;
  4630. }
  4631. [id^="sm-hub-price-4"] .Index-page-content {
  4632. padding: 10px 20px;
  4633. }
  4634. [id^="sm-hub-price-4"] h2 {
  4635. font-size: 22px;
  4636. }
  4637. [id^="sm-hub-price-4"] .sqs-col-3:last-child {
  4638. margin-bottom: 15px;
  4639. }
  4640. [id^="sm-hub-price-4"] h2:last-child {
  4641. margin-bottom: 5px !important;
  4642. }
  4643. [id^="sm-hub-price-4"] .sqs-col-3 p {
  4644. max-width: 100%;
  4645. }
  4646. [id^="sm-hub-price-4"] code:before {
  4647. right: 100px;
  4648. }
  4649. [id^="sm-hub-price-4"] code:after {
  4650. right: 104px;
  4651. }
  4652. }
  4653.  
  4654. /* Hub FAQ 2 */
  4655. [id^="sm-hub-faq-2"] h2 {
  4656. font-family: freight-big-pro;
  4657. font-weight: 400;
  4658. font-style: normal;
  4659. font-size: 30px;
  4660. letter-spacing: 0.01em;
  4661. line-height: 1.2em;
  4662. color: #494949;
  4663. }
  4664. [id^="sm-hub-faq-2"] .sqs-block-summary-v2 .summary-title a {
  4665. font-family: freight-big-pro;
  4666. font-weight: 400;
  4667. font-style: normal;
  4668. font-size: 24px;
  4669. letter-spacing: 0.01em;
  4670. line-height: 1.2em;
  4671. color: #fff;
  4672. text-transform: none;
  4673. pointer-events: none;
  4674. }
  4675. [id^="sm-hub-faq-2"] .sqs-block-summary-v2 .summary-excerpt p {
  4676. font-family: freight-sans-pro;
  4677. font-size: 15px;
  4678. line-height: 1.67em;
  4679. letter-spacing: 0;
  4680. color: #494949;
  4681. margin-bottom: 25px;
  4682. }
  4683. [id^="sm-hub-faq-2"] .summary-title:before {
  4684. font-family: freight-big-pro;
  4685. font-weight: 400;
  4686. font-style: normal;
  4687. font-size: 22px;
  4688. letter-spacing: 0.01em;
  4689. line-height: 1.2em;
  4690. color: #fff;
  4691. position: absolute;
  4692. top: 50px;
  4693. left: 50%;
  4694. transform: translateX(-50%);
  4695. }
  4696. [id^="sm-hub-faq-2"] .slick-prev,
  4697. [id^="sm-hub-faq-2"] .slick-next {
  4698. font-family: Questrial;
  4699. font-size: 9px;
  4700. letter-spacing: 0.4em;
  4701. line-height: 2em;
  4702. color: #494949;
  4703. text-transform: uppercase;
  4704. position: absolute;
  4705. top: -40px;
  4706. right: 140px;
  4707. background: none;
  4708. border: none;
  4709. outline: none;
  4710. z-index: 999;
  4711. }
  4712. [id^="sm-hub-faq-2"] .slick-next {
  4713. right: 5px;
  4714. }
  4715. [id^="sm-hub-faq-2"] {
  4716. background: #F2F1EF;
  4717. }
  4718. [id^="sm-hub-faq-2"] .Index-page-content {
  4719. padding: 50px 60px;
  4720. }
  4721. [id^="sm-hub-faq-2"] .Index-page-content .sqs-layout {
  4722. padding-left: 45px;
  4723. padding-right: 45px;
  4724. position: relative;
  4725. }
  4726. [id^="sm-hub-faq-2"] .Index-page-content .sqs-layout:before {
  4727. content: '';
  4728. position: absolute;
  4729. top: 52px;
  4730. left: 0;
  4731. width: 100%;
  4732. height: 1px;
  4733. background: #AFADA9;
  4734. }
  4735. [id^="sm-hub-faq-2"] .sqs-block-summary-v2 .summary-title {
  4736. box-sizing: border-box;
  4737. width: 45%;
  4738. float: left;
  4739. padding: 100px 60px 75px;
  4740. background: #AFADA9;
  4741. text-align: center;
  4742. position: relative;
  4743. }
  4744. [id^="sm-hub-faq-2"] .sqs-block-summary-v2 .summary-excerpt {
  4745. box-sizing: border-box;
  4746. width: 45%;
  4747. float: right;
  4748. padding-top: 65px;
  4749. }
  4750. [id^="sm-hub-faq-2"] .sqs-block-summary-v2,
  4751. [id^="sm-hub-faq-2"] .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
  4752. padding-bottom: 0 !important;
  4753. margin-bottom: 0 !important;
  4754. }
  4755. [id^="sm-hub-faq-2"] .summary-title:before {
  4756. content: "0" counter(sm-hub-faq-2-counter);
  4757. }
  4758. [id^="sm-hub-faq-2"] .summary-item {
  4759. counter-increment: sm-hub-faq-2-counter;
  4760. outline: none;
  4761. }
  4762. [id^="sm-hub-faq-2"] .sqs-block-summary-v2 {
  4763. counter-reset: sm-hub-faq-2-counter;
  4764. }
  4765. [id^="sm-hub-faq-2"] .slick-prev:before,
  4766. [id^="sm-hub-faq-2"] .slick-next:before {
  4767. content: '';
  4768. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d0745d8e2ed170001098d36/1560757721001/arrow-prev.png") no-repeat;
  4769. background-size: contain;
  4770. width: 25px;
  4771. height: 6px;
  4772. border: none;
  4773. font-size: 0;
  4774. outline: none;
  4775. position: absolute;
  4776. top: 6px;
  4777. right: 60px;
  4778. }
  4779. [id^="sm-hub-faq-2"] .slick-next:before {
  4780. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d0747057f1d3900011b6639/1560758021212/arrow-next.png") no-repeat;
  4781. background-size: contain;
  4782. right: -30px;
  4783. }
  4784. [id^="sm-hub-faq-2"] .slick-prev:after {
  4785. content: '';
  4786. position: absolute;
  4787. top: 2px;
  4788. right: -40px;
  4789. background: #afada9;
  4790. width: 1px;
  4791. height: 15px;
  4792. transform: rotate(20deg);
  4793. }
  4794. [id^="sm-hub-faq-2"] .sqs-col-6 .sqs-block-html {
  4795. padding-bottom: 0 !important;
  4796. }
  4797. [id^="sm-hub-faq-2"] .sqs-col-6 .sqs-block-spacer {
  4798. display: none;
  4799. }
  4800. @media(max-width: 991px) {
  4801. [id^="sm-hub-faq-2"] .Index-page-content {
  4802. padding: 40px 30px;
  4803. }
  4804. [id^="sm-hub-faq-2"] .Index-page-content .sqs-layout {
  4805. padding-left: 25px;
  4806. padding-right: 25px;
  4807. }
  4808. [id^="sm-hub-faq-2"] .sqs-block-summary-v2 .summary-excerpt {
  4809. padding-top: 20px;
  4810. }
  4811. }
  4812. @media(max-width: 767px) {
  4813. [id^="sm-hub-faq-2"] .sqs-block-summary-v2 .summary-title {
  4814. padding: 60px 30px 40px;
  4815. }
  4816. [id^="sm-hub-faq-2"] .summary-title:before {
  4817. top: 20px;
  4818. }
  4819. }
  4820. @media(max-width: 640px) {
  4821. [id^="sm-hub-faq-2"] .Index-page-content {
  4822. padding: 30px 20px 40px;
  4823. }
  4824. [id^="sm-hub-faq-2"] .sqs-block-summary-v2 .summary-title,
  4825. [id^="sm-hub-faq-2"] .sqs-block-summary-v2 .summary-excerpt {
  4826. width: 100%;
  4827. float: none;
  4828. }
  4829. [id^="sm-hub-faq-2"] .Index-page-content .sqs-layout {
  4830. padding-left: 10px;
  4831. padding-right: 10px;
  4832. }
  4833. [id^="sm-hub-faq-2"] .slick-prev,
  4834. [id^="sm-hub-faq-2"] .slick-next {
  4835. top: auto;
  4836. bottom: -30px;
  4837. }
  4838. [id^="sm-hub-faq-2"] .slick-prev {
  4839. right: auto;
  4840. left: calc(~"50% - 100px");
  4841. }
  4842. [id^="sm-hub-faq-2"] .slick-next {
  4843. right: calc(~"50% - 90px");
  4844. }
  4845. }
  4846.  
  4847. /* Hub In the Press 1 */
  4848. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-heading {
  4849. font-family: freight-big-pro;
  4850. font-weight: 400;
  4851. font-style: normal;
  4852. font-size: 22px;
  4853. letter-spacing: 0.04em;
  4854. line-height: 1.25em;
  4855. text-transform: uppercase;
  4856. margin-bottom: 45px;
  4857. }
  4858. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-title a {
  4859. font-family: Questrial;
  4860. font-size: 10px;
  4861. letter-spacing: 0.4em;
  4862. line-height: 2em;
  4863. color: #494949;
  4864. text-transform: uppercase;
  4865. pointer-events: none;
  4866. }
  4867. [id^="sm-hub-in-the-press-1"] .Index-page-content {
  4868. padding: 60px 50px 40px;
  4869. }
  4870. [id^="sm-hub-in-the-press-1"] .sqs-row {
  4871. overflow: hidden;
  4872. }
  4873. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 {
  4874. margin-right: -140px !important;
  4875. }
  4876. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-thumbnail-outer-container a {
  4877. pointer-events: none;
  4878. }
  4879. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-item {
  4880. padding-right: 80px !important;
  4881. }
  4882. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-title {
  4883. font-size: 10px;
  4884. margin-top: 17px !important;
  4885. }
  4886. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager {
  4887. width: auto;
  4888. position: absolute;
  4889. right: 165px;
  4890. }
  4891. [id^="sm-hub-in-the-press-1"] .sqs-gallery-design-carousel .sqs-gallery-controls .previous {
  4892. margin-right: 55px;
  4893. }
  4894. [id^="sm-hub-in-the-press-1"] .sqs-gallery-design-carousel .sqs-gallery-controls .next:before,
  4895. [id^="sm-hub-in-the-press-1"] .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before {
  4896. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d0745d8e2ed170001098d36/1560757721001/arrow-prev.png") no-repeat;
  4897. background-size: contain;
  4898. width: 18px;
  4899. height: 5px;
  4900. font-size: 0;
  4901. outline: none;
  4902. }
  4903. [id^="sm-hub-in-the-press-1"] .sqs-gallery-design-carousel .sqs-gallery-controls .next:before {
  4904. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d0747057f1d3900011b6639/1560758021212/arrow-next.png") no-repeat;
  4905. background-size: contain;
  4906. }
  4907. @media(max-width: 1199px) {
  4908. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-item {
  4909. padding-right: 40px !important;
  4910. }
  4911. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 {
  4912. margin-right: -100px !important;
  4913. }
  4914. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager {
  4915. right: 100px;
  4916. }
  4917. }
  4918. @media(max-width: 991px) {
  4919. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-item {
  4920. padding-right: 20px !important;
  4921. }
  4922. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-title a {
  4923. font-size: 9px;
  4924. letter-spacing: 0.3em;
  4925. }
  4926. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-heading {
  4927. margin-bottom: 20px;
  4928. }
  4929. }
  4930. @media(max-width: 767px) {
  4931. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-title a {
  4932. font-size: 10px;
  4933. letter-spacing: 0.4em;
  4934. }
  4935. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-item {
  4936. padding-right: 30px !important;
  4937. }
  4938. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 {
  4939. padding-left: 0 !important;
  4940. margin-right: -45px !important;
  4941. }
  4942. [id^="sm-hub-in-the-press-1"] .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager {
  4943. right: 50px;
  4944. }
  4945. }
  4946. @media(max-width: 640px) {
  4947. [id^="sm-hub-in-the-press-1"] .Index-page-content {
  4948. padding: 20px 40px;
  4949. }
  4950. }
  4951.  
  4952. /* Hub Testimonials 3 */
  4953. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-metadata-item {
  4954. font-family: freight-big-pro;
  4955. font-size: 35px;
  4956. letter-spacing: 0.02em;
  4957. line-height: 1.2em;
  4958. color: #fff;
  4959. }
  4960. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-excerpt p {
  4961. font-family: freight-sans-pro;
  4962. font-size: 15px;
  4963. letter-spacing: 0;
  4964. line-height: 1.67em;
  4965. color: #fff;
  4966. text-align: center;
  4967. }
  4968. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-title a {
  4969. font-family: freight-big-pro;
  4970. font-size: 35px;
  4971. font-style: italic;
  4972. letter-spacing: 0.02em;
  4973. line-height: 1.2em;
  4974. color: #fff;
  4975. pointer-events: none;
  4976. }
  4977. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-excerpt strong {
  4978. font-family: Questrial;
  4979. font-size: 10px;
  4980. font-style: normal;
  4981. letter-spacing: 0.4em;
  4982. line-height: 2em;
  4983. color: #fff;
  4984. display: inline-block;
  4985. margin-top: 20px;
  4986. }
  4987. body [id^="sm-hub-testimonials-3"] {
  4988. background: #494949;
  4989. }
  4990. body [id^="sm-hub-testimonials-3"]:before {
  4991. content: '';
  4992. position: absolute;
  4993. bottom: 0;
  4994. left: 0;
  4995. height: 120px;
  4996. width: 100%;
  4997. background: #fff;
  4998. }
  4999. body [id^="sm-hub-testimonials-3"] .Index-page-content {
  5000. padding: 100px 40px 70px;
  5001. }
  5002. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 {
  5003. padding-bottom: 0 !important;
  5004. }
  5005. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-item {
  5006. outline: none;
  5007. display: flex;
  5008. padding-bottom: 0 !important;
  5009. margin-bottom: 0 !important;
  5010. }
  5011. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-title {
  5012. width: 33% !important;
  5013. text-align: center;
  5014. padding-top: 140px;
  5015. position: relative;
  5016. }
  5017. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-thumbnail-outer-container {
  5018. width: 33% !important;
  5019. }
  5020. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-content {
  5021. width: 33% !important;
  5022. box-sizing: border-box;
  5023. max-width: 320px;
  5024. margin: 0 auto;
  5025. }
  5026. /* only for edit mode */
  5027. body [id^="sm-hub-testimonials-3"] .yui3-widget.sqs-block-summary-v2 .summary-content {
  5028. width: 70% !important;
  5029. max-width: 100%;
  5030. }
  5031. body [id^="sm-hub-testimonials-3"] .yui3-widget.sqs-block-summary-v2 .summary-title {
  5032. float: left;
  5033. }
  5034. body [id^="sm-hub-testimonials-3"] .yui3-widget.sqs-block-summary-v2 .summary-excerpt {
  5035. float: right;
  5036. width: 67%;
  5037. }
  5038.  
  5039. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-title:before {
  5040. content: '';
  5041. position: absolute;
  5042. top: 5px;
  5043. left: 50%;
  5044. transform: translateX(-50%);
  5045. width: 105px;
  5046. height: 113px;
  5047. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1de560ae39c800014559b6/1562240352504/testimonials-3-flower.png") no-repeat;
  5048. background-size: contain;
  5049. }
  5050. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-title:after {
  5051. content: 'Kind Words';
  5052. font-family: freight-big-pro;
  5053. font-size: 22px;
  5054. font-style: normal;
  5055. letter-spacing: 0.04em;
  5056. line-height: 1.2em;
  5057. color: #AFADA9;
  5058. text-transform: uppercase;
  5059. position: absolute;
  5060. top: 65px;
  5061. left: 50%;
  5062. transform: translateX(-50%);
  5063. }
  5064. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-thumbnail-container {
  5065. box-sizing: border-box;
  5066. padding-left: 30px !important;
  5067. padding-right: 30px !important;
  5068. }
  5069. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-excerpt {
  5070. padding-top: 35px;
  5071. }
  5072. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .slick-prev,
  5073. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .slick-next {
  5074. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1dea263216d20001ab780c/1562241574084/arrow-left-white.png") no-repeat;
  5075. background-size: contain;
  5076. width: 18px;
  5077. height: 5px;
  5078. border: none;
  5079. font-size: 0;
  5080. outline: none;
  5081. position: absolute;
  5082. bottom: 90px;
  5083. left: 120px;
  5084. z-index: 9999;
  5085. }
  5086. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .slick-next {
  5087. background: url("https://static1.squarespace.com/static/5ceba3dbc5ca7e00015605e8/t/5d1dea50ac21b90001bebf1d/1562241616931/arrow-right-white.png") no-repeat;
  5088. background-size: contain;
  5089. left: 190px;
  5090. }
  5091. @media(max-width: 1199px) {
  5092. body [id^="sm-hub-testimonials-3"]:before {
  5093. display: none;
  5094. }
  5095. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .slick-prev,
  5096. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .slick-next {
  5097. bottom: 30px;
  5098. }
  5099. }
  5100. @media(max-width: 991px) {
  5101. body [id^="sm-hub-testimonials-3"] .Index-page-content {
  5102. padding: 60px 40px 50px;
  5103. }
  5104. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-item {
  5105. align-items: center;
  5106. }
  5107. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-title a {
  5108. font-size: 30px;
  5109. }
  5110. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-excerpt {
  5111. padding-top: 0;
  5112. }
  5113. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .slick-prev {
  5114. left: 60px;
  5115. }
  5116. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .slick-next {
  5117. left: 130px;
  5118. }
  5119. }
  5120. @media(max-width: 767px) {
  5121. body [id^="sm-hub-testimonials-3"] .Index-page-content {
  5122. padding: 40px 20px 30px;
  5123. }
  5124. }
  5125. @media(max-width: 640px) {
  5126. body [id^="sm-hub-testimonials-3"] .Index-page-content {
  5127. padding: 20px 20px 40px;
  5128. }
  5129. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-item {
  5130. display: block;
  5131. }
  5132. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-title,
  5133. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-thumbnail-outer-container,
  5134. body [id^="sm-hub-testimonials-3"] .sqs-gallery-design-list .sqs-gallery-design-list-slide .sqs-gallery-meta-container {
  5135. width: 100% !important;
  5136. clear: both;
  5137. }
  5138. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-title a {
  5139. font-size: 25px;
  5140. }
  5141. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-content {
  5142. padding-top: 20px;
  5143. }
  5144. body [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .summary-excerpt strong {
  5145. margin-top: 0;
  5146. }
  5147. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .slick-prev,
  5148. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .slick-next {
  5149. bottom: -20px;
  5150. }
  5151. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .slick-prev {
  5152. left: 100px;
  5153. }
  5154. [id^="sm-hub-testimonials-3"] .sqs-block-summary-v2 .slick-next {
  5155. left: auto;
  5156. right: 100px;
  5157. }
  5158. }
  5159.  
  5160. /* Hub Contact 3 */
  5161. [id^="sm-hub-contact-3"] h2 {
  5162. font-family: freight-big-pro;
  5163. font-size: 45px;
  5164. letter-spacing: 0.01em;
  5165. line-height: 1.24em;
  5166. color: #494949;
  5167. }
  5168. [id^="sm-hub-contact-3"] .form-wrapper .field-list .title {
  5169. font-family: Questrial;
  5170. font-size: 10px;
  5171. letter-spacing: 0.2em;
  5172. line-height: 2.5em;
  5173. color: #494949;
  5174. text-transform: uppercase;
  5175. margin-bottom: 10px;
  5176. }
  5177. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field.checkbox label {
  5178. font-family: freight-sans-pro;
  5179. font-size: 15px;
  5180. letter-spacing: 0;
  5181. line-height: 1.67em;
  5182. color: #494949;
  5183. text-transform: none;
  5184. }
  5185. [id^="sm-hub-contact-3"] .form-wrapper .form-button-wrapper input[type="submit"] {
  5186. font-family: Poppins;
  5187. font-size: 10px;
  5188. letter-spacing: 0.3em;
  5189. line-height: 1.5em;
  5190. color: #fff;
  5191. text-transform: uppercase;
  5192. border: 1px solid #494949;
  5193. background: #494949;
  5194. border-radius: 0;
  5195. padding: 12px 60px;
  5196. }
  5197. [id^="sm-hub-contact-3"] .form-wrapper ::placeholder {
  5198. font-family: Questrial;
  5199. font-size: 8px;
  5200. letter-spacing: 0.2em;
  5201. line-height: 1.5em;
  5202. color: #494949;
  5203. text-transform: uppercase;
  5204. }
  5205. [id^="sm-hub-contact-3"] .form-wrapper ::-webkit-input-placeholder { /* Edge */
  5206. font-family: Questrial;
  5207. font-size: 8px;
  5208. letter-spacing: 0.2em;
  5209. line-height: 1.5em;
  5210. color: #494949;
  5211. text-transform: uppercase;
  5212. }
  5213. [id^="sm-hub-contact-3"] .form-wrapper :-ms-input-placeholder { /* Internet Explorer 10-11 */
  5214. font-family: Questrial;
  5215. font-size: 8px;
  5216. letter-spacing: 0.2em;
  5217. line-height: 1.5em;
  5218. color: #494949;
  5219. text-transform: uppercase;
  5220. }
  5221. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field {
  5222. margin: 0 0 15px;
  5223. }
  5224. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field .field-element {
  5225. font-family: Questrial;
  5226. font-size: 14px;
  5227. letter-spacing: 0;
  5228. line-height: 1.5em;
  5229. color: #494949;
  5230. text-transform: none;
  5231. padding-left: 8px;
  5232. padding-bottom: 0;
  5233. border: none;
  5234. border-bottom: 1px solid #D8D8D8;
  5235. border-radius: 0;
  5236. background: none;
  5237. margin-top: 10px;
  5238. }
  5239. [id^="sm-hub-contact-3"] .form-wrapper .form-submission-text {
  5240. font-family: Questrial;
  5241. font-size: 18px;
  5242. letter-spacing: 0;
  5243. line-height: 1.5em;
  5244. color: #494949;
  5245. text-align: center;
  5246. }
  5247. [id^="sm-hub-contact-3"] .Index-page-content {
  5248. padding: 0;
  5249. max-width: 100%;
  5250. }
  5251. [id^="sm-hub-contact-3"] .sqs-row {
  5252. display: flex;
  5253. align-items: center;
  5254. }
  5255. [id^="sm-hub-contact-3"] .sqs-block-form {
  5256. max-width: 360px;
  5257. margin: 0 auto;
  5258. padding-top: 0;
  5259. }
  5260. [id^="sm-hub-contact-3"] .sqs-block-image {
  5261. padding-bottom: 0;
  5262. margin-bottom: 0;
  5263. }
  5264. [id^="sm-hub-contact-3"] span.required {
  5265. display: none;
  5266. }
  5267. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field textarea.field-element {
  5268. min-height: 95px;
  5269. height: 95px;
  5270. margin-bottom: 45px;
  5271. resize: none;
  5272. }
  5273. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field input[type="checkbox"] {
  5274. border: 1px solid #D8D8D8;
  5275. border-radius: 0;
  5276. }
  5277. [id^="sm-hub-contact-3"] .form-wrapper .form-button-wrapper input[type="submit"]:hover {
  5278. background: transparent;
  5279. color: #494949;
  5280. }
  5281. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field.sqmuse-terms-and-conditions {
  5282. margin-top: 40px;
  5283. }
  5284.  
  5285. /* ckeckbox */
  5286. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field.checkbox:last-child {
  5287. margin-top: 60px;
  5288. }
  5289. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field.checkbox input[type="checkbox"] {
  5290. opacity: 0;
  5291. margin-right: 7px;
  5292. }
  5293. [id^="sm-hub-contact-3"] .checkbox label::before{
  5294. content: "";
  5295. position: absolute;
  5296. display: inline-block;
  5297. height: 10px;
  5298. width: 10px;
  5299. border: 1px solid #D8D8D8;
  5300. border-radius: 0;
  5301. top: 7px;
  5302. }
  5303. /* ckeckbox mark */
  5304. [id^="sm-hub-contact-3"] .checkbox label::after {
  5305. content: "";
  5306. position: absolute;
  5307. display: inline-block;
  5308. height: 3px;
  5309. width: 6px;
  5310. left: 3px;
  5311. top: 10px;
  5312. }
  5313. [id^="sm-hub-contact-3"] .custom-checkbox label.checked::before {
  5314. border-color: #494949;
  5315. }
  5316. [id^="sm-hub-contact-3"] .custom-checkbox label.checked::after {
  5317. border-left: 1px solid #494949;
  5318. border-bottom: 1px solid #494949;
  5319. transform: rotate(-45deg);
  5320. }
  5321. /* radio */
  5322. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field.radio {
  5323. margin-bottom: 35px;
  5324. }
  5325. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field.radio input[type="radio"] {
  5326. opacity: 0;
  5327. margin-right: -2px;
  5328. }
  5329. [id^="sm-hub-contact-3"] .custom-radio {
  5330. display: inline-block;
  5331. padding-right: 45px;
  5332. }
  5333. [id^="sm-hub-contact-3"] .radio label::before {
  5334. content: "";
  5335. display: inline-block;
  5336. position: relative;
  5337. height: 10px;
  5338. width: 10px;
  5339. border: 1px solid #D8D8D8;
  5340. border-radius: 50%;
  5341. top: 3px;
  5342. }
  5343. /* radio mark */
  5344. [id^="sm-hub-contact-3"] .radio label.checked::before {
  5345. border: 1px solid #494949;
  5346. }
  5347. [id^="sm-hub-contact-3"] .radio label.checked::after {
  5348. content: "";
  5349. display: inline-block;
  5350. position: absolute;
  5351. height: 6px;
  5352. width: 6px;
  5353. border-radius: 50%;
  5354. top: 7px;
  5355. left: 3px;
  5356. background: #494949;
  5357. }
  5358. [id^="sm-hub-contact-3"] .custom-checkbox,
  5359. [id^="sm-hub-contact-3"] .custom-radio.parent-checked,
  5360. [id^="sm-hub-contact-3"] .custom-checkbox.parent-checked {
  5361. position: relative;
  5362. }
  5363. [id^="sm-hub-contact-3"] .form-button-wrapper {
  5364. margin-top: 0;
  5365. }
  5366. [id^="sm-hub-contact-3"] .textarea:last-child {
  5367. display: none;
  5368. }
  5369. @media(max-width: 1199px) {
  5370. [id^="sm-hub-contact-3"] .Index-page-content {
  5371. padding: 30px 0;
  5372. }
  5373. [id^="sm-hub-contact-3"] h2 {
  5374. font-size: 40px;
  5375. }
  5376. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field.checkbox:last-child {
  5377. margin-top: 30px;
  5378. }
  5379. }
  5380. @media(max-width: 991px) {
  5381. [id^="sm-hub-contact-3"] .sqs-block-form {
  5382. padding-left: 40px;
  5383. }
  5384. [id^="sm-hub-contact-3"] h2 {
  5385. font-size: 35px;
  5386. }
  5387. }
  5388. @media(max-width: 767px) {
  5389. [id^="sm-hub-contact-3"] h2 {
  5390. font-size: 30px;
  5391. }
  5392. }
  5393. @media(max-width: 640px) {
  5394. [id^="sm-hub-contact-3"] .sqs-row {
  5395. display: block;
  5396. }
  5397. [id^="sm-hub-contact-3"] .Index-page-content {
  5398. padding: 10px 20px;
  5399. }
  5400. [id^="sm-hub-contact-3"] .sqs-block-form {
  5401. padding-left: 17px;
  5402. padding-right: 17px;
  5403. }
  5404. [id^="sm-hub-contact-3"] .form-wrapper .field-list .field .option {
  5405. font-size: 14px;
  5406. }
  5407. [id^="sm-hub-contact-3"] .radio label.checked::after {
  5408. top: 8px;
  5409. }
  5410. }
  5411. /** end Kit 3 **/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!