Advertisement
iefhanz

css for my page

Apr 26th, 2023
15
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 76.52 KB | Source Code | 0 0
  1. /*!
  2. Theme Name: Worky Lite
  3. Theme URI: https://www.templatemonster.com/authors/zemez/
  4. Author: Zemez
  5. Author URI: https://zemez.io/wordpress/
  6. Description: Worky Lite is a perfectly balanced clean WordPress theme, fully compatible with Elementor. It is perfect for blogging, providing lots of blog variations and even more style settings, allowing everyone to customize its appearance: change logo, add sidebars and display widgets, select color schemes, etc. One of its main features is full responsiveness, so it will look great on all kinds of devices. Worky theme works just fine with WooCommerce plugin, and will be a great choice for creating a web store. It possesses immaculate typography, and its stylish appearance will satisfy even the most demanding. Worky theme is easy-to-use and customize, providing the best experience for everyone.
  7. Version: 1.0.0
  8. License: GNU General Public License v2 or later
  9. License URI: LICENSE
  10. Text Domain: workylite
  11. Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
  12.  
  13. This theme, like WordPress, is licensed under the GPL.
  14. Use it to make something cool, have fun, and share what you've learned with others.
  15.  
  16. Worky is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
  17. Underscores is distributed under the terms of the GNU GPL v2 or later.
  18.  
  19. Normalizing styles have been helped along thanks to the fine work of
  20. Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
  21. */
  22. html {
  23. font-family: sans-serif;
  24. -webkit-text-size-adjust: 100%;
  25. -ms-text-size-adjust: 100%;
  26. }
  27. body {
  28. margin: 0;
  29. background-color: white;
  30. }
  31. article,
  32. aside,
  33. details,
  34. figcaption,
  35. figure,
  36. footer,
  37. header,
  38. main,
  39. menu,
  40. nav,
  41. section,
  42. summary {
  43. display: block;
  44. }
  45. audio,
  46. canvas,
  47. progress,
  48. video {
  49. display: inline-block;
  50. vertical-align: baseline;
  51. }
  52. audio:not([controls]) {
  53. display: none;
  54. height: 0;
  55. }
  56. [hidden],
  57. template {
  58. display: none;
  59. }
  60. a {
  61. background-color: transparent;
  62. text-decoration: none;
  63. }
  64. a:active,
  65. a:hover {
  66. outline: 0;
  67. }
  68. abbr[title] {
  69. border-bottom: 1px dotted;
  70. }
  71. b,
  72. strong {
  73. font-weight: bold;
  74. }
  75. dfn {
  76. font-style: italic;
  77. }
  78. h1 {
  79. font-size: 2em;
  80. margin: 0.67em 0;
  81. }
  82. mark {
  83. background: #ff0;
  84. color: #000;
  85. }
  86. small {
  87. font-size: 80%;
  88. }
  89. sub,
  90. sup {
  91. font-size: 75%;
  92. line-height: 0;
  93. position: relative;
  94. vertical-align: baseline;
  95. }
  96. sup {
  97. top: -0.5em;
  98. }
  99. sub {
  100. bottom: -0.25em;
  101. }
  102. img {
  103. border: 0;
  104. }
  105. svg:not(:root) {
  106. overflow: hidden;
  107. }
  108. figure {
  109. margin: 0px;
  110. }
  111. hr {
  112. -webkit-box-sizing: content-box;
  113. box-sizing: content-box;
  114. height: 0;
  115. }
  116. pre {
  117. overflow: auto;
  118. }
  119. code,
  120. kbd,
  121. pre,
  122. samp {
  123. font-family: monospace, monospace;
  124. font-size: 1em;
  125. }
  126. button,
  127. input,
  128. optgroup,
  129. select,
  130. textarea {
  131. color: inherit;
  132. font: inherit;
  133. margin: 0;
  134. }
  135. button {
  136. overflow: visible;
  137. }
  138. button,
  139. select {
  140. text-transform: none;
  141. }
  142. button,
  143. html input[type="button"],
  144. input[type="reset"],
  145. input[type="submit"] {
  146. -webkit-appearance: button;
  147. cursor: pointer;
  148. }
  149. button[disabled],
  150. html input[disabled] {
  151. cursor: default;
  152. }
  153. button::-moz-focus-inner,
  154. input::-moz-focus-inner {
  155. border: 0;
  156. padding: 0;
  157. }
  158. input {
  159. line-height: normal;
  160. }
  161. input[type="checkbox"],
  162. input[type="radio"] {
  163. -webkit-box-sizing: border-box;
  164. box-sizing: border-box;
  165. padding: 0;
  166. }
  167. input[type="number"]::-webkit-inner-spin-button,
  168. input[type="number"]::-webkit-outer-spin-button {
  169. height: auto;
  170. }
  171. input[type="search"] {
  172. -webkit-appearance: textfield;
  173. -webkit-box-sizing: content-box;
  174. box-sizing: content-box;
  175. }
  176. input[type="search"]::-webkit-search-cancel-button,
  177. input[type="search"]::-webkit-search-decoration {
  178. -webkit-appearance: none;
  179. }
  180. fieldset {
  181. border: 1px solid #c0c0c0;
  182. margin: 0 2px;
  183. padding: 0.35em 0.625em 0.75em;
  184. }
  185. legend {
  186. border: 0;
  187. padding: 0;
  188. }
  189. textarea {
  190. overflow: auto;
  191. }
  192. optgroup {
  193. font-weight: bold;
  194. }
  195. table {
  196. border-collapse: collapse;
  197. border-spacing: 0;
  198. }
  199. td,
  200. th {
  201. padding: 0;
  202. }
  203. html {
  204. font-size: 16px;
  205. font-size: 1rem;
  206. }
  207. h1,
  208. h2,
  209. h3,
  210. h4,
  211. h5,
  212. h6 {
  213. margin: 15px 0;
  214. }
  215. p {
  216. margin: 0 0 1em;
  217. }
  218. cite,
  219. dfn,
  220. em,
  221. i {
  222. font-style: italic;
  223. }
  224. blockquote {
  225. font-size: 20px;
  226. font-size: 1.25rem;
  227. }
  228. blockquote cite {
  229. font-size: 14px;
  230. font-size: 0.875rem;
  231. }
  232. address {
  233. margin: 0 0 1.5em;
  234. }
  235. pre {
  236. font-family: "Courier 10 Pitch", Courier, monospace;
  237. line-height: 1.6;
  238. overflow: auto;
  239. max-width: 100%;
  240. margin: 0 0 1.5em;
  241. padding: 1.5em;
  242. background: #eee;
  243. border: 1px solid #d5d5d5;
  244. white-space: pre;
  245. white-space: pre-wrap;
  246. word-wrap: break-word;
  247. font-size: 16px;
  248. font-size: 1rem;
  249. }
  250. code,
  251. kbd,
  252. tt,
  253. var {
  254. font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  255. font-size: 15px;
  256. font-size: 0.9375rem;
  257. }
  258. code {
  259. padding: 2px 5px;
  260. border: 1px solid #ebeced;
  261. }
  262. abbr,
  263. acronym {
  264. cursor: help;
  265. border-bottom: 1px dotted #666;
  266. }
  267. ins,
  268. mark {
  269. font-style: italic;
  270. text-decoration: none;
  271. border-bottom: 1px solid;
  272. }
  273. big {
  274. font-size: 125%;
  275. }
  276. .container {
  277. margin-left: auto;
  278. margin-right: auto;
  279. padding-left: 0.9375rem;
  280. padding-right: 0.9375rem;
  281. }
  282. @media (min-width: 640px) {
  283. .container {
  284. max-width: 640px;
  285. }
  286. }
  287. @media (min-width: 940px) {
  288. .container {
  289. max-width: 940px;
  290. }
  291. }
  292. @media (min-width: 1120px) {
  293. .container {
  294. max-width: 1120px;
  295. }
  296. }
  297. @media (min-width: 1200px) {
  298. .container {
  299. max-width: 1200px;
  300. }
  301. }
  302. .container-fluid {
  303. margin-left: auto;
  304. margin-right: auto;
  305. padding-left: 0.9375rem;
  306. padding-right: 0.9375rem;
  307. }
  308. .row {
  309. display: -webkit-box;
  310. display: -ms-flexbox;
  311. display: flex;
  312. -ms-flex-wrap: wrap;
  313. flex-wrap: wrap;
  314. margin-left: -0.9375rem;
  315. margin-right: -0.9375rem;
  316. }
  317. .col-lg-1,
  318. .col-lg-2,
  319. .col-lg-3,
  320. .col-lg-4,
  321. .col-lg-5,
  322. .col-lg-6,
  323. .col-lg-7,
  324. .col-lg-8,
  325. .col-lg-9,
  326. .col-lg-10,
  327. .col-lg-11,
  328. .col-lg-12,
  329. .col-md-1,
  330. .col-md-2,
  331. .col-md-3,
  332. .col-md-4,
  333. .col-md-5,
  334. .col-md-6,
  335. .col-md-7,
  336. .col-md-8,
  337. .col-md-9,
  338. .col-md-10,
  339. .col-md-11,
  340. .col-md-12,
  341. .col-sm-1,
  342. .col-sm-2,
  343. .col-sm-3,
  344. .col-sm-4,
  345. .col-sm-5,
  346. .col-sm-6,
  347. .col-sm-7,
  348. .col-sm-8,
  349. .col-sm-9,
  350. .col-sm-10,
  351. .col-sm-11,
  352. .col-sm-12,
  353. .col-xl-1,
  354. .col-xl-2,
  355. .col-xl-3,
  356. .col-xl-4,
  357. .col-xl-5,
  358. .col-xl-6,
  359. .col-xl-7,
  360. .col-xl-8,
  361. .col-xl-9,
  362. .col-xl-10,
  363. .col-xl-11,
  364. .col-xl-12,
  365. .col-xs-1,
  366. .col-xs-2,
  367. .col-xs-3,
  368. .col-xs-4,
  369. .col-xs-5,
  370. .col-xs-6,
  371. .col-xs-7,
  372. .col-xs-8,
  373. .col-xs-9,
  374. .col-xs-10,
  375. .col-xs-11,
  376. .col-xs-12 {
  377. position: relative;
  378. min-height: 1px;
  379. padding-left: 0.9375rem;
  380. padding-right: 0.9375rem;
  381. }
  382. .col-xs-1 {
  383. -webkit-box-flex: 0;
  384. -ms-flex: 0 0 8.33333%;
  385. flex: 0 0 8.33333%;
  386. max-width: 8.33333%;
  387. }
  388. .col-xs-2 {
  389. -webkit-box-flex: 0;
  390. -ms-flex: 0 0 16.66667%;
  391. flex: 0 0 16.66667%;
  392. max-width: 16.66667%;
  393. }
  394. .col-xs-3 {
  395. -webkit-box-flex: 0;
  396. -ms-flex: 0 0 25%;
  397. flex: 0 0 25%;
  398. max-width: 25%;
  399. }
  400. .col-xs-4 {
  401. -webkit-box-flex: 0;
  402. -ms-flex: 0 0 33.33333%;
  403. flex: 0 0 33.33333%;
  404. max-width: 33.33333%;
  405. }
  406. .col-xs-5 {
  407. -webkit-box-flex: 0;
  408. -ms-flex: 0 0 41.66667%;
  409. flex: 0 0 41.66667%;
  410. max-width: 41.66667%;
  411. }
  412. .col-xs-6 {
  413. -webkit-box-flex: 0;
  414. -ms-flex: 0 0 50%;
  415. flex: 0 0 50%;
  416. max-width: 50%;
  417. }
  418. .col-xs-7 {
  419. -webkit-box-flex: 0;
  420. -ms-flex: 0 0 58.33333%;
  421. flex: 0 0 58.33333%;
  422. max-width: 58.33333%;
  423. }
  424. .col-xs-8 {
  425. -webkit-box-flex: 0;
  426. -ms-flex: 0 0 66.66667%;
  427. flex: 0 0 66.66667%;
  428. max-width: 66.66667%;
  429. }
  430. .col-xs-9 {
  431. -webkit-box-flex: 0;
  432. -ms-flex: 0 0 75%;
  433. flex: 0 0 75%;
  434. max-width: 75%;
  435. }
  436. .col-xs-10 {
  437. -webkit-box-flex: 0;
  438. -ms-flex: 0 0 83.33333%;
  439. flex: 0 0 83.33333%;
  440. max-width: 83.33333%;
  441. }
  442. .col-xs-11 {
  443. -webkit-box-flex: 0;
  444. -ms-flex: 0 0 91.66667%;
  445. flex: 0 0 91.66667%;
  446. max-width: 91.66667%;
  447. }
  448. .col-xs-12 {
  449. -webkit-box-flex: 0;
  450. -ms-flex: 0 0 100%;
  451. flex: 0 0 100%;
  452. max-width: 100%;
  453. }
  454. .col-xs-pull-0 {
  455. right: auto;
  456. }
  457. .col-xs-pull-1 {
  458. right: 8.33333%;
  459. }
  460. .col-xs-pull-2 {
  461. right: 16.66667%;
  462. }
  463. .col-xs-pull-3 {
  464. right: 25%;
  465. }
  466. .col-xs-pull-4 {
  467. right: 33.33333%;
  468. }
  469. .col-xs-pull-5 {
  470. right: 41.66667%;
  471. }
  472. .col-xs-pull-6 {
  473. right: 50%;
  474. }
  475. .col-xs-pull-7 {
  476. right: 58.33333%;
  477. }
  478. .col-xs-pull-8 {
  479. right: 66.66667%;
  480. }
  481. .col-xs-pull-9 {
  482. right: 75%;
  483. }
  484. .col-xs-pull-10 {
  485. right: 83.33333%;
  486. }
  487. .col-xs-pull-11 {
  488. right: 91.66667%;
  489. }
  490. .col-xs-pull-12 {
  491. right: 100%;
  492. }
  493. .col-xs-push-0 {
  494. left: auto;
  495. }
  496. .col-xs-push-1 {
  497. left: 8.33333%;
  498. }
  499. .col-xs-push-2 {
  500. left: 16.66667%;
  501. }
  502. .col-xs-push-3 {
  503. left: 25%;
  504. }
  505. .col-xs-push-4 {
  506. left: 33.33333%;
  507. }
  508. .col-xs-push-5 {
  509. left: 41.66667%;
  510. }
  511. .col-xs-push-6 {
  512. left: 50%;
  513. }
  514. .col-xs-push-7 {
  515. left: 58.33333%;
  516. }
  517. .col-xs-push-8 {
  518. left: 66.66667%;
  519. }
  520. .col-xs-push-9 {
  521. left: 75%;
  522. }
  523. .col-xs-push-10 {
  524. left: 83.33333%;
  525. }
  526. .col-xs-push-11 {
  527. left: 91.66667%;
  528. }
  529. .col-xs-push-12 {
  530. left: 100%;
  531. }
  532. .col-xs-offset-0 {
  533. margin-left: 0%;
  534. }
  535. .col-xs-offset-1 {
  536. margin-left: 8.33333%;
  537. }
  538. .col-xs-offset-2 {
  539. margin-left: 16.66667%;
  540. }
  541. .col-xs-offset-3 {
  542. margin-left: 25%;
  543. }
  544. .col-xs-offset-4 {
  545. margin-left: 33.33333%;
  546. }
  547. .col-xs-offset-5 {
  548. margin-left: 41.66667%;
  549. }
  550. .col-xs-offset-6 {
  551. margin-left: 50%;
  552. }
  553. .col-xs-offset-7 {
  554. margin-left: 58.33333%;
  555. }
  556. .col-xs-offset-8 {
  557. margin-left: 66.66667%;
  558. }
  559. .col-xs-offset-9 {
  560. margin-left: 75%;
  561. }
  562. .col-xs-offset-10 {
  563. margin-left: 83.33333%;
  564. }
  565. .col-xs-offset-11 {
  566. margin-left: 91.66667%;
  567. }
  568. .col-xs-offset-12 {
  569. margin-left: 100%;
  570. }
  571. @media (min-width: 640px) {
  572. .col-sm-1 {
  573. -webkit-box-flex: 0;
  574. -ms-flex: 0 0 8.33333%;
  575. flex: 0 0 8.33333%;
  576. max-width: 8.33333%;
  577. }
  578. .col-sm-2 {
  579. -webkit-box-flex: 0;
  580. -ms-flex: 0 0 16.66667%;
  581. flex: 0 0 16.66667%;
  582. max-width: 16.66667%;
  583. }
  584. .col-sm-3 {
  585. -webkit-box-flex: 0;
  586. -ms-flex: 0 0 25%;
  587. flex: 0 0 25%;
  588. max-width: 25%;
  589. }
  590. .col-sm-4 {
  591. -webkit-box-flex: 0;
  592. -ms-flex: 0 0 33.33333%;
  593. flex: 0 0 33.33333%;
  594. max-width: 33.33333%;
  595. }
  596. .col-sm-5 {
  597. -webkit-box-flex: 0;
  598. -ms-flex: 0 0 41.66667%;
  599. flex: 0 0 41.66667%;
  600. max-width: 41.66667%;
  601. }
  602. .col-sm-6 {
  603. -webkit-box-flex: 0;
  604. -ms-flex: 0 0 50%;
  605. flex: 0 0 50%;
  606. max-width: 50%;
  607. }
  608. .col-sm-7 {
  609. -webkit-box-flex: 0;
  610. -ms-flex: 0 0 58.33333%;
  611. flex: 0 0 58.33333%;
  612. max-width: 58.33333%;
  613. }
  614. .col-sm-8 {
  615. -webkit-box-flex: 0;
  616. -ms-flex: 0 0 66.66667%;
  617. flex: 0 0 66.66667%;
  618. max-width: 66.66667%;
  619. }
  620. .col-sm-9 {
  621. -webkit-box-flex: 0;
  622. -ms-flex: 0 0 75%;
  623. flex: 0 0 75%;
  624. max-width: 75%;
  625. }
  626. .col-sm-10 {
  627. -webkit-box-flex: 0;
  628. -ms-flex: 0 0 83.33333%;
  629. flex: 0 0 83.33333%;
  630. max-width: 83.33333%;
  631. }
  632. .col-sm-11 {
  633. -webkit-box-flex: 0;
  634. -ms-flex: 0 0 91.66667%;
  635. flex: 0 0 91.66667%;
  636. max-width: 91.66667%;
  637. }
  638. .col-sm-12 {
  639. -webkit-box-flex: 0;
  640. -ms-flex: 0 0 100%;
  641. flex: 0 0 100%;
  642. max-width: 100%;
  643. }
  644. .col-sm-pull-0 {
  645. right: auto;
  646. }
  647. .col-sm-pull-1 {
  648. right: 8.33333%;
  649. }
  650. .col-sm-pull-2 {
  651. right: 16.66667%;
  652. }
  653. .col-sm-pull-3 {
  654. right: 25%;
  655. }
  656. .col-sm-pull-4 {
  657. right: 33.33333%;
  658. }
  659. .col-sm-pull-5 {
  660. right: 41.66667%;
  661. }
  662. .col-sm-pull-6 {
  663. right: 50%;
  664. }
  665. .col-sm-pull-7 {
  666. right: 58.33333%;
  667. }
  668. .col-sm-pull-8 {
  669. right: 66.66667%;
  670. }
  671. .col-sm-pull-9 {
  672. right: 75%;
  673. }
  674. .col-sm-pull-10 {
  675. right: 83.33333%;
  676. }
  677. .col-sm-pull-11 {
  678. right: 91.66667%;
  679. }
  680. .col-sm-pull-12 {
  681. right: 100%;
  682. }
  683. .col-sm-push-0 {
  684. left: auto;
  685. }
  686. .col-sm-push-1 {
  687. left: 8.33333%;
  688. }
  689. .col-sm-push-2 {
  690. left: 16.66667%;
  691. }
  692. .col-sm-push-3 {
  693. left: 25%;
  694. }
  695. .col-sm-push-4 {
  696. left: 33.33333%;
  697. }
  698. .col-sm-push-5 {
  699. left: 41.66667%;
  700. }
  701. .col-sm-push-6 {
  702. left: 50%;
  703. }
  704. .col-sm-push-7 {
  705. left: 58.33333%;
  706. }
  707. .col-sm-push-8 {
  708. left: 66.66667%;
  709. }
  710. .col-sm-push-9 {
  711. left: 75%;
  712. }
  713. .col-sm-push-10 {
  714. left: 83.33333%;
  715. }
  716. .col-sm-push-11 {
  717. left: 91.66667%;
  718. }
  719. .col-sm-push-12 {
  720. left: 100%;
  721. }
  722. .col-sm-offset-0 {
  723. margin-left: 0%;
  724. }
  725. .col-sm-offset-1 {
  726. margin-left: 8.33333%;
  727. }
  728. .col-sm-offset-2 {
  729. margin-left: 16.66667%;
  730. }
  731. .col-sm-offset-3 {
  732. margin-left: 25%;
  733. }
  734. .col-sm-offset-4 {
  735. margin-left: 33.33333%;
  736. }
  737. .col-sm-offset-5 {
  738. margin-left: 41.66667%;
  739. }
  740. .col-sm-offset-6 {
  741. margin-left: 50%;
  742. }
  743. .col-sm-offset-7 {
  744. margin-left: 58.33333%;
  745. }
  746. .col-sm-offset-8 {
  747. margin-left: 66.66667%;
  748. }
  749. .col-sm-offset-9 {
  750. margin-left: 75%;
  751. }
  752. .col-sm-offset-10 {
  753. margin-left: 83.33333%;
  754. }
  755. .col-sm-offset-11 {
  756. margin-left: 91.66667%;
  757. }
  758. .col-sm-offset-12 {
  759. margin-left: 100%;
  760. }
  761. }
  762. @media (min-width: 940px) {
  763. .col-md-1 {
  764. -webkit-box-flex: 0;
  765. -ms-flex: 0 0 8.33333%;
  766. flex: 0 0 8.33333%;
  767. max-width: 8.33333%;
  768. }
  769. .col-md-2 {
  770. -webkit-box-flex: 0;
  771. -ms-flex: 0 0 16.66667%;
  772. flex: 0 0 16.66667%;
  773. max-width: 16.66667%;
  774. }
  775. .col-md-3 {
  776. -webkit-box-flex: 0;
  777. -ms-flex: 0 0 25%;
  778. flex: 0 0 25%;
  779. max-width: 25%;
  780. }
  781. .col-md-4 {
  782. -webkit-box-flex: 0;
  783. -ms-flex: 0 0 33.33333%;
  784. flex: 0 0 33.33333%;
  785. max-width: 33.33333%;
  786. }
  787. .col-md-5 {
  788. -webkit-box-flex: 0;
  789. -ms-flex: 0 0 41.66667%;
  790. flex: 0 0 41.66667%;
  791. max-width: 41.66667%;
  792. }
  793. .col-md-6 {
  794. -webkit-box-flex: 0;
  795. -ms-flex: 0 0 50%;
  796. flex: 0 0 50%;
  797. max-width: 50%;
  798. }
  799. .col-md-7 {
  800. -webkit-box-flex: 0;
  801. -ms-flex: 0 0 58.33333%;
  802. flex: 0 0 58.33333%;
  803. max-width: 58.33333%;
  804. }
  805. .col-md-8 {
  806. -webkit-box-flex: 0;
  807. -ms-flex: 0 0 66.66667%;
  808. flex: 0 0 66.66667%;
  809. max-width: 66.66667%;
  810. }
  811. .col-md-9 {
  812. -webkit-box-flex: 0;
  813. -ms-flex: 0 0 75%;
  814. flex: 0 0 75%;
  815. max-width: 75%;
  816. }
  817. .col-md-10 {
  818. -webkit-box-flex: 0;
  819. -ms-flex: 0 0 83.33333%;
  820. flex: 0 0 83.33333%;
  821. max-width: 83.33333%;
  822. }
  823. .col-md-11 {
  824. -webkit-box-flex: 0;
  825. -ms-flex: 0 0 91.66667%;
  826. flex: 0 0 91.66667%;
  827. max-width: 91.66667%;
  828. }
  829. .col-md-12 {
  830. -webkit-box-flex: 0;
  831. -ms-flex: 0 0 100%;
  832. flex: 0 0 100%;
  833. max-width: 100%;
  834. }
  835. .col-md-pull-0 {
  836. right: auto;
  837. }
  838. .col-md-pull-1 {
  839. right: 8.33333%;
  840. }
  841. .col-md-pull-2 {
  842. right: 16.66667%;
  843. }
  844. .col-md-pull-3 {
  845. right: 25%;
  846. }
  847. .col-md-pull-4 {
  848. right: 33.33333%;
  849. }
  850. .col-md-pull-5 {
  851. right: 41.66667%;
  852. }
  853. .col-md-pull-6 {
  854. right: 50%;
  855. }
  856. .col-md-pull-7 {
  857. right: 58.33333%;
  858. }
  859. .col-md-pull-8 {
  860. right: 66.66667%;
  861. }
  862. .col-md-pull-9 {
  863. right: 75%;
  864. }
  865. .col-md-pull-10 {
  866. right: 83.33333%;
  867. }
  868. .col-md-pull-11 {
  869. right: 91.66667%;
  870. }
  871. .col-md-pull-12 {
  872. right: 100%;
  873. }
  874. .col-md-push-0 {
  875. left: auto;
  876. }
  877. .col-md-push-1 {
  878. left: 8.33333%;
  879. }
  880. .col-md-push-2 {
  881. left: 16.66667%;
  882. }
  883. .col-md-push-3 {
  884. left: 25%;
  885. }
  886. .col-md-push-4 {
  887. left: 33.33333%;
  888. }
  889. .col-md-push-5 {
  890. left: 41.66667%;
  891. }
  892. .col-md-push-6 {
  893. left: 50%;
  894. }
  895. .col-md-push-7 {
  896. left: 58.33333%;
  897. }
  898. .col-md-push-8 {
  899. left: 66.66667%;
  900. }
  901. .col-md-push-9 {
  902. left: 75%;
  903. }
  904. .col-md-push-10 {
  905. left: 83.33333%;
  906. }
  907. .col-md-push-11 {
  908. left: 91.66667%;
  909. }
  910. .col-md-push-12 {
  911. left: 100%;
  912. }
  913. .col-md-offset-0 {
  914. margin-left: 0%;
  915. }
  916. .col-md-offset-1 {
  917. margin-left: 8.33333%;
  918. }
  919. .col-md-offset-2 {
  920. margin-left: 16.66667%;
  921. }
  922. .col-md-offset-3 {
  923. margin-left: 25%;
  924. }
  925. .col-md-offset-4 {
  926. margin-left: 33.33333%;
  927. }
  928. .col-md-offset-5 {
  929. margin-left: 41.66667%;
  930. }
  931. .col-md-offset-6 {
  932. margin-left: 50%;
  933. }
  934. .col-md-offset-7 {
  935. margin-left: 58.33333%;
  936. }
  937. .col-md-offset-8 {
  938. margin-left: 66.66667%;
  939. }
  940. .col-md-offset-9 {
  941. margin-left: 75%;
  942. }
  943. .col-md-offset-10 {
  944. margin-left: 83.33333%;
  945. }
  946. .col-md-offset-11 {
  947. margin-left: 91.66667%;
  948. }
  949. .col-md-offset-12 {
  950. margin-left: 100%;
  951. }
  952. }
  953. @media (min-width: 1120px) {
  954. .col-lg-1 {
  955. -webkit-box-flex: 0;
  956. -ms-flex: 0 0 8.33333%;
  957. flex: 0 0 8.33333%;
  958. max-width: 8.33333%;
  959. }
  960. .col-lg-2 {
  961. -webkit-box-flex: 0;
  962. -ms-flex: 0 0 16.66667%;
  963. flex: 0 0 16.66667%;
  964. max-width: 16.66667%;
  965. }
  966. .col-lg-3 {
  967. -webkit-box-flex: 0;
  968. -ms-flex: 0 0 25%;
  969. flex: 0 0 25%;
  970. max-width: 25%;
  971. }
  972. .col-lg-4 {
  973. -webkit-box-flex: 0;
  974. -ms-flex: 0 0 33.33333%;
  975. flex: 0 0 33.33333%;
  976. max-width: 33.33333%;
  977. }
  978. .col-lg-5 {
  979. -webkit-box-flex: 0;
  980. -ms-flex: 0 0 41.66667%;
  981. flex: 0 0 41.66667%;
  982. max-width: 41.66667%;
  983. }
  984. .col-lg-6 {
  985. -webkit-box-flex: 0;
  986. -ms-flex: 0 0 50%;
  987. flex: 0 0 50%;
  988. max-width: 50%;
  989. }
  990. .col-lg-7 {
  991. -webkit-box-flex: 0;
  992. -ms-flex: 0 0 58.33333%;
  993. flex: 0 0 58.33333%;
  994. max-width: 58.33333%;
  995. }
  996. .col-lg-8 {
  997. -webkit-box-flex: 0;
  998. -ms-flex: 0 0 66.66667%;
  999. flex: 0 0 66.66667%;
  1000. max-width: 66.66667%;
  1001. }
  1002. .col-lg-9 {
  1003. -webkit-box-flex: 0;
  1004. -ms-flex: 0 0 75%;
  1005. flex: 0 0 75%;
  1006. max-width: 75%;
  1007. }
  1008. .col-lg-10 {
  1009. -webkit-box-flex: 0;
  1010. -ms-flex: 0 0 83.33333%;
  1011. flex: 0 0 83.33333%;
  1012. max-width: 83.33333%;
  1013. }
  1014. .col-lg-11 {
  1015. -webkit-box-flex: 0;
  1016. -ms-flex: 0 0 91.66667%;
  1017. flex: 0 0 91.66667%;
  1018. max-width: 91.66667%;
  1019. }
  1020. .col-lg-12 {
  1021. -webkit-box-flex: 0;
  1022. -ms-flex: 0 0 100%;
  1023. flex: 0 0 100%;
  1024. max-width: 100%;
  1025. }
  1026. .col-lg-pull-0 {
  1027. right: auto;
  1028. }
  1029. .col-lg-pull-1 {
  1030. right: 8.33333%;
  1031. }
  1032. .col-lg-pull-2 {
  1033. right: 16.66667%;
  1034. }
  1035. .col-lg-pull-3 {
  1036. right: 25%;
  1037. }
  1038. .col-lg-pull-4 {
  1039. right: 33.33333%;
  1040. }
  1041. .col-lg-pull-5 {
  1042. right: 41.66667%;
  1043. }
  1044. .col-lg-pull-6 {
  1045. right: 50%;
  1046. }
  1047. .col-lg-pull-7 {
  1048. right: 58.33333%;
  1049. }
  1050. .col-lg-pull-8 {
  1051. right: 66.66667%;
  1052. }
  1053. .col-lg-pull-9 {
  1054. right: 75%;
  1055. }
  1056. .col-lg-pull-10 {
  1057. right: 83.33333%;
  1058. }
  1059. .col-lg-pull-11 {
  1060. right: 91.66667%;
  1061. }
  1062. .col-lg-pull-12 {
  1063. right: 100%;
  1064. }
  1065. .col-lg-push-0 {
  1066. left: auto;
  1067. }
  1068. .col-lg-push-1 {
  1069. left: 8.33333%;
  1070. }
  1071. .col-lg-push-2 {
  1072. left: 16.66667%;
  1073. }
  1074. .col-lg-push-3 {
  1075. left: 25%;
  1076. }
  1077. .col-lg-push-4 {
  1078. left: 33.33333%;
  1079. }
  1080. .col-lg-push-5 {
  1081. left: 41.66667%;
  1082. }
  1083. .col-lg-push-6 {
  1084. left: 50%;
  1085. }
  1086. .col-lg-push-7 {
  1087. left: 58.33333%;
  1088. }
  1089. .col-lg-push-8 {
  1090. left: 66.66667%;
  1091. }
  1092. .col-lg-push-9 {
  1093. left: 75%;
  1094. }
  1095. .col-lg-push-10 {
  1096. left: 83.33333%;
  1097. }
  1098. .col-lg-push-11 {
  1099. left: 91.66667%;
  1100. }
  1101. .col-lg-push-12 {
  1102. left: 100%;
  1103. }
  1104. .col-lg-offset-0 {
  1105. margin-left: 0%;
  1106. }
  1107. .col-lg-offset-1 {
  1108. margin-left: 8.33333%;
  1109. }
  1110. .col-lg-offset-2 {
  1111. margin-left: 16.66667%;
  1112. }
  1113. .col-lg-offset-3 {
  1114. margin-left: 25%;
  1115. }
  1116. .col-lg-offset-4 {
  1117. margin-left: 33.33333%;
  1118. }
  1119. .col-lg-offset-5 {
  1120. margin-left: 41.66667%;
  1121. }
  1122. .col-lg-offset-6 {
  1123. margin-left: 50%;
  1124. }
  1125. .col-lg-offset-7 {
  1126. margin-left: 58.33333%;
  1127. }
  1128. .col-lg-offset-8 {
  1129. margin-left: 66.66667%;
  1130. }
  1131. .col-lg-offset-9 {
  1132. margin-left: 75%;
  1133. }
  1134. .col-lg-offset-10 {
  1135. margin-left: 83.33333%;
  1136. }
  1137. .col-lg-offset-11 {
  1138. margin-left: 91.66667%;
  1139. }
  1140. .col-lg-offset-12 {
  1141. margin-left: 100%;
  1142. }
  1143. }
  1144. @media (min-width: 1200px) {
  1145. .col-xl-1 {
  1146. -webkit-box-flex: 0;
  1147. -ms-flex: 0 0 8.33333%;
  1148. flex: 0 0 8.33333%;
  1149. max-width: 8.33333%;
  1150. }
  1151. .col-xl-2 {
  1152. -webkit-box-flex: 0;
  1153. -ms-flex: 0 0 16.66667%;
  1154. flex: 0 0 16.66667%;
  1155. max-width: 16.66667%;
  1156. }
  1157. .col-xl-3 {
  1158. -webkit-box-flex: 0;
  1159. -ms-flex: 0 0 25%;
  1160. flex: 0 0 25%;
  1161. max-width: 25%;
  1162. }
  1163. .col-xl-4 {
  1164. -webkit-box-flex: 0;
  1165. -ms-flex: 0 0 33.33333%;
  1166. flex: 0 0 33.33333%;
  1167. max-width: 33.33333%;
  1168. }
  1169. .col-xl-5 {
  1170. -webkit-box-flex: 0;
  1171. -ms-flex: 0 0 41.66667%;
  1172. flex: 0 0 41.66667%;
  1173. max-width: 41.66667%;
  1174. }
  1175. .col-xl-6 {
  1176. -webkit-box-flex: 0;
  1177. -ms-flex: 0 0 50%;
  1178. flex: 0 0 50%;
  1179. max-width: 50%;
  1180. }
  1181. .col-xl-7 {
  1182. -webkit-box-flex: 0;
  1183. -ms-flex: 0 0 58.33333%;
  1184. flex: 0 0 58.33333%;
  1185. max-width: 58.33333%;
  1186. }
  1187. .col-xl-8 {
  1188. -webkit-box-flex: 0;
  1189. -ms-flex: 0 0 66.66667%;
  1190. flex: 0 0 66.66667%;
  1191. max-width: 66.66667%;
  1192. }
  1193. .col-xl-9 {
  1194. -webkit-box-flex: 0;
  1195. -ms-flex: 0 0 75%;
  1196. flex: 0 0 75%;
  1197. max-width: 75%;
  1198. }
  1199. .col-xl-10 {
  1200. -webkit-box-flex: 0;
  1201. -ms-flex: 0 0 83.33333%;
  1202. flex: 0 0 83.33333%;
  1203. max-width: 83.33333%;
  1204. }
  1205. .col-xl-11 {
  1206. -webkit-box-flex: 0;
  1207. -ms-flex: 0 0 91.66667%;
  1208. flex: 0 0 91.66667%;
  1209. max-width: 91.66667%;
  1210. }
  1211. .col-xl-12 {
  1212. -webkit-box-flex: 0;
  1213. -ms-flex: 0 0 100%;
  1214. flex: 0 0 100%;
  1215. max-width: 100%;
  1216. }
  1217. .col-xl-pull-0 {
  1218. right: auto;
  1219. }
  1220. .col-xl-pull-1 {
  1221. right: 8.33333%;
  1222. }
  1223. .col-xl-pull-2 {
  1224. right: 16.66667%;
  1225. }
  1226. .col-xl-pull-3 {
  1227. right: 25%;
  1228. }
  1229. .col-xl-pull-4 {
  1230. right: 33.33333%;
  1231. }
  1232. .col-xl-pull-5 {
  1233. right: 41.66667%;
  1234. }
  1235. .col-xl-pull-6 {
  1236. right: 50%;
  1237. }
  1238. .col-xl-pull-7 {
  1239. right: 58.33333%;
  1240. }
  1241. .col-xl-pull-8 {
  1242. right: 66.66667%;
  1243. }
  1244. .col-xl-pull-9 {
  1245. right: 75%;
  1246. }
  1247. .col-xl-pull-10 {
  1248. right: 83.33333%;
  1249. }
  1250. .col-xl-pull-11 {
  1251. right: 91.66667%;
  1252. }
  1253. .col-xl-pull-12 {
  1254. right: 100%;
  1255. }
  1256. .col-xl-push-0 {
  1257. left: auto;
  1258. }
  1259. .col-xl-push-1 {
  1260. left: 8.33333%;
  1261. }
  1262. .col-xl-push-2 {
  1263. left: 16.66667%;
  1264. }
  1265. .col-xl-push-3 {
  1266. left: 25%;
  1267. }
  1268. .col-xl-push-4 {
  1269. left: 33.33333%;
  1270. }
  1271. .col-xl-push-5 {
  1272. left: 41.66667%;
  1273. }
  1274. .col-xl-push-6 {
  1275. left: 50%;
  1276. }
  1277. .col-xl-push-7 {
  1278. left: 58.33333%;
  1279. }
  1280. .col-xl-push-8 {
  1281. left: 66.66667%;
  1282. }
  1283. .col-xl-push-9 {
  1284. left: 75%;
  1285. }
  1286. .col-xl-push-10 {
  1287. left: 83.33333%;
  1288. }
  1289. .col-xl-push-11 {
  1290. left: 91.66667%;
  1291. }
  1292. .col-xl-push-12 {
  1293. left: 100%;
  1294. }
  1295. .col-xl-offset-0 {
  1296. margin-left: 0%;
  1297. }
  1298. .col-xl-offset-1 {
  1299. margin-left: 8.33333%;
  1300. }
  1301. .col-xl-offset-2 {
  1302. margin-left: 16.66667%;
  1303. }
  1304. .col-xl-offset-3 {
  1305. margin-left: 25%;
  1306. }
  1307. .col-xl-offset-4 {
  1308. margin-left: 33.33333%;
  1309. }
  1310. .col-xl-offset-5 {
  1311. margin-left: 41.66667%;
  1312. }
  1313. .col-xl-offset-6 {
  1314. margin-left: 50%;
  1315. }
  1316. .col-xl-offset-7 {
  1317. margin-left: 58.33333%;
  1318. }
  1319. .col-xl-offset-8 {
  1320. margin-left: 66.66667%;
  1321. }
  1322. .col-xl-offset-9 {
  1323. margin-left: 75%;
  1324. }
  1325. .col-xl-offset-10 {
  1326. margin-left: 83.33333%;
  1327. }
  1328. .col-xl-offset-11 {
  1329. margin-left: 91.66667%;
  1330. }
  1331. .col-xl-offset-12 {
  1332. margin-left: 100%;
  1333. }
  1334. }
  1335. .col-xs-first {
  1336. -webkit-box-ordinal-group: 0;
  1337. -ms-flex-order: -1;
  1338. order: -1;
  1339. }
  1340. .col-xs-last {
  1341. -webkit-box-ordinal-group: 2;
  1342. -ms-flex-order: 1;
  1343. order: 1;
  1344. }
  1345. @media (min-width: 640px) {
  1346. .col-sm-first {
  1347. -webkit-box-ordinal-group: 0;
  1348. -ms-flex-order: -1;
  1349. order: -1;
  1350. }
  1351. .col-sm-last {
  1352. -webkit-box-ordinal-group: 2;
  1353. -ms-flex-order: 1;
  1354. order: 1;
  1355. }
  1356. }
  1357. @media (min-width: 940px) {
  1358. .col-md-first {
  1359. -webkit-box-ordinal-group: 0;
  1360. -ms-flex-order: -1;
  1361. order: -1;
  1362. }
  1363. .col-md-last {
  1364. -webkit-box-ordinal-group: 2;
  1365. -ms-flex-order: 1;
  1366. order: 1;
  1367. }
  1368. }
  1369. @media (min-width: 1120px) {
  1370. .col-lg-first {
  1371. -webkit-box-ordinal-group: 0;
  1372. -ms-flex-order: -1;
  1373. order: -1;
  1374. }
  1375. .col-lg-last {
  1376. -webkit-box-ordinal-group: 2;
  1377. -ms-flex-order: 1;
  1378. order: 1;
  1379. }
  1380. }
  1381. @media (min-width: 1200px) {
  1382. .col-xl-first {
  1383. -webkit-box-ordinal-group: 0;
  1384. -ms-flex-order: -1;
  1385. order: -1;
  1386. }
  1387. .col-xl-last {
  1388. -webkit-box-ordinal-group: 2;
  1389. -ms-flex-order: 1;
  1390. order: 1;
  1391. }
  1392. }
  1393. .row-xs-top {
  1394. -webkit-box-align: start;
  1395. -ms-flex-align: start;
  1396. align-items: flex-start;
  1397. }
  1398. .row-xs-center {
  1399. -webkit-box-align: center;
  1400. -ms-flex-align: center;
  1401. align-items: center;
  1402. }
  1403. .row-xs-bottom {
  1404. -webkit-box-align: end;
  1405. -ms-flex-align: end;
  1406. align-items: flex-end;
  1407. }
  1408. @media (min-width: 640px) {
  1409. .row-sm-top {
  1410. -webkit-box-align: start;
  1411. -ms-flex-align: start;
  1412. align-items: flex-start;
  1413. }
  1414. .row-sm-center {
  1415. -webkit-box-align: center;
  1416. -ms-flex-align: center;
  1417. align-items: center;
  1418. }
  1419. .row-sm-bottom {
  1420. -webkit-box-align: end;
  1421. -ms-flex-align: end;
  1422. align-items: flex-end;
  1423. }
  1424. }
  1425. @media (min-width: 940px) {
  1426. .row-md-top {
  1427. -webkit-box-align: start;
  1428. -ms-flex-align: start;
  1429. align-items: flex-start;
  1430. }
  1431. .row-md-center {
  1432. -webkit-box-align: center;
  1433. -ms-flex-align: center;
  1434. align-items: center;
  1435. }
  1436. .row-md-bottom {
  1437. -webkit-box-align: end;
  1438. -ms-flex-align: end;
  1439. align-items: flex-end;
  1440. }
  1441. }
  1442. @media (min-width: 1120px) {
  1443. .row-lg-top {
  1444. -webkit-box-align: start;
  1445. -ms-flex-align: start;
  1446. align-items: flex-start;
  1447. }
  1448. .row-lg-center {
  1449. -webkit-box-align: center;
  1450. -ms-flex-align: center;
  1451. align-items: center;
  1452. }
  1453. .row-lg-bottom {
  1454. -webkit-box-align: end;
  1455. -ms-flex-align: end;
  1456. align-items: flex-end;
  1457. }
  1458. }
  1459. @media (min-width: 1200px) {
  1460. .row-xl-top {
  1461. -webkit-box-align: start;
  1462. -ms-flex-align: start;
  1463. align-items: flex-start;
  1464. }
  1465. .row-xl-center {
  1466. -webkit-box-align: center;
  1467. -ms-flex-align: center;
  1468. align-items: center;
  1469. }
  1470. .row-xl-bottom {
  1471. -webkit-box-align: end;
  1472. -ms-flex-align: end;
  1473. align-items: flex-end;
  1474. }
  1475. }
  1476. .col-xs-top {
  1477. -ms-flex-item-align: start;
  1478. align-self: flex-start;
  1479. }
  1480. .col-xs-center {
  1481. -ms-flex-item-align: center;
  1482. -ms-grid-row-align: center;
  1483. align-self: center;
  1484. }
  1485. .col-xs-bottom {
  1486. -ms-flex-item-align: end;
  1487. align-self: flex-end;
  1488. }
  1489. @media (min-width: 640px) {
  1490. .col-sm-top {
  1491. -ms-flex-item-align: start;
  1492. align-self: flex-start;
  1493. }
  1494. .col-sm-center {
  1495. -ms-flex-item-align: center;
  1496. -ms-grid-row-align: center;
  1497. align-self: center;
  1498. }
  1499. .col-sm-bottom {
  1500. -ms-flex-item-align: end;
  1501. align-self: flex-end;
  1502. }
  1503. }
  1504. @media (min-width: 940px) {
  1505. .col-md-top {
  1506. -ms-flex-item-align: start;
  1507. align-self: flex-start;
  1508. }
  1509. .col-md-center {
  1510. -ms-flex-item-align: center;
  1511. -ms-grid-row-align: center;
  1512. align-self: center;
  1513. }
  1514. .col-md-bottom {
  1515. -ms-flex-item-align: end;
  1516. align-self: flex-end;
  1517. }
  1518. }
  1519. @media (min-width: 1120px) {
  1520. .col-lg-top {
  1521. -ms-flex-item-align: start;
  1522. align-self: flex-start;
  1523. }
  1524. .col-lg-center {
  1525. -ms-flex-item-align: center;
  1526. -ms-grid-row-align: center;
  1527. align-self: center;
  1528. }
  1529. .col-lg-bottom {
  1530. -ms-flex-item-align: end;
  1531. align-self: flex-end;
  1532. }
  1533. }
  1534. @media (min-width: 1200px) {
  1535. .col-xl-top {
  1536. -ms-flex-item-align: start;
  1537. align-self: flex-start;
  1538. }
  1539. .col-xl-center {
  1540. -ms-flex-item-align: center;
  1541. -ms-grid-row-align: center;
  1542. align-self: center;
  1543. }
  1544. .col-xl-bottom {
  1545. -ms-flex-item-align: end;
  1546. align-self: flex-end;
  1547. }
  1548. }
  1549. html {
  1550. -webkit-box-sizing: border-box;
  1551. box-sizing: border-box;
  1552. }
  1553. *,
  1554. :after,
  1555. :before {
  1556. -webkit-box-sizing: inherit;
  1557. box-sizing: inherit;
  1558. }
  1559. img {
  1560. height: auto;
  1561. max-width: 100%;
  1562. }
  1563. blockquote,
  1564. q {
  1565. quotes: none;
  1566. }
  1567. blockquote:after,
  1568. blockquote:before,
  1569. q:after,
  1570. q:before {
  1571. content: "";
  1572. }
  1573. blockquote {
  1574. position: relative;
  1575. margin: 35px 0;
  1576. padding: 0 0 0 60px;
  1577. font-size: 18px;
  1578. font-size: 1.125rem;
  1579. font-weight: 400;
  1580. line-height: 1.45;
  1581. font-style: italic;
  1582. }
  1583. @media (min-width: 640px) {
  1584. blockquote {
  1585. font-size: 22px;
  1586. font-size: 1.375rem;
  1587. }
  1588. }
  1589. @media (min-width: 940px) {
  1590. blockquote {
  1591. font-size: 28px;
  1592. font-size: 1.75rem;
  1593. }
  1594. }
  1595. blockquote p {
  1596. margin: 0;
  1597. }
  1598. blockquote p + p {
  1599. margin-top: 1em;
  1600. }
  1601. blockquote cite {
  1602. display: block;
  1603. margin-top: 5px;
  1604. font-style: normal;
  1605. }
  1606. blockquote cite:before {
  1607. content: "- ";
  1608. }
  1609. blockquote:before {
  1610. content: "\f10d";
  1611. display: inline-block;
  1612. font: normal normal normal 14px/1 FontAwesome;
  1613. font-size: inherit;
  1614. -webkit-font-smoothing: antialiased;
  1615. -moz-osx-font-smoothing: grayscale;
  1616. position: absolute;
  1617. font-size: 30px;
  1618. top: 0;
  1619. left: 10px;
  1620. }
  1621. hr {
  1622. background-color: #ebeced;
  1623. border: 0;
  1624. height: 1px;
  1625. margin: 1.5em 0;
  1626. }
  1627. .edit-link {
  1628. display: inline-block;
  1629. margin-top: 15px;
  1630. }
  1631. ol,
  1632. ul {
  1633. margin: 0 0 1.5em 1.5em;
  1634. padding-left: 0;
  1635. padding-right: 0;
  1636. }
  1637. ul {
  1638. list-style: disc;
  1639. }
  1640. ol {
  1641. list-style: decimal;
  1642. }
  1643. li > ol,
  1644. li > ul {
  1645. margin-bottom: 0;
  1646. margin-left: 1.5em;
  1647. }
  1648. dt {
  1649. font-weight: bold;
  1650. }
  1651. dd {
  1652. margin: 0 1.5em 1.5em;
  1653. }
  1654. .inline-list {
  1655. padding: 0;
  1656. margin: 0;
  1657. list-style: none;
  1658. }
  1659. .inline-list li {
  1660. display: inline-block;
  1661. vertical-align: top;
  1662. }
  1663. #toTop {
  1664. overflow: hidden;
  1665. display: none;
  1666. text-decoration: none;
  1667. position: fixed;
  1668. bottom: 15px;
  1669. right: -999em;
  1670. z-index: 999;
  1671. }
  1672. #toTop:before {
  1673. content: "\f106";
  1674. display: inline-block;
  1675. font: normal normal normal 14px/1 FontAwesome;
  1676. font-size: inherit;
  1677. -webkit-font-smoothing: antialiased;
  1678. -moz-osx-font-smoothing: grayscale;
  1679. width: 100%;
  1680. font-size: 25px;
  1681. }
  1682. #toTop:focus {
  1683. outline: none;
  1684. }
  1685. @media (min-width: 640px) {
  1686. #toTop {
  1687. right: 20px;
  1688. }
  1689. }
  1690. .page-preloader-cover {
  1691. position: fixed;
  1692. z-index: 1200;
  1693. top: 0;
  1694. left: 0;
  1695. display: block;
  1696. width: 100%;
  1697. height: 100%;
  1698. background-color: #fff;
  1699. }
  1700. .page-preloader {
  1701. position: relative;
  1702. display: block;
  1703. left: 50%;
  1704. top: 50%;
  1705. border-radius: 50%;
  1706. width: 30px;
  1707. height: 30px;
  1708. border: 3px solid transparent;
  1709. margin: -16.5px 0 0 -16.5px;
  1710. -webkit-animation: tm_spin 1s linear infinite;
  1711. animation: tm_spin 1s linear infinite;
  1712. z-index: 11;
  1713. }
  1714. @-webkit-keyframes tm_spin {
  1715. 0% {
  1716. -webkit-transform: rotate(0deg);
  1717. transform: rotate(0deg);
  1718. }
  1719. to {
  1720. -webkit-transform: rotate(360deg);
  1721. transform: rotate(360deg);
  1722. }
  1723. }
  1724. @keyframes tm_spin {
  1725. 0% {
  1726. -webkit-transform: rotate(0deg);
  1727. transform: rotate(0deg);
  1728. }
  1729. to {
  1730. -webkit-transform: rotate(360deg);
  1731. transform: rotate(360deg);
  1732. }
  1733. }
  1734. button,
  1735. input[type="button"],
  1736. input[type="reset"],
  1737. input[type="submit"] {
  1738. display: inline-block;
  1739. max-width: 100%;
  1740. padding: 12px 20px;
  1741. cursor: pointer;
  1742. text-align: center;
  1743. white-space: nowrap;
  1744. text-transform: uppercase;
  1745. -o-text-overflow: ellipsis;
  1746. text-overflow: ellipsis;
  1747. text-decoration: none;
  1748. border: none;
  1749. border-radius: 4px;
  1750. -webkit-box-shadow: none;
  1751. box-shadow: none;
  1752. -webkit-transition: all 0.3s ease;
  1753. -o-transition: all 0.3s ease;
  1754. transition: all 0.3s ease;
  1755. }
  1756. .btn {
  1757. text-decoration: none;
  1758. display: inline-block;
  1759. max-width: 100%;
  1760. padding: 12px 20px;
  1761. cursor: pointer;
  1762. text-align: center;
  1763. white-space: nowrap;
  1764. text-transform: uppercase;
  1765. -o-text-overflow: ellipsis;
  1766. text-overflow: ellipsis;
  1767. text-decoration: none;
  1768. border: none;
  1769. border-radius: 4px;
  1770. -webkit-box-shadow: none;
  1771. box-shadow: none;
  1772. -webkit-transition: all 0.3s ease;
  1773. -o-transition: all 0.3s ease;
  1774. transition: all 0.3s ease;
  1775. }
  1776. .btn.invert-button {
  1777. border: 1px solid #fff;
  1778. background: none;
  1779. }
  1780. .btn-icon:before {
  1781. display: inline-block;
  1782. font: normal normal normal 14px/1 FontAwesome;
  1783. font-size: inherit;
  1784. -webkit-font-smoothing: antialiased;
  1785. -moz-osx-font-smoothing: grayscale;
  1786. font-size: 35px;
  1787. font-size: 2.1875rem;
  1788. content: "\f178";
  1789. }
  1790. .btn-text-icon {
  1791. font-size: 14px;
  1792. font-size: 0.875rem;
  1793. text-transform: uppercase;
  1794. font-weight: 500;
  1795. }
  1796. .btn-text-icon:after {
  1797. -webkit-transform: translateY(-1px);
  1798. -ms-transform: translateY(-1px);
  1799. transform: translateY(-1px);
  1800. display: inline-block;
  1801. font: normal normal normal 14px/1 FontAwesome;
  1802. font-size: inherit;
  1803. -webkit-font-smoothing: antialiased;
  1804. -moz-osx-font-smoothing: grayscale;
  1805. font-size: 12px;
  1806. font-size: 0.75rem;
  1807. content: "\f061";
  1808. margin-left: 6px;
  1809. }
  1810. input[type="date"],
  1811. input[type="datetime"],
  1812. input[type="datetime-local"],
  1813. input[type="email"],
  1814. input[type="month"],
  1815. input[type="number"],
  1816. input[type="password"],
  1817. input[type="range"],
  1818. input[type="search"],
  1819. input[type="tel"],
  1820. input[type="text"],
  1821. input[type="time"],
  1822. input[type="url"],
  1823. input[type="week"],
  1824. select,
  1825. textarea {
  1826. width: 100%;
  1827. -webkit-box-sizing: border-box;
  1828. box-sizing: border-box;
  1829. padding: 8px 12px;
  1830. border: 1px solid #ebeced;
  1831. background-color: #fff;
  1832. border-radius: 4px;
  1833. }
  1834. input[type="date"]:focus,
  1835. input[type="datetime"]:focus,
  1836. input[type="datetime-local"]:focus,
  1837. input[type="email"]:focus,
  1838. input[type="month"]:focus,
  1839. input[type="number"]:focus,
  1840. input[type="password"]:focus,
  1841. input[type="range"]:focus,
  1842. input[type="search"]:focus,
  1843. input[type="tel"]:focus,
  1844. input[type="text"]:focus,
  1845. input[type="time"]:focus,
  1846. input[type="url"]:focus,
  1847. input[type="week"]:focus,
  1848. select:focus,
  1849. textarea:focus {
  1850. outline: none;
  1851. -webkit-box-shadow: 0 5px 32px rgba(103, 122, 141, 0.17);
  1852. box-shadow: 0 5px 32px rgba(103, 122, 141, 0.17);
  1853. }
  1854. button:focus,
  1855. input[type="reset"]:focus,
  1856. input[type="submit"]:focus {
  1857. outline: none;
  1858. }
  1859. input[type="reset"],
  1860. input[type="submit"] {
  1861. font-size: 11px;
  1862. font-size: 0.6875rem;
  1863. font-weight: 600;
  1864. }
  1865. select {
  1866. border: 1px solid #ebeced;
  1867. }
  1868. textarea {
  1869. min-height: 150px;
  1870. resize: vertical;
  1871. overflow: auto;
  1872. }
  1873. ::-moz-placeholder {
  1874. opacity: 1;
  1875. }
  1876. :-moz-placeholder {
  1877. opacity: 1;
  1878. }
  1879. .search-form {
  1880. display: -webkit-box;
  1881. display: -ms-flexbox;
  1882. display: flex;
  1883. -webkit-box-align: center;
  1884. -ms-flex-align: center;
  1885. align-items: center;
  1886. }
  1887. .search-form label {
  1888. width: 100%;
  1889. }
  1890. .search-form__field[type="search"] {
  1891. -webkit-box-sizing: border-box;
  1892. box-sizing: border-box;
  1893. }
  1894. .search-form__submit.btn {
  1895. padding: 11px;
  1896. margin-left: 10px;
  1897. font-size: 13px;
  1898. font-size: 0.8125rem;
  1899. }
  1900. .post-password-form label {
  1901. display: inline-block;
  1902. }
  1903. a {
  1904. text-decoration: none;
  1905. -webkit-transition: all 0.3s ease;
  1906. -o-transition: all 0.3s ease;
  1907. transition: all 0.3s ease;
  1908. }
  1909. a:focus {
  1910. outline: none;
  1911. }
  1912. a:active,
  1913. a:hover {
  1914. text-decoration: none;
  1915. }
  1916. h1 a,
  1917. h2 a,
  1918. h3 a,
  1919. h4 a,
  1920. h5 a,
  1921. h6 a {
  1922. color: inherit;
  1923. }
  1924. .main-navigation ul {
  1925. list-style: none;
  1926. margin: 0;
  1927. padding-left: 0;
  1928. }
  1929. .main-navigation ul ul {
  1930. padding-top: 10px;
  1931. padding-bottom: 10px;
  1932. -webkit-box-shadow: 0 3px 18px rgba(0, 0, 0, 0.15);
  1933. box-shadow: 0 3px 18px rgba(0, 0, 0, 0.15);
  1934. position: absolute;
  1935. top: 100%;
  1936. left: -999em;
  1937. z-index: 99999;
  1938. background-color: #fff;
  1939. }
  1940. .main-navigation ul ul ul {
  1941. left: -999em;
  1942. top: -10px;
  1943. }
  1944. .main-navigation ul ul li {
  1945. padding: 5px 20px;
  1946. }
  1947. .main-navigation ul ul li.focus > ul,
  1948. .main-navigation ul ul li:hover > ul {
  1949. left: 100%;
  1950. }
  1951. .main-navigation ul ul a {
  1952. width: 150px;
  1953. }
  1954. .main-navigation ul li.focus > ul,
  1955. .main-navigation ul li:hover > ul {
  1956. left: auto;
  1957. }
  1958. .main-navigation li {
  1959. position: relative;
  1960. display: inline-block;
  1961. }
  1962. .main-navigation .menu > li {
  1963. padding: 3px 3px 2px;
  1964. margin-left: 10px;
  1965. }
  1966. .main-navigation .menu > li:first-child {
  1967. margin-left: 0;
  1968. }
  1969. .main-navigation .menu > li.menu-item-has-children {
  1970. padding-right: 15px;
  1971. }
  1972. .main-navigation a {
  1973. display: inline-block;
  1974. text-decoration: none;
  1975. }
  1976. .main-navigation li.menu-item-has-children:before {
  1977. position: absolute;
  1978. top: 6px;
  1979. right: 3px;
  1980. display: inline-block;
  1981. font: normal normal normal 14px/1 FontAwesome;
  1982. font-size: inherit;
  1983. -webkit-font-smoothing: antialiased;
  1984. -moz-osx-font-smoothing: grayscale;
  1985. content: "\f107";
  1986. }
  1987. .menu-item-has-children .main-navigation li.menu-item-has-children:before {
  1988. top: 7px;
  1989. content: "\f105";
  1990. right: 12px;
  1991. }
  1992. .main-navigation.mobile-menu {
  1993. position: fixed;
  1994. top: 0;
  1995. right: -70%;
  1996. width: 70%;
  1997. height: 100vh;
  1998. margin: 0;
  1999. background-color: #f1f4f6;
  2000. z-index: 998;
  2001. -webkit-transition: all 0.3s cubic-bezier(0.35, 0.19, 0.45, 0.91);
  2002. -o-transition: all 0.3s cubic-bezier(0.35, 0.19, 0.45, 0.91);
  2003. transition: all 0.3s cubic-bezier(0.35, 0.19, 0.45, 0.91);
  2004. }
  2005. .main-navigation.mobile-menu.mobile-menu-open {
  2006. right: 0;
  2007. }
  2008. .main-navigation.mobile-menu .main-navigation-inner {
  2009. overflow-y: scroll;
  2010. height: 100%;
  2011. }
  2012. .main-navigation.mobile-menu .menu {
  2013. margin: 20px;
  2014. }
  2015. body.admin-bar .main-navigation.mobile-menu .menu {
  2016. margin-top: 66px;
  2017. }
  2018. .main-navigation.mobile-menu .menu li {
  2019. display: block;
  2020. margin: 5px 15px;
  2021. padding: 0;
  2022. }
  2023. .main-navigation.mobile-menu .sub-menu {
  2024. position: initial;
  2025. padding: 0;
  2026. background: none;
  2027. -webkit-box-shadow: none;
  2028. box-shadow: none;
  2029. }
  2030. .main-navigation.mobile-menu .sub-menu li a {
  2031. width: auto;
  2032. }
  2033. .main-navigation.mobile-menu .menu-item-has-children:before {
  2034. content: none;
  2035. }
  2036. .mobile-menu-toggle-button {
  2037. position: absolute;
  2038. width: 35px;
  2039. height: 35px;
  2040. left: -45px;
  2041. top: 10px;
  2042. padding: 0;
  2043. -webkit-box-shadow: -2px 2px 7px rgba(0, 0, 0, 0.3);
  2044. box-shadow: -2px 2px 7px rgba(0, 0, 0, 0.3);
  2045. }
  2046. body.admin-bar .mobile-menu-toggle-button {
  2047. top: 56px;
  2048. }
  2049. body.admin-bar .mobile-menu-toggle-button {
  2050. top: 56px;
  2051. }
  2052. body.admin-bar .mobile-menu .menu {
  2053. margin-top: 46px;
  2054. }
  2055. .comment-navigation,
  2056. .pagination,
  2057. .posts-navigation {
  2058. overflow: hidden;
  2059. padding-top: 40px;
  2060. border-top: 1px solid #ebeced;
  2061. }
  2062. .comment-navigation .nav-links,
  2063. .pagination .nav-links,
  2064. .posts-navigation .nav-links {
  2065. font-weight: 400;
  2066. }
  2067. .pagination .page-numbers {
  2068. outline: none;
  2069. margin-right: 7px;
  2070. }
  2071. .pagination .page-numbers:last-child {
  2072. margin-right: 0;
  2073. }
  2074. .pagination .page-numbers.prev {
  2075. margin-right: 20px;
  2076. }
  2077. .pagination .page-numbers.next {
  2078. margin-left: 10px;
  2079. }
  2080. .pagination .page-numbers:not(.prev):not(.next):not(.dots) {
  2081. border-radius: 4px;
  2082. display: inline-block;
  2083. width: 33px;
  2084. height: 33px;
  2085. text-align: center;
  2086. line-height: 33px;
  2087. border: 1px solid #ebeced;
  2088. }
  2089. .pagination .page-numbers:not(.prev):not(.next):not(.dots).current,
  2090. .pagination .page-numbers:not(.prev):not(.next):not(.dots):hover {
  2091. background-color: #ebeced;
  2092. }
  2093. .page-links > a,
  2094. .page-links > span {
  2095. border-radius: 4px;
  2096. display: inline-block;
  2097. width: 33px;
  2098. height: 33px;
  2099. text-align: center;
  2100. font-size: 14px;
  2101. font-size: 0.875rem;
  2102. line-height: 33px;
  2103. border: 1px solid #ebeced;
  2104. margin: 5px 5px 5px 0;
  2105. }
  2106. .page-links > a:last-child,
  2107. .page-links > span:last-child {
  2108. margin-right: 0;
  2109. }
  2110. .page-links > a:hover,
  2111. .page-links > span {
  2112. background-color: #ebeced;
  2113. }
  2114. .comment-navigation .nav-previous,
  2115. .posts-navigation .nav-previous {
  2116. float: left;
  2117. width: 50%;
  2118. }
  2119. .comment-navigation .nav-previous i,
  2120. .posts-navigation .nav-previous i {
  2121. margin-right: 2px;
  2122. }
  2123. .comment-navigation .nav-next,
  2124. .posts-navigation .nav-next {
  2125. float: right;
  2126. text-align: right;
  2127. width: 50%;
  2128. }
  2129. .comment-navigation .nav-next i,
  2130. .posts-navigation .nav-next i {
  2131. margin-left: 2px;
  2132. }
  2133. .posts-list--creative.list-style-default + .navigation,
  2134. .posts-list--default.list-style-v9 + .navigation,
  2135. .posts-list--grid.list-style-v9 + .navigation,
  2136. .posts-list--vertical-justify.list-style-v6 + .navigation {
  2137. border: none;
  2138. margin-top: 0;
  2139. }
  2140. .posts-list--creative.list-style-default + .navigation .nav-links,
  2141. .posts-list--creative.list-style-v2 + .navigation .nav-links,
  2142. .posts-list--default.list-style-v9 + .navigation .nav-links,
  2143. .posts-list--grid.list-style-v4 + .navigation .nav-links,
  2144. .posts-list--grid.list-style-v5 + .navigation .nav-links,
  2145. .posts-list--grid.list-style-v9 + .navigation .nav-links,
  2146. .posts-list--masonry.list-style-v4 + .navigation .nav-links,
  2147. .posts-list--masonry.list-style-v9 + .navigation .nav-links,
  2148. .posts-list--vertical-justify.list-style-v4 + .navigation .nav-links,
  2149. .posts-list--vertical-justify.list-style-v5 + .navigation .nav-links,
  2150. .posts-list--vertical-justify.list-style-v6 + .navigation .nav-links,
  2151. .posts-list--vertical-justify.list-style-v9 + .navigation .nav-links,
  2152. .posts-list--vertical-justify.list-style-v10 + .navigation .nav-links {
  2153. max-width: 1200px;
  2154. margin-left: auto;
  2155. margin-right: auto;
  2156. padding-left: 0.9375rem;
  2157. padding-right: 0.9375rem;
  2158. }
  2159. .post-navigation {
  2160. overflow: hidden;
  2161. margin: 45px 0 40px;
  2162. padding-bottom: 45px;
  2163. border-bottom: 1px solid #ebeced;
  2164. }
  2165. .post-navigation .nav-links {
  2166. font-weight: 400;
  2167. }
  2168. .post-navigation .nav-links .post-title {
  2169. margin: 0;
  2170. }
  2171. @media (max-width: 639px) {
  2172. .post-navigation .nav-links .post-title {
  2173. font-size: 16px;
  2174. font-size: 1rem;
  2175. }
  2176. }
  2177. .post-navigation .nav-links i {
  2178. position: absolute;
  2179. top: 32px;
  2180. }
  2181. @media (min-width: 640px) {
  2182. .post-navigation .nav-links i {
  2183. top: 35px;
  2184. }
  2185. }
  2186. .post-navigation .nav-text {
  2187. margin-bottom: 10px;
  2188. font-size: 11px;
  2189. font-size: 0.6875rem;
  2190. font-weight: 600;
  2191. text-transform: uppercase;
  2192. }
  2193. .post-navigation .nav-next,
  2194. .post-navigation .nav-previous {
  2195. position: relative;
  2196. }
  2197. @media (min-width: 640px) {
  2198. .post-navigation .nav-next,
  2199. .post-navigation .nav-previous {
  2200. width: 50%;
  2201. }
  2202. }
  2203. .post-navigation .nav-previous {
  2204. padding: 0 15px 0 35px;
  2205. }
  2206. @media (min-width: 640px) {
  2207. .post-navigation .nav-previous {
  2208. float: left;
  2209. }
  2210. }
  2211. .post-navigation .nav-previous i {
  2212. left: 0;
  2213. }
  2214. .post-navigation .nav-next {
  2215. text-align: right;
  2216. padding: 0 35px 0 15px;
  2217. }
  2218. @media (min-width: 640px) {
  2219. .post-navigation .nav-next {
  2220. float: right;
  2221. }
  2222. }
  2223. .post-navigation .nav-next i {
  2224. right: 0;
  2225. }
  2226. @media (max-width: 639px) {
  2227. .post-navigation .nav-previous + .nav-next {
  2228. margin-top: 30px;
  2229. }
  2230. }
  2231. .social-list .menu-item > a {
  2232. display: block;
  2233. text-decoration: none;
  2234. text-align: center;
  2235. }
  2236. .social-list .menu-item > a:hover {
  2237. text-decoration: none;
  2238. }
  2239. .social-list .menu-item > a:focus {
  2240. outline: none;
  2241. }
  2242. .social-list .menu-item > a[href*="500px.com"]:before {
  2243. content: "\f26e";
  2244. }
  2245. .social-list .menu-item > a[href*="angel.co"]:before {
  2246. content: "\f209";
  2247. }
  2248. .social-list .menu-item > a[href*="codepen.io"]:before {
  2249. content: "\f1cb";
  2250. }
  2251. .social-list .menu-item > a[href*="del.icio"]:before,
  2252. .social-list .menu-item > a[href*="delicious.com"]:before {
  2253. content: "\f1a5";
  2254. }
  2255. .social-list .menu-item > a[href*="digg.com"]:before {
  2256. content: "\f1a6";
  2257. }
  2258. .social-list .menu-item > a[href*="dribbble.com"]:before {
  2259. content: "\f17d";
  2260. }
  2261. .social-list .menu-item > a[href*="dropbox.com"]:before {
  2262. content: "\f16b";
  2263. }
  2264. .social-list .menu-item > a[href*="facebook.com"]:before {
  2265. content: "\f09a";
  2266. }
  2267. .social-list .menu-item > a[href*="foursquare.com"]:before {
  2268. content: "\f180";
  2269. }
  2270. .social-list .menu-item > a[href*="flickr.com"]:before {
  2271. content: "\f16e";
  2272. }
  2273. .social-list .menu-item > a[href*="plus.google.com"]:before {
  2274. content: "\f0d5";
  2275. }
  2276. .social-list .menu-item > a[href*="github.com"]:before {
  2277. content: "\f09b";
  2278. }
  2279. .social-list .menu-item > a[href*="instagram.com"]:before {
  2280. content: "\f16d";
  2281. }
  2282. .social-list .menu-item > a[href*="linkedin.com"]:before {
  2283. content: "\f0e1";
  2284. }
  2285. .social-list .menu-item > a[href*="pinterest.com"]:before {
  2286. content: "\f0d2";
  2287. }
  2288. .social-list .menu-item > a[href*="getpocket.com"]:before {
  2289. content: "\f265";
  2290. }
  2291. .social-list .menu-item > a[href*="reddit.com"]:before {
  2292. content: "\f1a1";
  2293. }
  2294. .social-list .menu-item > a[href*="skype.com"]:before,
  2295. .social-list .menu-item > a[href*="skype:"]:before {
  2296. content: "\f17e";
  2297. }
  2298. .social-list .menu-item > a[href*="stumbleupon.com"]:before {
  2299. content: "\f1a4";
  2300. }
  2301. .social-list .menu-item > a[href*="tumblr.com"]:before {
  2302. content: "\f173";
  2303. }
  2304. .social-list .menu-item > a[href*="twitter.com"]:before {
  2305. content: "\f099";
  2306. }
  2307. .social-list .menu-item > a[href*="vimeo.com"]:before {
  2308. content: "\f27d";
  2309. }
  2310. .social-list .menu-item > a[href*="wordpress.com"]:before,
  2311. .social-list .menu-item > a[href*="wordpress.org"]:before {
  2312. content: "\f19a";
  2313. }
  2314. .social-list .menu-item > a[href*="youtube.com"]:before {
  2315. content: "\f167";
  2316. }
  2317. .social-list .menu-item > a[href*="amazon.com"]:before {
  2318. content: "\f270";
  2319. }
  2320. .social-list .menu-item > a[href*="tripadvisor"]:before {
  2321. content: "\f262";
  2322. }
  2323. .social-list .menu-item > a[href*="ycombinator.com"]:before {
  2324. content: "\f23b";
  2325. }
  2326. .social-list .menu-item > a[href*="xing.com"]:before {
  2327. content: "\f168";
  2328. }
  2329. .social-list .menu-item > a[href*="yahoo."]:before {
  2330. content: "\f19e";
  2331. }
  2332. .social-list .menu-item > a[href*="vine.co"]:before {
  2333. content: "\f1ca";
  2334. }
  2335. .social-list .menu-item > a[href*="weibo.com"]:before {
  2336. content: "\f18a";
  2337. }
  2338. .social-list .menu-item > a[href*="trello.com"]:before {
  2339. content: "\f181";
  2340. }
  2341. .social-list .menu-item > a[href*="steampowered.com"]:before {
  2342. content: "\f1b6";
  2343. }
  2344. .social-list .menu-item > a[href*="soundcloud.com"]:before {
  2345. content: "\f1be";
  2346. }
  2347. .social-list .menu-item > a[href*="spotify.com"]:before {
  2348. content: "\f1bc";
  2349. }
  2350. .social-list .menu-item > a[href*="stackexchange.com"]:before {
  2351. content: "\f18d";
  2352. }
  2353. .social-list .menu-item > a[href*="stackoverflow.com"]:before {
  2354. content: "\f16c";
  2355. }
  2356. .social-list .menu-item > a[href*="slideshare.net"]:before {
  2357. content: "\f1e7";
  2358. }
  2359. .social-list .menu-item > a[href*="slack.com"]:before {
  2360. content: "\f198";
  2361. }
  2362. .social-list .menu-item > a[href*="skyatlas.com"]:before {
  2363. content: "\f216";
  2364. }
  2365. .social-list .menu-item > a[href*="last.fm"]:before {
  2366. content: "\f202";
  2367. }
  2368. .social-list .menu-item > a[href*="jsfiddle.net"]:before {
  2369. content: "\f1cc";
  2370. }
  2371. .social-list .menu-item > a[href*="behance.net"]:before {
  2372. content: "\f1b4";
  2373. }
  2374. .social-list .menu-item > a[href*="bitbucket.org"]:before {
  2375. content: "\f171";
  2376. }
  2377. .social-list .menu-item > a[href*="codepen.io"]:before {
  2378. content: "\f1cb";
  2379. }
  2380. .social-list .menu-item > a[href*="codiepie.com"]:before {
  2381. content: "\f284";
  2382. }
  2383. .social-list .menu-item > a[href*="connectdevelop.com"]:before {
  2384. content: "\f20e";
  2385. }
  2386. .social-list .menu-item > a[href*="dashcube.com"]:before {
  2387. content: "\f210";
  2388. }
  2389. .social-list .menu-item > a[href*="contao.org"]:before {
  2390. content: "\f26d";
  2391. }
  2392. .social-list .menu-item > a[href*="deviantart.com"]:before {
  2393. content: "\f1bd";
  2394. }
  2395. .social-list .menu-item > a[href*="vk.com"]:before {
  2396. content: "\f189";
  2397. }
  2398. .social-list .menu-item > a[href*="ok.ru"]:before {
  2399. content: "\f263";
  2400. }
  2401. .social-list .menu-item > a:before {
  2402. display: inline-block;
  2403. font: normal normal normal 14px/1 FontAwesome;
  2404. font-size: inherit;
  2405. -webkit-font-smoothing: antialiased;
  2406. -moz-osx-font-smoothing: grayscale;
  2407. font-size: 12px;
  2408. font-size: 0.75rem;
  2409. display: block;
  2410. width: 20px;
  2411. height: 20px;
  2412. line-height: 20px;
  2413. }
  2414. .social-list--text .social-list .menu-item > a:before {
  2415. display: none;
  2416. }
  2417. .breadcrumbs {
  2418. position: relative;
  2419. padding-top: 17px;
  2420. padding-bottom: 17px;
  2421. border-top: 1px solid #ebeced;
  2422. }
  2423. .breadcrumbs .page-title {
  2424. text-align: left;
  2425. margin-top: 5px;
  2426. font-size: 18px;
  2427. font-size: 1.125rem;
  2428. }
  2429. .breadcrumbs_wrap {
  2430. overflow: hidden;
  2431. }
  2432. .breadcrumbs_item {
  2433. float: left;
  2434. }
  2435. .breadcrumbs_item_link:hover {
  2436. text-decoration: underline;
  2437. }
  2438. .breadcrumbs_item_sep {
  2439. margin: 0 0.5em;
  2440. }
  2441. .screen-reader-text {
  2442. clip: rect(1px, 1px, 1px, 1px);
  2443. position: absolute !important;
  2444. height: 1px;
  2445. width: 1px;
  2446. overflow: hidden;
  2447. }
  2448. .screen-reader-text:focus {
  2449. background-color: #f1f1f1;
  2450. border-radius: 3px;
  2451. -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  2452. box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  2453. clip: auto !important;
  2454. color: #21759b;
  2455. display: block;
  2456. font-size: 14px;
  2457. font-size: 0.875rem;
  2458. font-weight: bold;
  2459. height: auto;
  2460. left: 5px;
  2461. line-height: normal;
  2462. padding: 15px 23px 14px;
  2463. text-decoration: none;
  2464. top: 5px;
  2465. width: auto;
  2466. z-index: 100000;
  2467. }
  2468. #content[tabindex="-1"]:focus {
  2469. outline: 0;
  2470. }
  2471. .alignleft {
  2472. float: left;
  2473. margin-right: 30px;
  2474. margin-bottom: 15px;
  2475. }
  2476. .alignright {
  2477. float: right;
  2478. margin-left: 30px;
  2479. margin-bottom: 15px;
  2480. }
  2481. .aligncenter {
  2482. clear: both;
  2483. display: block;
  2484. margin-left: auto;
  2485. margin-right: auto;
  2486. margin-bottom: 15px;
  2487. }
  2488. .clear:after,
  2489. .clear:before,
  2490. .comment-body:after,
  2491. .comment-body:before,
  2492. .comment-content:after,
  2493. .comment-content:before,
  2494. .entry-content:after,
  2495. .entry-content:before,
  2496. .entry-footer:after,
  2497. .entry-footer:before,
  2498. .site-content:after,
  2499. .site-content:before,
  2500. .site-footer:after,
  2501. .site-footer:before,
  2502. .site-header:after,
  2503. .site-header:before {
  2504. content: "";
  2505. display: table;
  2506. table-layout: fixed;
  2507. }
  2508. .clear:after,
  2509. .comment-body:after,
  2510. .comment-content:after,
  2511. .entry-content:after,
  2512. .entry-footer:after,
  2513. .site-content:after,
  2514. .site-footer:after,
  2515. .site-header:after {
  2516. clear: both;
  2517. }
  2518. .hidden {
  2519. display: none;
  2520. }
  2521. .comments-area {
  2522. position: relative;
  2523. margin: 45px 0 40px;
  2524. }
  2525. .comments-title {
  2526. margin: 0 0 40px;
  2527. }
  2528. .comment-list {
  2529. margin: 0 0 45px;
  2530. padding: 0 0 8px;
  2531. list-style: none;
  2532. border-bottom: 1px solid #ebeced;
  2533. }
  2534. .comment-list .children {
  2535. margin-top: 18px;
  2536. margin-left: 30px;
  2537. list-style: none;
  2538. }
  2539. @media (min-width: 1120px) {
  2540. .comment-list .children {
  2541. margin-left: 70px;
  2542. }
  2543. }
  2544. .comment-list .comment,
  2545. .comment-list .pingback {
  2546. margin-bottom: 36px;
  2547. }
  2548. .comment-body {
  2549. display: -webkit-box;
  2550. display: -ms-flexbox;
  2551. display: flex;
  2552. }
  2553. .comment-author {
  2554. -ms-flex-negative: 0;
  2555. flex-shrink: 0;
  2556. width: 50px;
  2557. margin: 0 20px 0 0;
  2558. }
  2559. .comment-author .avatar {
  2560. border-radius: 50%;
  2561. }
  2562. .comment-meta {
  2563. margin-bottom: 2px;
  2564. }
  2565. .comment-meta .fn {
  2566. margin-right: 12px;
  2567. }
  2568. .comment-date {
  2569. display: inline-block;
  2570. }
  2571. .comment-date__time {
  2572. display: inline-block;
  2573. vertical-align: top;
  2574. }
  2575. .comment-content p {
  2576. margin-bottom: 1px;
  2577. }
  2578. .comment-content a {
  2579. word-wrap: break-word;
  2580. }
  2581. .comment-reply-link {
  2582. text-transform: uppercase;
  2583. }
  2584. .comment-reply-link i {
  2585. margin-right: 5px;
  2586. }
  2587. .comment-respond .comment-reply-title {
  2588. margin-bottom: 20px;
  2589. }
  2590. .comment-respond .comment-notes {
  2591. margin-bottom: 25px;
  2592. }
  2593. .comment-form-author,
  2594. .comment-form-email,
  2595. .comment-form-url {
  2596. margin: 10px 0 0 0;
  2597. }
  2598. .comment-form-comment {
  2599. margin-bottom: 30px;
  2600. }
  2601. .comment-form .form-submit {
  2602. margin: 30px 0 0 0;
  2603. }
  2604. .comment-form__field {
  2605. vertical-align: top;
  2606. }
  2607. .comment-form .submit {
  2608. width: 100%;
  2609. }
  2610. .comment-form-cookies-consent {
  2611. margin-top: 25px;
  2612. -webkit-user-select: none;
  2613. -moz-user-select: none;
  2614. -ms-user-select: none;
  2615. user-select: none;
  2616. }
  2617. .comment-form-cookies-consent input[type="checkbox"] {
  2618. position: absolute;
  2619. width: 0;
  2620. height: 0;
  2621. visibility: hidden;
  2622. }
  2623. .comment-form-cookies-consent label[for="wp-comment-cookies-consent"]:before {
  2624. content: "";
  2625. position: relative;
  2626. top: -1px;
  2627. display: inline-block;
  2628. display: inline-block;
  2629. font: normal normal normal 14px/1 FontAwesome;
  2630. font-size: inherit;
  2631. -webkit-font-smoothing: antialiased;
  2632. -moz-osx-font-smoothing: grayscale;
  2633. width: 20px;
  2634. height: 20px;
  2635. line-height: 18px;
  2636. text-align: center;
  2637. margin-right: 10px;
  2638. vertical-align: middle;
  2639. border-radius: 4px;
  2640. border: 1px solid #ebeced;
  2641. }
  2642. .comment-form-cookies-consent
  2643. input[type="checkbox"]:checked
  2644. ~ label[for="wp-comment-cookies-consent"]:before {
  2645. content: "\f00c";
  2646. }
  2647. .bypostauthor {
  2648. display: block;
  2649. }
  2650. .post-author-bio {
  2651. display: -webkit-box;
  2652. display: -ms-flexbox;
  2653. display: flex;
  2654. -webkit-box-align: center;
  2655. -ms-flex-align: center;
  2656. align-items: center;
  2657. margin: 40px 0;
  2658. padding-bottom: 40px;
  2659. margin-left: -12px;
  2660. margin-right: -12px;
  2661. border-bottom: 1px solid #ebeced;
  2662. }
  2663. .post-author-bio > * {
  2664. padding-left: 12px;
  2665. padding-right: 12px;
  2666. }
  2667. .post-author__avatar .avatar {
  2668. border-radius: 50%;
  2669. }
  2670. .post-author__content {
  2671. margin-bottom: 10px;
  2672. }
  2673. .post-author__title {
  2674. margin: 0;
  2675. text-transform: uppercase;
  2676. }
  2677. .site {
  2678. word-wrap: break-word;
  2679. -webkit-hyphens: auto;
  2680. -moz-hyphens: auto;
  2681. -ms-hyphens: auto;
  2682. -o-hyphens: auto;
  2683. hyphens: auto;
  2684. overflow: hidden;
  2685. }
  2686. .site-logo {
  2687. margin: 0;
  2688. font-size: 32px;
  2689. font-size: 2rem;
  2690. line-height: 1.2;
  2691. text-transform: lowercase;
  2692. font-weight: 700;
  2693. }
  2694. .site-breadcrumbs.container,
  2695. .site-content.container,
  2696. .site-footer.container,
  2697. .site-header.container {
  2698. padding-left: 0;
  2699. padding-right: 0;
  2700. }
  2701. .site-breadcrumbs {
  2702. margin-top: 20px;
  2703. }
  2704. body:not(.page-template-fullwidth-content) .site-content {
  2705. margin-top: 30px;
  2706. margin-bottom: 30px;
  2707. }
  2708. .site-main > :last-child {
  2709. margin-bottom: 0;
  2710. }
  2711. @media (max-width: 939px) {
  2712. #secondary {
  2713. margin-top: 40px;
  2714. }
  2715. }
  2716. .space-between-content {
  2717. display: -webkit-box;
  2718. display: -ms-flexbox;
  2719. display: flex;
  2720. -webkit-box-pack: justify;
  2721. -ms-flex-pack: justify;
  2722. justify-content: space-between;
  2723. -webkit-box-align: start;
  2724. -ms-flex-align: start;
  2725. align-items: flex-start;
  2726. margin-left: -0.9375rem;
  2727. margin-right: -0.9375rem;
  2728. }
  2729. .space-between-content > * {
  2730. margin-left: 0.9375rem;
  2731. margin-right: 0.9375rem;
  2732. }
  2733. .site-header__wrap {
  2734. padding-top: 15px;
  2735. padding-bottom: 15px;
  2736. }
  2737. @media (min-width: 940px) {
  2738. .site-header__wrap.isStick {
  2739. position: fixed;
  2740. z-index: 1000;
  2741. right: 0;
  2742. left: 0;
  2743. }
  2744. }
  2745. .site-header__wrap .space-between-content {
  2746. -webkit-box-align: center;
  2747. -ms-flex-align: center;
  2748. align-items: center;
  2749. }
  2750. .site-branding .custom-logo {
  2751. display: block;
  2752. }
  2753. .pseudoStickyBlock {
  2754. display: none;
  2755. }
  2756. @media (min-width: 940px) {
  2757. .pseudoStickyBlock {
  2758. display: block;
  2759. }
  2760. }
  2761. .top-panel {
  2762. padding-top: 10px;
  2763. padding-bottom: 10px;
  2764. font-size: 11px;
  2765. font-size: 0.6875rem;
  2766. line-height: 20px;
  2767. }
  2768. .top-panel .space-between-content {
  2769. -webkit-box-align: center;
  2770. -ms-flex-align: center;
  2771. align-items: center;
  2772. }
  2773. @media (max-width: 639px) {
  2774. .top-panel .space-between-content {
  2775. display: block;
  2776. text-align: center;
  2777. }
  2778. }
  2779. .top-panel-content__left > *,
  2780. .top-panel-content__right > * {
  2781. display: inline-block;
  2782. vertical-align: middle;
  2783. }
  2784. .top-panel-content__left > * {
  2785. margin-right: 10px;
  2786. }
  2787. .top-panel-content__right > * {
  2788. margin-left: 10px;
  2789. }
  2790. .site-footer__wrap {
  2791. font-size: 11px;
  2792. font-size: 0.6875rem;
  2793. line-height: 20px;
  2794. }
  2795. .site-footer__wrap .space-between-content {
  2796. -webkit-box-align: center;
  2797. -ms-flex-align: center;
  2798. align-items: center;
  2799. }
  2800. .site-footer__wrap .space-between-content:not(:empty) {
  2801. padding-top: 30px;
  2802. padding-bottom: 30px;
  2803. }
  2804. @media (max-width: 639px) {
  2805. .site-footer__wrap .space-between-content {
  2806. display: block;
  2807. text-align: center;
  2808. }
  2809. }
  2810. .footer-area {
  2811. margin-left: auto;
  2812. margin-right: auto;
  2813. padding-left: 0.9375rem;
  2814. padding-right: 0.9375rem;
  2815. display: -webkit-box;
  2816. display: -ms-flexbox;
  2817. display: flex;
  2818. -ms-flex-wrap: wrap;
  2819. flex-wrap: wrap;
  2820. }
  2821. @media (min-width: 640px) {
  2822. .footer-area {
  2823. max-width: 640px;
  2824. }
  2825. }
  2826. @media (min-width: 940px) {
  2827. .footer-area {
  2828. max-width: 940px;
  2829. }
  2830. }
  2831. @media (min-width: 1120px) {
  2832. .footer-area {
  2833. max-width: 1120px;
  2834. }
  2835. }
  2836. @media (min-width: 1200px) {
  2837. .footer-area {
  2838. max-width: 1200px;
  2839. }
  2840. }
  2841. .footer-area > .widget {
  2842. width: 25%;
  2843. }
  2844. .entry-title {
  2845. margin-top: 0;
  2846. }
  2847. .posts-list--default .entry-title {
  2848. margin-bottom: 18px;
  2849. }
  2850. .grid-item .entry-title {
  2851. margin-bottom: 10px;
  2852. }
  2853. .entry-meta {
  2854. font-size: 14px;
  2855. font-size: 0.875rem;
  2856. }
  2857. .entry-header .entry-meta {
  2858. margin-left: -8px;
  2859. margin-right: -8px;
  2860. }
  2861. .entry-header .entry-meta > * {
  2862. padding-left: 8px;
  2863. padding-right: 8px;
  2864. }
  2865. .posts-list--default .entry-header .entry-meta {
  2866. margin-bottom: 28px;
  2867. }
  2868. .grid-item .entry-header .entry-meta {
  2869. margin-bottom: 3px;
  2870. }
  2871. .entry-footer .entry-meta > * {
  2872. margin-top: 18px;
  2873. }
  2874. .entry-footer .entry-meta > :first-child {
  2875. margin-top: 0;
  2876. }
  2877. .grid-item .entry-content {
  2878. margin-bottom: 5px;
  2879. }
  2880. span.byline,
  2881. span.cat-links,
  2882. span.posted-on,
  2883. span.tags-links {
  2884. display: inline-block;
  2885. }
  2886. .tags-links {
  2887. text-transform: capitalize;
  2888. }
  2889. .comments-button,
  2890. .comments-link {
  2891. display: inline-block;
  2892. white-space: nowrap;
  2893. vertical-align: top;
  2894. }
  2895. .comments-button i,
  2896. .comments-link i {
  2897. font-size: 14px;
  2898. font-size: 0.875rem;
  2899. margin-right: 2px;
  2900. }
  2901. .comments-button {
  2902. border-radius: 4px;
  2903. padding: 10px 12px;
  2904. font-size: 11px;
  2905. font-size: 0.6875rem;
  2906. line-height: 1.2;
  2907. background-color: #f1f4f6;
  2908. }
  2909. .post-categories {
  2910. padding: 0;
  2911. margin: 0;
  2912. list-style: none;
  2913. display: inline-block;
  2914. }
  2915. .btn-style .post-categories li {
  2916. display: inline-block;
  2917. margin-right: 3px;
  2918. margin-bottom: 4px;
  2919. }
  2920. .btn-style .post-categories a {
  2921. display: inline-block;
  2922. padding: 6px 10px;
  2923. border-radius: 4px;
  2924. }
  2925. .posts-list {
  2926. margin-bottom: 50px;
  2927. }
  2928. .post-default + .post-default {
  2929. margin-top: 50px;
  2930. padding-top: 40px;
  2931. border-top: 1px solid #ebeced;
  2932. }
  2933. body:not(.sidebar_enabled) .post-default {
  2934. max-width: 770px;
  2935. margin-left: auto;
  2936. margin-right: auto;
  2937. }
  2938. .post-default .entry-meta,
  2939. .post-default .post-thumbnail {
  2940. margin-bottom: 15px;
  2941. }
  2942. @media (min-width: 640px) {
  2943. .post-default .entry-content {
  2944. font-size: 18px;
  2945. font-size: 1.125rem;
  2946. }
  2947. }
  2948. .post-default .entry-footer .entry-meta .tags-links + div:not(:empty) {
  2949. margin-top: 28px;
  2950. }
  2951. .post-default .entry-footer .entry-meta > div {
  2952. display: -webkit-box;
  2953. display: -ms-flexbox;
  2954. display: flex;
  2955. -webkit-box-pack: justify;
  2956. -ms-flex-pack: justify;
  2957. justify-content: space-between;
  2958. -webkit-box-align: start;
  2959. -ms-flex-align: start;
  2960. align-items: flex-start;
  2961. margin-left: -0.9375rem;
  2962. margin-right: -0.9375rem;
  2963. }
  2964. .post-default .entry-footer .entry-meta > div > * {
  2965. margin-left: 0.9375rem;
  2966. margin-right: 0.9375rem;
  2967. }
  2968. .post-thumbnail__link {
  2969. display: inline-block;
  2970. }
  2971. .post-thumbnail img {
  2972. display: block;
  2973. border-radius: 4px;
  2974. }
  2975. .grid-item .post-thumbnail {
  2976. margin-bottom: 20px;
  2977. }
  2978. .related-posts {
  2979. margin: 45px 0 40px;
  2980. padding-bottom: 22px;
  2981. border-bottom: 1px solid #ebeced;
  2982. }
  2983. .related-posts .entry-title {
  2984. margin: 0 0 20px;
  2985. }
  2986. .related-posts .related-post {
  2987. overflow: hidden;
  2988. margin-bottom: 13px;
  2989. }
  2990. .related-posts .related-post.col-lg-6 .post-thumbnail {
  2991. width: 120px;
  2992. float: left;
  2993. margin: 0 20px 15px 0;
  2994. }
  2995. .related-posts .related-post .entry-header {
  2996. margin-bottom: 5px;
  2997. }
  2998. .related-posts .related-post .entry-title {
  2999. margin: 0;
  3000. }
  3001. .related-posts .related-post .entry-meta .byline,
  3002. .related-posts .related-post .entry-meta .posted-on {
  3003. display: block;
  3004. }
  3005. .related-posts .related-post .entry-content {
  3006. font-size: 14px;
  3007. font-size: 0.875rem;
  3008. }
  3009. .page-header {
  3010. margin: 0 0 40px;
  3011. }
  3012. .page-header > * + * {
  3013. margin-top: 20px;
  3014. }
  3015. .page-title {
  3016. margin: 0;
  3017. text-align: center;
  3018. }
  3019. .search-item {
  3020. margin-bottom: 50px;
  3021. }
  3022. .search-item .entry-meta,
  3023. .search-item .entry-title {
  3024. margin-bottom: 5px;
  3025. }
  3026. .not-found.error-404,
  3027. .not-found.no-results {
  3028. max-width: 770px;
  3029. margin-left: auto;
  3030. margin-right: auto;
  3031. text-align: center;
  3032. }
  3033. .post_format-post-format-image .post-thumbnail {
  3034. margin-bottom: 26px;
  3035. }
  3036. .post_format-post-format-image .post-thumbnail__link {
  3037. position: relative;
  3038. display: block;
  3039. }
  3040. .post_format-post-format-image .post-thumbnail__link:before {
  3041. display: inline-block;
  3042. font: normal normal normal 14px/1 FontAwesome;
  3043. font-size: inherit;
  3044. -webkit-font-smoothing: antialiased;
  3045. -moz-osx-font-smoothing: grayscale;
  3046. content: "\f00e";
  3047. position: absolute;
  3048. top: 50%;
  3049. left: 50%;
  3050. width: 70px;
  3051. height: 70px;
  3052. margin: -35px 0 0 -35px;
  3053. font-size: 35px;
  3054. line-height: 70px;
  3055. text-align: center;
  3056. border-radius: 50%;
  3057. -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.7);
  3058. box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.7);
  3059. -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  3060. transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  3061. -o-transition: opacity 0.2s ease, transform 0.2s ease;
  3062. transition: opacity 0.2s ease, transform 0.2s ease;
  3063. transition: opacity 0.2s ease, transform 0.2s ease,
  3064. -webkit-transform 0.2s ease;
  3065. -webkit-transform: scale(0.35);
  3066. -ms-transform: scale(0.35);
  3067. transform: scale(0.35);
  3068. opacity: 0;
  3069. }
  3070. .post_format-post-format-image .post-thumbnail__link:hover:before {
  3071. -webkit-transform: scale(1);
  3072. -ms-transform: scale(1);
  3073. transform: scale(1);
  3074. opacity: 1;
  3075. }
  3076. .post_format-post-format-gallery .post-thumbnail {
  3077. display: block;
  3078. margin-bottom: 26px;
  3079. }
  3080. .post_format-post-format-gallery .post-thumbnail__link {
  3081. display: block;
  3082. }
  3083. .post_format-post-format-gallery .swiper-button-next,
  3084. .post_format-post-format-gallery .swiper-button-prev {
  3085. width: 45px;
  3086. height: 45px;
  3087. margin-top: -35px;
  3088. text-align: center;
  3089. display: inline-block;
  3090. font: normal normal normal 14px/1 FontAwesome;
  3091. font-size: inherit;
  3092. -webkit-font-smoothing: antialiased;
  3093. -moz-osx-font-smoothing: grayscale;
  3094. font-size: 18px;
  3095. font-size: 1.125rem;
  3096. border-radius: 50%;
  3097. background-image: none;
  3098. background-color: #fff;
  3099. -webkit-box-shadow: 0px 0px 20px 0px rgba(59, 61, 66, 0.1);
  3100. box-shadow: 0px 0px 20px 0px rgba(59, 61, 66, 0.1);
  3101. }
  3102. .post_format-post-format-gallery .swiper-button-next:before,
  3103. .post_format-post-format-gallery .swiper-button-prev:before {
  3104. line-height: 45px;
  3105. }
  3106. .post_format-post-format-gallery .swiper-button-prev:before {
  3107. content: "\f104";
  3108. }
  3109. .post_format-post-format-gallery .swiper-button-next:before {
  3110. content: "\f105";
  3111. }
  3112. .post_format-post-format-link .post-format-link {
  3113. font-size: 20px;
  3114. font-size: 1.25rem;
  3115. font-weight: 400;
  3116. }
  3117. .post_format-post-format-link .post-format-link:before {
  3118. -webkit-transform: translateY(1px);
  3119. -ms-transform: translateY(1px);
  3120. transform: translateY(1px);
  3121. content: "\f0c1";
  3122. margin-right: 8px;
  3123. display: inline-block;
  3124. font: normal normal normal 14px/1 FontAwesome;
  3125. font-size: inherit;
  3126. -webkit-font-smoothing: antialiased;
  3127. -moz-osx-font-smoothing: grayscale;
  3128. }
  3129. .post_format-post-format-link .post-format-link-wrapper {
  3130. margin-bottom: 24px;
  3131. padding: 35px 40px;
  3132. border-radius: 4px;
  3133. background-color: #f1f4f6;
  3134. }
  3135. .post_format-post-format-quote .post-format-quote {
  3136. padding: 50px 8%;
  3137. border-radius: 4px;
  3138. text-align: center;
  3139. }
  3140. .post_format-post-format-quote .post-format-quote:before {
  3141. position: static;
  3142. margin: 0 auto 17px;
  3143. display: block;
  3144. text-align: center;
  3145. width: 62px;
  3146. height: 62px;
  3147. line-height: 62px;
  3148. border-radius: 28px;
  3149. }
  3150. .post_format-post-format-quote .post-format-quote cite {
  3151. margin-top: 15px;
  3152. }
  3153. .post_format-post-format-audio .mejs-audio {
  3154. margin-bottom: 24px;
  3155. }
  3156. .post_format-post-format-video .wp-video {
  3157. margin-bottom: 24px;
  3158. margin-left: auto;
  3159. margin-right: auto;
  3160. }
  3161. .single-post article.post {
  3162. margin-bottom: 50px;
  3163. padding-bottom: 45px;
  3164. border-bottom: 1px solid #ebeced;
  3165. }
  3166. .single-post .post > .entry-header {
  3167. margin-bottom: 35px;
  3168. }
  3169. @media (min-width: 640px) {
  3170. .single-post .post > .entry-content {
  3171. font-size: 18px;
  3172. font-size: 1.125rem;
  3173. }
  3174. }
  3175. .single-post .post > .entry-footer .entry-meta:not(:empty) {
  3176. margin-top: 13px;
  3177. }
  3178. .single-post .entry-header .tags-links a {
  3179. display: inline-block;
  3180. margin-left: 5px;
  3181. }
  3182. .single-post .entry-footer .tags-links a {
  3183. display: inline-block;
  3184. margin-left: 5px;
  3185. margin-bottom: 5px;
  3186. padding: 6px 10px;
  3187. border-radius: 4px;
  3188. border: 1px solid #ebeced;
  3189. }
  3190. .single-post .entry-footer .tags-links a:hover {
  3191. background-color: #ebeced;
  3192. }
  3193. .single-post .entry-title {
  3194. margin-top: 0;
  3195. }
  3196. .single-post .post-thumbnail {
  3197. margin-bottom: 15px;
  3198. }
  3199. .single-post .overlay-thumbnail {
  3200. position: absolute;
  3201. top: 0;
  3202. left: 0;
  3203. right: 0;
  3204. bottom: 0;
  3205. z-index: -1;
  3206. background-size: cover;
  3207. background-position: center;
  3208. }
  3209. .single-post blockquote:not(.post-format-quote) {
  3210. border-top: 3px solid #ebeced;
  3211. border-bottom: 3px solid #ebeced;
  3212. text-align: center;
  3213. padding: 30px 10%;
  3214. }
  3215. .single-post blockquote:not(.post-format-quote):after,
  3216. .single-post blockquote:not(.post-format-quote):before {
  3217. content: none;
  3218. }
  3219. .single-post blockquote:not(.post-format-quote) cite {
  3220. margin-top: 20px;
  3221. }
  3222. .sticky-label {
  3223. display: inline-block;
  3224. vertical-align: top;
  3225. margin-top: 3px;
  3226. margin-bottom: 3px;
  3227. margin-right: 10px;
  3228. padding: 3px 7px 1px;
  3229. text-align: center;
  3230. font-size: 12px;
  3231. line-height: 1.6;
  3232. border-radius: 4px;
  3233. }
  3234. @media (min-width: 1200px) {
  3235. .sticky-label {
  3236. font-size: 14px;
  3237. padding: 6px 10px 3px;
  3238. }
  3239. }
  3240. .posts-list--creative.list-style-v2 .sticky-label,
  3241. .posts-list--creative.list-style-v9 .sticky-label,
  3242. .posts-list--default.list-style-v6 .sticky-label,
  3243. .posts-list--default.list-style-v8 .sticky-label,
  3244. .posts-list--grid .sticky-label,
  3245. .posts-list--masonry .sticky-label,
  3246. .posts-list--vertical-justify:not(.list-style-v10) .sticky-label {
  3247. padding: 4px 8px 1px;
  3248. }
  3249. @media (min-width: 1200px) {
  3250. .posts-list--creative.list-style-v2 .sticky-label,
  3251. .posts-list--creative.list-style-v9 .sticky-label,
  3252. .posts-list--default.list-style-v6 .sticky-label,
  3253. .posts-list--default.list-style-v8 .sticky-label,
  3254. .posts-list--grid .sticky-label,
  3255. .posts-list--masonry .sticky-label,
  3256. .posts-list--vertical-justify:not(.list-style-v10) .sticky-label {
  3257. margin-top: 1px;
  3258. margin-bottom: 1px;
  3259. }
  3260. }
  3261. .sticky-label.type-both i {
  3262. margin-right: 8px;
  3263. }
  3264. .widget-title {
  3265. text-transform: uppercase;
  3266. margin-top: 0;
  3267. margin-bottom: 25px;
  3268. }
  3269. .widget + .widget {
  3270. margin-top: 50px;
  3271. padding-top: 40px;
  3272. border-top: 1px solid #ebeced;
  3273. }
  3274. .footer-area .widget,
  3275. .sidebar .widget {
  3276. margin-top: 1.5em;
  3277. }
  3278. @media (min-width: 940px) {
  3279. .footer-area .widget,
  3280. .sidebar .widget {
  3281. margin-top: 3em;
  3282. }
  3283. }
  3284. .widget select {
  3285. width: 100%;
  3286. }
  3287. .widget ul {
  3288. list-style: none;
  3289. margin-left: 0;
  3290. }
  3291. .widget ul li {
  3292. margin-bottom: 4px;
  3293. }
  3294. .widget li > ol,
  3295. .widget li > ul {
  3296. margin-top: 4px;
  3297. margin-left: 1.2em;
  3298. }
  3299. .widget_recent_entries ul li {
  3300. margin-bottom: 20px;
  3301. }
  3302. .widget_recent_entries .post-date {
  3303. display: block;
  3304. }
  3305. .widget_recent_entries .post-date:before {
  3306. content: "\f133";
  3307. margin-right: 5px;
  3308. display: inline-block;
  3309. font: normal normal normal 14px/1 FontAwesome;
  3310. font-size: inherit;
  3311. -webkit-font-smoothing: antialiased;
  3312. -moz-osx-font-smoothing: grayscale;
  3313. }
  3314. .widget_recent_comments .recentcomments {
  3315. margin-bottom: 20px;
  3316. }
  3317. .widget_recent_comments .recentcomments:before {
  3318. content: "\f075";
  3319. display: inline-block;
  3320. font: normal normal normal 14px/1 FontAwesome;
  3321. font-size: inherit;
  3322. -webkit-font-smoothing: antialiased;
  3323. -moz-osx-font-smoothing: grayscale;
  3324. font-size: 14px;
  3325. font-size: 0.875rem;
  3326. margin-right: 5px;
  3327. }
  3328. .widget_recent_comments .recentcomments .comment-author-link a {
  3329. font-weight: initial;
  3330. }
  3331. .widget_recent_comments .recentcomments .comment-author-link a:before {
  3332. content: none;
  3333. }
  3334. .widget_recent_comments .recentcomments a:before {
  3335. content: "";
  3336. display: block;
  3337. }
  3338. .widget_tag_cloud .tag-cloud-link {
  3339. display: inline-block;
  3340. margin-right: 2px;
  3341. margin-bottom: 5px;
  3342. padding: 6px 10px;
  3343. font-size: 14px !important;
  3344. border-radius: 4px;
  3345. border: 1px solid #ebeced;
  3346. }
  3347. .widget_tag_cloud .tag-cloud-link:hover {
  3348. background-color: #ebeced;
  3349. }
  3350. .widget_calendar .calendar_wrap {
  3351. border: 1px solid #ebeced;
  3352. }
  3353. .widget_calendar table {
  3354. margin-bottom: 0;
  3355. padding-left: 5.5%;
  3356. padding-right: 5.5%;
  3357. padding-bottom: 4%;
  3358. table-layout: fixed;
  3359. width: 100%;
  3360. position: relative;
  3361. border-collapse: initial;
  3362. }
  3363. .widget_calendar table tbody + tbody,
  3364. .widget_calendar table td,
  3365. .widget_calendar table th,
  3366. .widget_calendar table thead th {
  3367. border: none;
  3368. }
  3369. .widget_calendar thead {
  3370. text-align: center;
  3371. }
  3372. .widget_calendar caption {
  3373. padding: 20px 0;
  3374. font-size: 20px;
  3375. font-size: 1.25rem;
  3376. text-align: center;
  3377. font-weight: 400;
  3378. }
  3379. .widget_calendar th {
  3380. padding: 0 0 40px;
  3381. font-weight: inherit;
  3382. }
  3383. .widget_calendar tbody:before {
  3384. position: absolute;
  3385. content: "";
  3386. left: 0;
  3387. right: 0;
  3388. height: 1px;
  3389. margin-top: -15px;
  3390. background-color: #ebeced;
  3391. }
  3392. .widget_calendar tbody td {
  3393. position: relative;
  3394. text-align: center;
  3395. line-height: 44px;
  3396. height: 44px;
  3397. }
  3398. .widget_calendar tbody td a {
  3399. display: inline-block;
  3400. width: 45px;
  3401. max-width: 100%;
  3402. height: 45px;
  3403. line-height: 45px;
  3404. background-color: #ebeced;
  3405. border-radius: 50%;
  3406. }
  3407. .widget_calendar tfoot td {
  3408. position: absolute;
  3409. top: 26px;
  3410. }
  3411. .widget_calendar tfoot td#prev {
  3412. left: 10%;
  3413. }
  3414. .widget_calendar tfoot td#next {
  3415. right: 10%;
  3416. }
  3417. .widget_calendar td#today {
  3418. font-weight: 900;
  3419. }
  3420. .widget_calendar #next {
  3421. text-align: right;
  3422. }
  3423. .comment-content .wp-smiley,
  3424. .entry-content .wp-smiley,
  3425. .page-content .wp-smiley {
  3426. margin-top: 0;
  3427. margin-bottom: 0;
  3428. padding: 0;
  3429. border: none;
  3430. }
  3431. embed,
  3432. iframe,
  3433. object {
  3434. max-width: 100%;
  3435. }
  3436. .img-pull-left {
  3437. float: left;
  3438. width: 50%;
  3439. margin: 0 4% 1% 0;
  3440. }
  3441. .img-pull-right {
  3442. float: right;
  3443. width: 50%;
  3444. margin: 0 0 1% 4%;
  3445. }
  3446. .alignleft {
  3447. margin: 15px 30px 15px 0;
  3448. }
  3449. .alignright {
  3450. margin: 15px 0 15px 30px;
  3451. }
  3452. .wp-caption {
  3453. margin-bottom: 1.5em;
  3454. max-width: 100%;
  3455. }
  3456. .wp-caption img[class*="wp-image-"] {
  3457. display: block;
  3458. margin-left: auto;
  3459. margin-right: auto;
  3460. }
  3461. .wp-caption .wp-caption-text {
  3462. margin: 0.8075em 0;
  3463. font-size: 12px;
  3464. font-size: 0.75rem;
  3465. }
  3466. .wp-caption-text {
  3467. text-align: center;
  3468. }
  3469. .gallery {
  3470. margin-left: -0.9375rem;
  3471. margin-right: -0.9375rem;
  3472. }
  3473. .gallery > * {
  3474. padding-left: 0.9375rem;
  3475. padding-right: 0.9375rem;
  3476. }
  3477. .gallery-item {
  3478. margin-top: 0.9375rem;
  3479. margin-bottom: 0.9375rem;
  3480. }
  3481. .gallery img {
  3482. display: block;
  3483. width: 100%;
  3484. height: auto;
  3485. border-radius: 4px;
  3486. }
  3487. .gallery-item {
  3488. display: inline-block;
  3489. text-align: center;
  3490. vertical-align: top;
  3491. width: 100%;
  3492. }
  3493. .gallery-columns-2 .gallery-item {
  3494. max-width: 50%;
  3495. }
  3496. .gallery-columns-3 .gallery-item {
  3497. max-width: 33.33%;
  3498. }
  3499. .gallery-columns-4 .gallery-item {
  3500. max-width: 25%;
  3501. }
  3502. .gallery-columns-5 .gallery-item {
  3503. max-width: 20%;
  3504. }
  3505. .gallery-columns-6 .gallery-item {
  3506. max-width: 16.66%;
  3507. }
  3508. .gallery-columns-7 .gallery-item {
  3509. max-width: 14.28%;
  3510. }
  3511. .gallery-columns-8 .gallery-item {
  3512. max-width: 12.5%;
  3513. }
  3514. .gallery-columns-9 .gallery-item {
  3515. max-width: 11.11%;
  3516. }
  3517. .gallery-caption {
  3518. display: block;
  3519. }
  3520. .embed-responsive {
  3521. position: relative;
  3522. display: block;
  3523. padding: 0;
  3524. }
  3525. .embed-responsive .embed-responsive-item,
  3526. .embed-responsive embed,
  3527. .embed-responsive iframe,
  3528. .embed-responsive object {
  3529. position: absolute;
  3530. top: 0;
  3531. left: 0;
  3532. bottom: 0;
  3533. height: 100%;
  3534. width: 100%;
  3535. border: 0;
  3536. }
  3537. .embed-responsive.embed-responsive-16by9 {
  3538. padding-bottom: 62.33%;
  3539. }
  3540. .embed-responsive.embed-responsive-4by3 {
  3541. padding-bottom: 75%;
  3542. }
  3543. .fb_iframe_widget {
  3544. max-width: 100%;
  3545. }
  3546. .fb_iframe_widget > span {
  3547. max-width: 100%;
  3548. }
  3549. .slick-slide:focus {
  3550. outline: none;
  3551. }
  3552. .jet-smart-listing-wrap.jet-processing + div.jet-smart-listing-loading {
  3553. width: 30px;
  3554. height: 30px;
  3555. border: 3px solid transparent;
  3556. border-top-color: red;
  3557. border-right-color: red;
  3558. }
  3559. .jet-mobile-menu-active .jet-mobile-menu-cover {
  3560. z-index: 1;
  3561. }
  3562. div.wpcf7 .ajax-loader {
  3563. position: relative;
  3564. border-radius: 50%;
  3565. width: 20px;
  3566. height: 20px;
  3567. border: 3px solid transparent;
  3568. margin: 0 15px;
  3569. background: none;
  3570. -webkit-animation: tm_spin 1s linear infinite;
  3571. animation: tm_spin 1s linear infinite;
  3572. z-index: 11;
  3573. }
  3574. @keyframes tm_spin {
  3575. 0% {
  3576. -webkit-transform: rotate(0deg);
  3577. transform: rotate(0deg);
  3578. }
  3579. to {
  3580. -webkit-transform: rotate(360deg);
  3581. transform: rotate(360deg);
  3582. }
  3583. }
  3584. .main-navigation .sub-menu li.wpml-ls-item {
  3585. margin: 3px 10px;
  3586. padding: 2px 10px;
  3587. }
  3588. .main-navigation .sub-menu li.wpml-ls-item a {
  3589. -webkit-transition: none;
  3590. -o-transition: none;
  3591. transition: none;
  3592. }
  3593. .main-navigation.mobile-menu .menu li.wpml-ls-item {
  3594. display: block;
  3595. margin: 1px 8px;
  3596. padding: 4px 7px;
  3597. }
  3598. html#ecwid_html body#ecwid_body {
  3599. }
  3600. html#ecwid_html
  3601. body#ecwid_body
  3602. .ecwid.horizontal-menu-container.horizontal-desktop
  3603. .horizontal-menu.horizontal-menu--desktop
  3604. .horizontal-menu-item {
  3605. margin-right: 10px;
  3606. }
  3607. html#ecwid_html
  3608. body#ecwid_body
  3609. .ec-size.ecwid-lte-600px
  3610. div.ecwid-productBrowser {
  3611. padding: 0 0.9375rem 20px;
  3612. }
  3613. html#ecwid_html body#ecwid_body .ec-size div.ecwid-productBrowser {
  3614. padding: 0 1.875rem 20px;
  3615. background-color: transparent;
  3616. }
  3617. html#ecwid_html
  3618. body#ecwid_body
  3619. .ec-size
  3620. .ec-wrapper
  3621. .ec-store
  3622. .grid__products--medium-items {
  3623. margin-right: -0.9375rem;
  3624. margin-left: -0.9375rem;
  3625. }
  3626. html#ecwid_html
  3627. body#ecwid_body
  3628. .ec-size
  3629. .ec-wrapper
  3630. .ec-store
  3631. .grid__products--medium-items
  3632. .grid-product__wrap {
  3633. padding: 0.9375rem;
  3634. }
  3635. html#ecwid_html
  3636. body#ecwid_body
  3637. .ec-size
  3638. .ec-wrapper
  3639. .ec-store
  3640. .product-details-module__content
  3641. .product-details__product-description {
  3642. }
  3643. html#ecwid_html
  3644. body#ecwid_body
  3645. .ec-size
  3646. .ec-wrapper
  3647. .ec-store
  3648. .product-details-module__content
  3649. .product-details__product-description
  3650. p {
  3651. margin: 0 0 1em;
  3652. }
  3653. html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__sort {
  3654. margin-bottom: 22px;
  3655. }
  3656. html#ecwid_html
  3657. body#ecwid_body
  3658. .ec-size
  3659. .ec-wrapper
  3660. .ec-store
  3661. .ec-grid
  3662. .page-title__name {
  3663. margin-bottom: 22px;
  3664. }
  3665. html#ecwid_html
  3666. body#ecwid_body
  3667. .ec-size
  3668. .ec-wrapper
  3669. .ec-store
  3670. .details-product-option--radio
  3671. .product-details-module__content {
  3672. display: -webkit-box;
  3673. display: -ms-flexbox;
  3674. display: flex;
  3675. -webkit-box-orient: horizontal;
  3676. -webkit-box-direction: normal;
  3677. -ms-flex-direction: row;
  3678. flex-direction: row;
  3679. -ms-flex-wrap: wrap;
  3680. flex-wrap: wrap;
  3681. -webkit-box-pack: start;
  3682. -ms-flex-pack: start;
  3683. justify-content: flex-start;
  3684. -ms-flex-line-pack: start;
  3685. align-content: flex-start;
  3686. }
  3687. html#ecwid_html
  3688. body#ecwid_body
  3689. .ec-size
  3690. .ec-wrapper
  3691. .ec-store
  3692. .details-product-option--radio
  3693. .product-details-module__content
  3694. .form-control--radio {
  3695. padding: 5px;
  3696. width: auto;
  3697. }
  3698. html#ecwid_html
  3699. body#ecwid_body
  3700. .ec-size
  3701. .ec-wrapper
  3702. .ec-store
  3703. .grid-product__wrap-inner
  3704. > :last-child:not(.grid-product__image) {
  3705. padding-top: 6px;
  3706. }
  3707. html#ecwid_html
  3708. body#ecwid_body
  3709. .ec-size
  3710. .ec-wrapper
  3711. .ec-store
  3712. .grid__products--layout-left
  3713. .grid-product__price {
  3714. padding-top: 0.1em;
  3715. }
  3716. html#ecwid_html
  3717. body#ecwid_body
  3718. .ec-size
  3719. .ec-wrapper
  3720. .ec-store
  3721. .form-control__button {
  3722. border-radius: 4px;
  3723. }
  3724. html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-wrapper .ec-store {
  3725. }
  3726. html#ecwid_html
  3727. body#ecwid_body
  3728. .ec-size.ec-size--l
  3729. .ec-wrapper
  3730. .ec-store
  3731. .form-control--small
  3732. .form-control__button {
  3733. min-height: 36px;
  3734. }
  3735. html#ecwid_html
  3736. body#ecwid_body
  3737. .ec-size.ec-size--l
  3738. .ec-wrapper
  3739. .ec-store
  3740. .form-control
  3741. .form-control__button {
  3742. min-height: 40px;
  3743. }
  3744. html#ecwid_html
  3745. body#ecwid_body
  3746. .ec-size.ec-size--l
  3747. .ec-wrapper
  3748. .ec-store
  3749. .form-control--medium
  3750. .form-control__button {
  3751. min-height: 46px;
  3752. }
  3753. .site-header {
  3754. background: #3b3d42;
  3755. }
  3756. .menu-item a {
  3757. color: #fff !important;
  3758. text-transform: uppercase;
  3759. font-size: 17px;
  3760. line-height: 15px;
  3761. font-weight: 400;
  3762. letter-spacing: 1.2px;
  3763. }
  3764. .current-menu-item a,
  3765. .menu-item a:hover {
  3766. color: rgb(247, 153, 43) !important;
  3767. }
  3768. .main-navigation.mobile-menu .main-navigation-inner {
  3769. background: #3b3d42;
  3770. }
  3771. .breadcrumbs {
  3772. max-width: 1060px;
  3773. margin: 0 auto;
  3774. border: none;
  3775. }
  3776. .breadcrumbs_wrap {
  3777. display: -webkit-flex;
  3778. display: -moz-flex;
  3779. display: -ms-flex;
  3780. display: -o-flex;
  3781. display: flex;
  3782. -webkit-justify-content: flex-end;
  3783. -moz-justify-content: flex-end;
  3784. -o-justify-content: flex-end;
  3785. -ms-justify-content: flex-end;
  3786. justify-content: flex-end;
  3787. -ms-align-items: center;
  3788. align-items: center;
  3789. -webkit-flex-wrap: wrap;
  3790. -moz-flex-wrap: wrap;
  3791. -o-flex-wrap: wrap;
  3792. -ms-flex-wrap: wrap;
  3793. flex-wrap: wrap;
  3794. }
  3795. .breadcrumbs_item_target {
  3796. color: rgb(247, 153, 43);
  3797. font-weight: 700;
  3798. font-size: 18px;
  3799. font-family: "Oswald", Motserrat, sans-serif;
  3800. }
  3801. .breadcrumbs_item_link {
  3802. color: #000;
  3803. font-family: "Oswald", Motserrat, sans-serif;
  3804. font-size: 18px;
  3805. }
  3806. .monst2-link {
  3807. display: block;
  3808. width: 100%;
  3809. background: rgb(32, 37, 45);
  3810. background: linear-gradient(
  3811. 139deg,
  3812. rgba(32, 37, 45, 1) 0%,
  3813. rgba(31, 38, 47, 1) 33%,
  3814. rgba(43, 50, 56, 1) 81%
  3815. );
  3816. }
  3817. .monst2-link img {
  3818. margin: 0 auto;
  3819. max-width: 1200px;
  3820. width: 100%;
  3821. }
  3822. .big-monst2 {
  3823. display: block;
  3824. }
  3825. .small-monst2 {
  3826. display: none;
  3827. }
  3828. @media (max-width: 992px) {
  3829. .big-monst2 {
  3830. display: none;
  3831. }
  3832. .small-monst2 {
  3833. display: block;
  3834. }
  3835. }
  3836. .wpcf7-response-output {
  3837. border: none !important;
  3838. }
  3839. #wpcf7-f9-p7-o1 .wpcf7-response-output {
  3840. color: #fff !important;
  3841. }
  3842. #wpcf7-f173-p12-o1 .wpcf7-submit {
  3843. background: #000;
  3844. color: #fff;
  3845. }
  3846. #wpcf7-f173-p12-o1 .wpcf7-submit:hover {
  3847. color: #000;
  3848. background: #fff;
  3849. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement