Advertisement
Guest User

Untitled

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