Advertisement
himanshu208

Untitled

Oct 25th, 2018
302
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 103.12 KB | None | 0 0
  1. html {
  2. font-family:sans-serif;
  3. line-height: 1.15;
  4. -ms-text-size-adjust: 100%;
  5. -webkit-text-size-adjust: 100%;
  6. }
  7.  
  8. body {
  9. margin: 0;
  10. overflow-x:hidden;
  11. }
  12.  
  13. article,
  14. aside,
  15. footer,
  16. header,
  17. nav,
  18. section {
  19. display: block;
  20. }
  21.  
  22. h1 {
  23. font-size: 2em;
  24. margin: 0.67em 0;
  25. }
  26.  
  27. figcaption,
  28. figure,
  29. main {
  30. display: block;
  31. }
  32.  
  33. figure {
  34. margin: 1em 0;
  35. }
  36.  
  37. hr {
  38. -webkit-box-sizing: content-box;
  39. -moz-box-sizing: content-box;
  40. box-sizing: content-box;
  41. height: 0;
  42. overflow: visible;
  43. }
  44.  
  45. pre {
  46. font-family: monospace, monospace;
  47. font-size: 1em;
  48. }
  49.  
  50. a {
  51. background-color: transparent;
  52. -webkit-text-decoration-skip: objects;
  53. }
  54.  
  55. a:active,
  56. a:hover {
  57. outline-width: 0;
  58. }
  59.  
  60. abbr[title] {
  61. border-bottom: 1px #767676 dotted;
  62. text-decoration: none;
  63. }
  64. b,
  65. strong {
  66. font-weight: inherit;
  67. }
  68.  
  69. b,
  70. strong {
  71. font-weight: 700;
  72. }
  73.  
  74. code,
  75. kbd,
  76. samp {
  77. font-family: monospace, monospace;
  78. font-size: 1em;
  79. }
  80.  
  81. dfn {
  82. font-style: italic;
  83. }
  84.  
  85. mark {
  86. background-color: #eee;
  87. color: #222;
  88. }
  89.  
  90. small {
  91. font-size: 80%;
  92. }
  93.  
  94. sub,
  95. sup {
  96. font-size: 75%;
  97. line-height: 0;
  98. position: relative;
  99. vertical-align: baseline;
  100. }
  101.  
  102. sub {
  103. bottom: -0.25em;
  104. }
  105.  
  106. sup {
  107. top: -0.5em;
  108. }
  109.  
  110. audio,
  111. video {
  112. display: inline-block;
  113. }
  114.  
  115. audio:not([controls]) {
  116. display: none;
  117. height: 0;
  118. }
  119.  
  120. img {
  121. border-style: none;
  122. }
  123.  
  124. svg:not(:root) {
  125. overflow: hidden;
  126. }
  127.  
  128. button,
  129. input,
  130. optgroup,
  131. select,
  132. textarea {
  133. font-family: sans-serif;
  134. font-size: 100%;
  135. line-height: 1.15;
  136. margin: 0;
  137. }
  138.  
  139. button,
  140. input {
  141. overflow: visible;
  142. }
  143.  
  144. button,
  145. select {
  146. text-transform: none;
  147. }
  148.  
  149. button,
  150. html [type="button"],
  151. [type="reset"],
  152. [type="submit"] {
  153. -webkit-appearance: button;
  154. }
  155.  
  156. button::-moz-focus-inner,
  157. [type="button"]::-moz-focus-inner,
  158. [type="reset"]::-moz-focus-inner,
  159. [type="submit"]::-moz-focus-inner {
  160. border-style: none;
  161. padding: 0;
  162. }
  163.  
  164. button:-moz-focusring,
  165. [type="button"]:-moz-focusring,
  166. [type="reset"]:-moz-focusring,
  167. [type="submit"]:-moz-focusring {
  168. outline: 1px dotted ButtonText;
  169. }
  170.  
  171. fieldset {
  172. border: 1px solid #bbb;
  173. margin: 0 2px;
  174. padding: 0.35em 0.625em 0.75em;
  175. }
  176.  
  177. legend {
  178. -webkit-box-sizing: border-box;
  179. -moz-box-sizing: border-box;
  180. box-sizing: border-box;
  181. color: inherit;
  182. display: table;
  183. max-width: 100%;
  184. padding: 0;
  185. white-space: normal;
  186. }
  187.  
  188. progress {
  189. display: inline-block;
  190. vertical-align: baseline;
  191. }
  192.  
  193. textarea {
  194. overflow: auto;
  195. }
  196.  
  197. [type="checkbox"],
  198. [type="radio"] {
  199. -webkit-box-sizing: border-box;
  200. -moz-box-sizing: border-box;
  201. box-sizing: border-box;
  202. padding: 0;
  203. }
  204.  
  205. [type="number"]::-webkit-inner-spin-button,
  206. [type="number"]::-webkit-outer-spin-button {
  207. height: auto;
  208. }
  209.  
  210. [type="search"] {
  211. -webkit-appearance: textfield;
  212. outline-offset: -2px;
  213. }
  214.  
  215. [type="search"]::-webkit-search-cancel-button,
  216. [type="search"]::-webkit-search-decoration {
  217. -webkit-appearance: none;
  218. }
  219.  
  220. ::-webkit-file-upload-button {
  221. -webkit-appearance: button;
  222. font: inherit;
  223. }
  224.  
  225. details,
  226. menu {
  227. display: block;
  228. }
  229.  
  230. summary {
  231. display: list-item;
  232. }
  233.  
  234. canvas {
  235. display: inline-block;
  236. }
  237.  
  238. template {
  239. display: none;
  240. }
  241.  
  242. [hidden] {
  243. display: none;
  244. }
  245.  
  246. /*--------------------------------------------------------------
  247. 2.0 Accessibility
  248. --------------------------------------------------------------*/
  249.  
  250. /* Text meant only for screen readers. */
  251.  
  252. .screen-reader-text {
  253. clip: rect(1px, 1px, 1px, 1px);
  254. height: 1px;
  255. overflow: hidden;
  256. position: absolute !important;
  257. width: 1px;
  258. word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
  259. }
  260.  
  261. .screen-reader-text:focus {
  262. background-color: #f1f1f1;
  263. -webkit-border-radius: 3px;
  264. border-radius: 3px;
  265. -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  266. box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  267. clip: auto !important;
  268. color: #21759b;
  269. display: block;
  270. font-size: 14px;
  271. font-size: 0.875rem;
  272. font-weight: 700;
  273. height: auto;
  274. left: 5px;
  275. line-height: normal;
  276. padding: 15px 23px 14px;
  277. text-decoration: none;
  278. top: 5px;
  279. width: auto;
  280. z-index: 100000; /* Above WP toolbar. */
  281. }
  282.  
  283. /*--------------------------------------------------------------
  284. 3.0 Alignments
  285. --------------------------------------------------------------*/
  286.  
  287. .alignleft {
  288. display: inline;
  289. float: left;
  290. margin-right: 1.5em;
  291. }
  292.  
  293. .alignright {
  294. display: inline;
  295. float: right;
  296. margin-left: 1.5em;
  297. }
  298.  
  299. .aligncenter {
  300. clear: both;
  301. display: block;
  302. margin-left: auto;
  303. margin-right: auto;
  304. }
  305.  
  306. /*--------------------------------------------------------------
  307. 4.0 Clearings
  308. --------------------------------------------------------------*/
  309.  
  310. .clear:before,
  311. .clear:after,
  312. .entry-content:before,
  313. .entry-content:after,
  314. .entry-footer:before,
  315. .entry-footer:after,
  316. .comment-content:before,
  317. .comment-content:after,
  318. .site-header:before,
  319. .site-header:after,
  320. .site-content:before,
  321. .site-content:after,
  322. .site-footer:before,
  323. .site-footer:after,
  324. .nav-links:before,
  325. .nav-links:after,
  326. .pagination:before,
  327. .pagination:after,
  328. .comment-author:before,
  329. .comment-author:after,
  330. .widget-area:before,
  331. .widget-area:after,
  332. .widget:before,
  333. .widget:after,
  334. .comment-meta:before,
  335. .comment-meta:after {
  336. content: "";
  337. display: table;
  338. table-layout: fixed;
  339. }
  340.  
  341. .clear:after,
  342. .entry-content:after,
  343. .entry-footer:after,
  344. .comment-content:after,
  345. .site-header:after,
  346. .site-content:after,
  347. .site-footer:after,
  348. .nav-links:after,
  349. .pagination:after,
  350. .comment-author:after,
  351. .widget-area:after,
  352. .widget:after,
  353. .comment-meta:after {
  354. clear: both;
  355. }
  356.  
  357. /*--------------------------------------------------------------
  358. 5.0 Typography
  359. --------------------------------------------------------------*/
  360.  
  361. body,
  362. button,
  363. input,
  364. select,
  365. textarea {
  366. color: #333;
  367. font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
  368. font-size: 15px;
  369. font-size: 0.9375rem;
  370. font-weight: 400;
  371. line-height: 1.66;
  372. }
  373.  
  374. h1,
  375. h2,
  376. h3,
  377. h4,
  378. h5,
  379. h6 {
  380. clear: both;
  381. line-height: 1.4;
  382. margin: 0 0 0.75em;
  383. padding: 1.5em 0 0;
  384. }
  385.  
  386. h1:first-child,
  387. h2:first-child,
  388. h3:first-child,
  389. h4:first-child,
  390. h5:first-child,
  391. h6:first-child {
  392. padding-top: 0;
  393. }
  394.  
  395. h1 {
  396. font-size: 24px;
  397. font-size: 1.5rem;
  398. font-weight: 300;
  399. }
  400.  
  401. h2,
  402. .home.blog .entry-title {
  403. color: #666;
  404. font-size: 20px;
  405. font-size: 1.25rem;
  406. font-weight: 300;
  407. }
  408.  
  409. h3 {
  410. color: #333;
  411. font-size: 18px;
  412. font-size: 1.125rem;
  413. font-weight: 300;
  414. }
  415.  
  416. h4 {
  417. color: #333;
  418. font-size: 16px;
  419. font-size: 1rem;
  420. font-weight: 800;
  421. }
  422.  
  423. h5 {
  424. color: #767676;
  425. font-size: 13px;
  426. font-size: 0.8125rem;
  427. font-weight: 800;
  428. letter-spacing: 0.15em;
  429. text-transform: uppercase;
  430. }
  431.  
  432. h6 {
  433. color: #333;
  434. font-size: 15px;
  435. font-size: 0.9375rem;
  436. font-weight: 800;
  437. }
  438.  
  439. p {
  440. margin: 0 0 1.5em;
  441. padding: 0;
  442. }
  443.  
  444. dfn,
  445. cite,
  446. em,
  447. i {
  448. font-style: italic;
  449. }
  450.  
  451. blockquote {
  452. color: #666;
  453. font-size: 18px;
  454. font-size: 1.125rem;
  455. font-style: italic;
  456. line-height: 1.7;
  457. margin: 0;
  458. overflow: hidden;
  459. padding: 0;
  460. }
  461.  
  462. blockquote cite {
  463. display: block;
  464. font-style: normal;
  465. font-weight: 600;
  466. margin-top: 0.5em;
  467. }
  468.  
  469. address {
  470. margin: 0 0 1.5em;
  471. }
  472.  
  473. pre {
  474. background: #eee;
  475. font-family: "Courier 10 Pitch", Courier, monospace;
  476. font-size: 15px;
  477. font-size: 0.9375rem;
  478. line-height: 1.6;
  479. margin-bottom: 1.6em;
  480. max-width: 100%;
  481. overflow: auto;
  482. padding: 1.6em;
  483. }
  484.  
  485. code,
  486. kbd,
  487. tt,
  488. var {
  489. font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  490. font-size: 15px;
  491. font-size: 0.9375rem;
  492. }
  493.  
  494. abbr,
  495. acronym {
  496. border-bottom: 1px dotted #666;
  497. cursor: help;
  498. }
  499.  
  500. mark,
  501. ins {
  502. background: #eee;
  503. text-decoration: none;
  504. }
  505.  
  506. big {
  507. font-size: 125%;
  508. }
  509.  
  510. blockquote {
  511. quotes: "" "";
  512. }
  513.  
  514. q {
  515. quotes: "“" "”" "‘" "’";
  516. }
  517.  
  518. blockquote:before,
  519. blockquote:after {
  520. content: "";
  521. }
  522.  
  523. :focus {
  524. outline: none;
  525. }
  526.  
  527. /* Typography for Arabic Font */
  528.  
  529. html[lang="ar"] body,
  530. html[lang="ar"] button,
  531. html[lang="ar"] input,
  532. html[lang="ar"] select,
  533. html[lang="ar"] textarea,
  534. html[lang="ary"] body,
  535. html[lang="ary"] button,
  536. html[lang="ary"] input,
  537. html[lang="ary"] select,
  538. html[lang="ary"] textarea,
  539. html[lang="azb"] body,
  540. html[lang="azb"] button,
  541. html[lang="azb"] input,
  542. html[lang="azb"] select,
  543. html[lang="azb"] textarea,
  544. html[lang="fa-IR"] body,
  545. html[lang="fa-IR"] button,
  546. html[lang="fa-IR"] input,
  547. html[lang="fa-IR"] select,
  548. html[lang="fa-IR"] textarea,
  549. html[lang="haz"] body,
  550. html[lang="haz"] button,
  551. html[lang="haz"] input,
  552. html[lang="haz"] select,
  553. html[lang="haz"] textarea,
  554. html[lang="ps"] body,
  555. html[lang="ps"] button,
  556. html[lang="ps"] input,
  557. html[lang="ps"] select,
  558. html[lang="ps"] textarea,
  559. html[lang="ur"] body,
  560. html[lang="ur"] button,
  561. html[lang="ur"] input,
  562. html[lang="ur"] select,
  563. html[lang="ur"] textarea {
  564. font-family: Tahoma, Arial, sans-serif;
  565. }
  566.  
  567. html[lang="ar"] h1,
  568. html[lang="ar"] h2,
  569. html[lang="ar"] h3,
  570. html[lang="ar"] h4,
  571. html[lang="ar"] h5,
  572. html[lang="ar"] h6,
  573. html[lang="ary"] h1,
  574. html[lang="ary"] h2,
  575. html[lang="ary"] h3,
  576. html[lang="ary"] h4,
  577. html[lang="ary"] h5,
  578. html[lang="ary"] h6,
  579. html[lang="azb"] h1,
  580. html[lang="azb"] h2,
  581. html[lang="azb"] h3,
  582. html[lang="azb"] h4,
  583. html[lang="azb"] h5,
  584. html[lang="azb"] h6,
  585. html[lang="fa-IR"] h1,
  586. html[lang="fa-IR"] h2,
  587. html[lang="fa-IR"] h3,
  588. html[lang="fa-IR"] h4,
  589. html[lang="fa-IR"] h5,
  590. html[lang="fa-IR"] h6,
  591. html[lang="haz"] h1,
  592. html[lang="haz"] h2,
  593. html[lang="haz"] h3,
  594. html[lang="haz"] h4,
  595. html[lang="haz"] h5,
  596. html[lang="haz"] h6,
  597. html[lang="ps"] h1,
  598. html[lang="ps"] h2,
  599. html[lang="ps"] h3,
  600. html[lang="ps"] h4,
  601. html[lang="ps"] h5,
  602. html[lang="ps"] h6,
  603. html[lang="ur"] h1,
  604. html[lang="ur"] h2,
  605. html[lang="ur"] h3,
  606. html[lang="ur"] h4,
  607. html[lang="ur"] h5,
  608. html[lang="ur"] h6 {
  609. font-weight: 700;
  610. }
  611.  
  612. /* Typography for Chinese Font */
  613.  
  614. html[lang^="zh-"] body,
  615. html[lang^="zh-"] button,
  616. html[lang^="zh-"] input,
  617. html[lang^="zh-"] select,
  618. html[lang^="zh-"] textarea {
  619. font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif;
  620. }
  621.  
  622. html[lang^="zh-"] h1,
  623. html[lang^="zh-"] h2,
  624. html[lang^="zh-"] h3,
  625. html[lang^="zh-"] h4,
  626. html[lang^="zh-"] h5,
  627. html[lang^="zh-"] h6 {
  628. font-weight: 700;
  629. }
  630.  
  631. /* Typography for Cyrillic Font */
  632.  
  633. html[lang="bg-BG"] body,
  634. html[lang="bg-BG"] button,
  635. html[lang="bg-BG"] input,
  636. html[lang="bg-BG"] select,
  637. html[lang="bg-BG"] textarea,
  638. html[lang="ru-RU"] body,
  639. html[lang="ru-RU"] button,
  640. html[lang="ru-RU"] input,
  641. html[lang="ru-RU"] select,
  642. html[lang="ru-RU"] textarea,
  643. html[lang="uk"] body,
  644. html[lang="uk"] button,
  645. html[lang="uk"] input,
  646. html[lang="uk"] select,
  647. html[lang="uk"] textarea {
  648. font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
  649. }
  650.  
  651. html[lang="bg-BG"] h1,
  652. html[lang="bg-BG"] h2,
  653. html[lang="bg-BG"] h3,
  654. html[lang="bg-BG"] h4,
  655. html[lang="bg-BG"] h5,
  656. html[lang="bg-BG"] h6,
  657. html[lang="ru-RU"] h1,
  658. html[lang="ru-RU"] h2,
  659. html[lang="ru-RU"] h3,
  660. html[lang="ru-RU"] h4,
  661. html[lang="ru-RU"] h5,
  662. html[lang="ru-RU"] h6,
  663. html[lang="uk"] h1,
  664. html[lang="uk"] h2,
  665. html[lang="uk"] h3,
  666. html[lang="uk"] h4,
  667. html[lang="uk"] h5,
  668. html[lang="uk"] h6 {
  669. font-weight: 700;
  670. line-height: 1.2;
  671. }
  672.  
  673. /* Typography for Devanagari Font */
  674.  
  675. html[lang="bn-BD"] body,
  676. html[lang="bn-BD"] button,
  677. html[lang="bn-BD"] input,
  678. html[lang="bn-BD"] select,
  679. html[lang="bn-BD"] textarea,
  680. html[lang="hi-IN"] body,
  681. html[lang="hi-IN"] button,
  682. html[lang="hi-IN"] input,
  683. html[lang="hi-IN"] select,
  684. html[lang="hi-IN"] textarea,
  685. html[lang="mr-IN"] body,
  686. html[lang="mr-IN"] button,
  687. html[lang="mr-IN"] input,
  688. html[lang="mr-IN"] select,
  689. html[lang="mr-IN"] textarea {
  690. font-family: Arial, sans-serif;
  691. }
  692.  
  693. html[lang="bn-BD"] h1,
  694. html[lang="bn-BD"] h2,
  695. html[lang="bn-BD"] h3,
  696. html[lang="bn-BD"] h4,
  697. html[lang="bn-BD"] h5,
  698. html[lang="bn-BD"] h6,
  699. html[lang="hi-IN"] h1,
  700. html[lang="hi-IN"] h2,
  701. html[lang="hi-IN"] h3,
  702. html[lang="hi-IN"] h4,
  703. html[lang="hi-IN"] h5,
  704. html[lang="hi-IN"] h6,
  705. html[lang="mr-IN"] h1,
  706. html[lang="mr-IN"] h2,
  707. html[lang="mr-IN"] h3,
  708. html[lang="mr-IN"] h4,
  709. html[lang="mr-IN"] h5,
  710. html[lang="mr-IN"] h6 {
  711. font-weight: 700;
  712. }
  713.  
  714. /* Typography for Greek Font */
  715.  
  716. html[lang="el"] body,
  717. html[lang="el"] button,
  718. html[lang="el"] input,
  719. html[lang="el"] select,
  720. html[lang="el"] textarea {
  721. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  722. }
  723.  
  724. html[lang="el"] h1,
  725. html[lang="el"] h2,
  726. html[lang="el"] h3,
  727. html[lang="el"] h4,
  728. html[lang="el"] h5,
  729. html[lang="el"] h6 {
  730. font-weight: 700;
  731. line-height: 1.3;
  732. }
  733.  
  734. /* Typography for Gujarati Font */
  735.  
  736. html[lang="gu-IN"] body,
  737. html[lang="gu-IN"] button,
  738. html[lang="gu-IN"] input,
  739. html[lang="gu-IN"] select,
  740. html[lang="gu-IN"] textarea {
  741. font-family: Arial, sans-serif;
  742. }
  743.  
  744. html[lang="gu-IN"] h1,
  745. html[lang="gu-IN"] h2,
  746. html[lang="gu-IN"] h3,
  747. html[lang="gu-IN"] h4,
  748. html[lang="gu-IN"] h5,
  749. html[lang="gu-IN"] h6 {
  750. font-weight: 700;
  751. }
  752.  
  753. /* Typography for Hebrew Font */
  754.  
  755. html[lang="he-IL"] body,
  756. html[lang="he-IL"] button,
  757. html[lang="he-IL"] input,
  758. html[lang="he-IL"] select,
  759. html[lang="he-IL"] textarea {
  760. font-family: "Arial Hebrew", Arial, sans-serif;
  761. }
  762.  
  763. html[lang="he-IL"] h1,
  764. html[lang="he-IL"] h2,
  765. html[lang="he-IL"] h3,
  766. html[lang="he-IL"] h4,
  767. html[lang="he-IL"] h5,
  768. html[lang="he-IL"] h6 {
  769. font-weight: 700;
  770. }
  771.  
  772. /* Typography for Japanese Font */
  773.  
  774. html[lang="ja"] body,
  775. html[lang="ja"] button,
  776. html[lang="ja"] input,
  777. html[lang="ja"] select,
  778. html[lang="ja"] textarea {
  779. font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  780. }
  781.  
  782. html[lang="ja"] h1,
  783. html[lang="ja"] h2,
  784. html[lang="ja"] h3,
  785. html[lang="ja"] h4,
  786. html[lang="ja"] h5,
  787. html[lang="ja"] h6 {
  788. font-weight: 700;
  789. }
  790.  
  791. /* Typography for Korean font */
  792.  
  793. html[lang="ko-KR"] body,
  794. html[lang="ko-KR"] button,
  795. html[lang="ko-KR"] input,
  796. html[lang="ko-KR"] select,
  797. html[lang="ko-KR"] textarea {
  798. font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
  799. }
  800.  
  801. html[lang="ko-KR"] h1,
  802. html[lang="ko-KR"] h2,
  803. html[lang="ko-KR"] h3,
  804. html[lang="ko-KR"] h4,
  805. html[lang="ko-KR"] h5,
  806. html[lang="ko-KR"] h6 {
  807. font-weight: 600;
  808. }
  809.  
  810. /* Typography for Thai Font */
  811.  
  812. html[lang="th"] h1,
  813. html[lang="th"] h2,
  814. html[lang="th"] h3,
  815. html[lang="th"] h4,
  816. html[lang="th"] h5,
  817. html[lang="th"] h6 {
  818. line-height: 1.65;
  819. font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
  820. }
  821.  
  822. html[lang="th"] body,
  823. html[lang="th"] button,
  824. html[lang="th"] input,
  825. html[lang="th"] select,
  826. html[lang="th"] textarea {
  827. line-height: 1.8;
  828. font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
  829. }
  830.  
  831. /* Remove letter-spacing for all non-latin alphabets */
  832.  
  833. html[lang="ar"] *,
  834. html[lang="ary"] *,
  835. html[lang="azb"] *,
  836. html[lang="haz"] *,
  837. html[lang="ps"] *,
  838. html[lang^="zh-"] *,
  839. html[lang="bg-BG"] *,
  840. html[lang="ru-RU"] *,
  841. html[lang="uk"] *,
  842. html[lang="bn-BD"] *,
  843. html[lang="hi-IN"] *,
  844. html[lang="mr-IN"] *,
  845. html[lang="el"] *,
  846. html[lang="gu-IN"] *,
  847. html[lang="he-IL"] *,
  848. html[lang="ja"] *,
  849. html[lang="ko-KR"] *,
  850. html[lang="th"] * {
  851. letter-spacing: 0 !important;
  852. }
  853.  
  854. /*--------------------------------------------------------------
  855. 6.0 Forms
  856. --------------------------------------------------------------*/
  857.  
  858. label {
  859. color: #333;
  860. display: block;
  861. font-weight: 800;
  862. margin-bottom: 0.5em;
  863. }
  864.  
  865. fieldset {
  866. margin-bottom: 1em;
  867. }
  868.  
  869. input[type="text"],
  870. input[type="email"],
  871. input[type="url"],
  872. input[type="password"],
  873. input[type="search"],
  874. input[type="number"],
  875. input[type="tel"],
  876. input[type="range"],
  877. input[type="date"],
  878. input[type="month"],
  879. input[type="week"],
  880. input[type="time"],
  881. input[type="datetime"],
  882. input[type="datetime-local"],
  883. input[type="color"],
  884. textarea {
  885. color: #666;
  886. background: #fff;
  887. background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  888. border: 1px solid #ddd;
  889. -webkit-border-radius: 3px;
  890. border-radius: 3px;
  891. display: block;
  892. padding: 4px;
  893. width: 100%;
  894. }
  895.  
  896. input[type="text"]:focus,
  897. input[type="email"]:focus,
  898. input[type="url"]:focus,
  899. input[type="password"]:focus,
  900. input[type="search"]:focus,
  901. input[type="number"]:focus,
  902. input[type="tel"]:focus,
  903. input[type="range"]:focus,
  904. input[type="date"]:focus,
  905. input[type="month"]:focus,
  906. input[type="week"]:focus,
  907. input[type="time"]:focus,
  908. input[type="datetime"]:focus,
  909. input[type="datetime-local"]:focus,
  910. input[type="color"]:focus,
  911. textarea:focus {
  912. color: #222;
  913. border-color: #333;
  914. }
  915.  
  916. select {
  917. border: 1px solid #bbb;
  918. -webkit-border-radius: 3px;
  919. border-radius: 3px;
  920. height: 3em;
  921. max-width: 100%;
  922. }
  923.  
  924. input[type="radio"],
  925. input[type="checkbox"] {
  926. margin-right: 0.5em;
  927. }
  928.  
  929. input[type="radio"] + label,
  930. input[type="checkbox"] + label {
  931. font-weight: 400;
  932. }
  933.  
  934. button,
  935. input[type="button"],
  936. input[type="submit"] {
  937. background-color: #222;
  938. border: 0;
  939. -webkit-border-radius: 2px;
  940. border-radius: 2px;
  941. -webkit-box-shadow: none;
  942. box-shadow: none;
  943. color: #fff;
  944. cursor: pointer;
  945. display: inline-block;
  946. font-size: 14px;
  947. font-size: 0.875rem;
  948. font-weight: 800;
  949. line-height: 1;
  950. padding: 1em 2em;
  951. text-shadow: none;
  952. -webkit-transition: background 0.2s;
  953. transition: background 0.2s;
  954. }
  955.  
  956. input + button,
  957. input + input[type="button"],
  958. input + input[type="submit"] {
  959. padding: 0.75em 2em;
  960. }
  961.  
  962. button.secondary,
  963. input[type="reset"],
  964. input[type="button"].secondary,
  965. input[type="reset"].secondary,
  966. input[type="submit"].secondary {
  967. background-color: #ddd;
  968. color: #222;
  969. }
  970.  
  971. button:hover,
  972. button:focus,
  973. input[type="button"]:hover,
  974. input[type="button"]:focus,
  975. input[type="submit"]:hover,
  976. input[type="submit"]:focus {
  977. background: #767676;
  978. }
  979.  
  980. button.secondary:hover,
  981. button.secondary:focus,
  982. input[type="reset"]:hover,
  983. input[type="reset"]:focus,
  984. input[type="button"].secondary:hover,
  985. input[type="button"].secondary:focus,
  986. input[type="reset"].secondary:hover,
  987. input[type="reset"].secondary:focus,
  988. input[type="submit"].secondary:hover,
  989. input[type="submit"].secondary:focus {
  990. background: #bbb;
  991. }
  992.  
  993. /* Placeholder text color -- selectors need to be separate to work. */
  994. ::-webkit-input-placeholder {
  995. color: #333;
  996. font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
  997. }
  998.  
  999. :-moz-placeholder {
  1000. color: #333;
  1001. font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
  1002. }
  1003.  
  1004. ::-moz-placeholder {
  1005. color: #333;
  1006. font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
  1007. opacity: 1;
  1008. /* Since FF19 lowers the opacity of the placeholder by default */
  1009. }
  1010.  
  1011. :-ms-input-placeholder {
  1012. color: #333;
  1013. font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
  1014. }
  1015.  
  1016. /*--------------------------------------------------------------
  1017. 7.0 Formatting
  1018. --------------------------------------------------------------*/
  1019.  
  1020. hr {
  1021. background-color: #bbb;
  1022. border: 0;
  1023. height: 1px;
  1024. margin-bottom: 1.5em;
  1025. }
  1026.  
  1027. /*--------------------------------------------------------------
  1028. 8.0 Lists
  1029. --------------------------------------------------------------*/
  1030.  
  1031. ul,
  1032. ol {
  1033. margin: 0 0 1.5em;
  1034. padding: 0;
  1035. }
  1036.  
  1037. ul {
  1038. list-style: disc;
  1039. }
  1040.  
  1041. ol {
  1042. list-style: decimal;
  1043. }
  1044.  
  1045. li > ul,
  1046. li > ol {
  1047. margin-bottom: 0;
  1048. margin-left: 1.5em;
  1049. }
  1050.  
  1051. dt {
  1052. font-weight: 700;
  1053. }
  1054.  
  1055. dd {
  1056. margin: 0 1.5em 1.5em;
  1057. }
  1058.  
  1059. /*--------------------------------------------------------------
  1060. 9.0 Tables
  1061. --------------------------------------------------------------*/
  1062.  
  1063. table {
  1064. border-collapse: collapse;
  1065. margin: 0 0 1.5em;
  1066. width: 100%;
  1067. }
  1068.  
  1069. thead th {
  1070. border-bottom: 2px solid #bbb;
  1071. padding-bottom: 0.5em;
  1072. }
  1073.  
  1074. th {
  1075. padding: 0.4em;
  1076. text-align: left;
  1077. }
  1078.  
  1079. tr {
  1080. border-bottom: 1px solid #eee;
  1081. }
  1082.  
  1083. td {
  1084. padding: 0.4em;
  1085. }
  1086.  
  1087. th:first-child,
  1088. td:first-child {
  1089. padding-left: 0;
  1090. }
  1091.  
  1092. th:last-child,
  1093. td:last-child {
  1094. padding-right: 0;
  1095. }
  1096.  
  1097. /*--------------------------------------------------------------
  1098. 10.0 Links
  1099. --------------------------------------------------------------*/
  1100.  
  1101. a {
  1102. color: #222;
  1103. text-decoration: none;
  1104. }
  1105.  
  1106. a:focus {
  1107. outline: thin dotted;
  1108. }
  1109.  
  1110. a:hover,
  1111. a:active {
  1112. color: #000;
  1113. outline: 0;
  1114. }
  1115.  
  1116. /* Hover effects */
  1117.  
  1118. .entry-content a,
  1119. .entry-summary a,
  1120. .widget a,
  1121. .site-footer .widget-area a,
  1122. .posts-navigation a,
  1123. .widget_authors a strong {
  1124. -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
  1125. box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
  1126. -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
  1127. transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
  1128. transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
  1129. transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
  1130. }
  1131.  
  1132. .entry-title a,
  1133. .entry-meta a,
  1134. .page-links a,
  1135. .page-links a .page-number,
  1136. .entry-footer a,
  1137. .entry-footer .cat-links a,
  1138. .entry-footer .tags-links a,
  1139. .edit-link a,
  1140. .post-navigation a,
  1141. .logged-in-as a,
  1142. .comment-navigation a,
  1143. .comment-metadata a,
  1144. .comment-metadata a.comment-edit-link,
  1145. .comment-reply-link,
  1146. a .nav-title,
  1147. .pagination a,
  1148. .comments-pagination a,
  1149. .site-info a,
  1150. .widget .widget-title a,
  1151. .widget ul li a,
  1152. .site-footer .widget-area ul li a,
  1153. .site-footer .widget-area ul li a {
  1154. -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
  1155. box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
  1156. text-decoration: none;
  1157. -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
  1158. transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
  1159. transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
  1160. transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
  1161. }
  1162.  
  1163. .entry-content a:focus,
  1164. .entry-content a:hover,
  1165. .entry-summary a:focus,
  1166. .entry-summary a:hover,
  1167. .widget a:focus,
  1168. .widget a:hover,
  1169. .site-footer .widget-area a:focus,
  1170. .site-footer .widget-area a:hover,
  1171. .posts-navigation a:focus,
  1172. .posts-navigation a:hover,
  1173. .comment-metadata a:focus,
  1174. .comment-metadata a:hover,
  1175. .comment-metadata a.comment-edit-link:focus,
  1176. .comment-metadata a.comment-edit-link:hover,
  1177. .comment-reply-link:focus,
  1178. .comment-reply-link:hover,
  1179. .widget_authors a:focus strong,
  1180. .widget_authors a:hover strong,
  1181. .entry-title a:focus,
  1182. .entry-title a:hover,
  1183. .entry-meta a:focus,
  1184. .entry-meta a:hover,
  1185. .page-links a:focus .page-number,
  1186. .page-links a:hover .page-number,
  1187. .entry-footer a:focus,
  1188. .entry-footer a:hover,
  1189. .entry-footer .cat-links a:focus,
  1190. .entry-footer .cat-links a:hover,
  1191. .entry-footer .tags-links a:focus,
  1192. .entry-footer .tags-links a:hover,
  1193. .post-navigation a:focus,
  1194. .post-navigation a:hover,
  1195. .pagination a:not(.prev):not(.next):focus,
  1196. .pagination a:not(.prev):not(.next):hover,
  1197. .comments-pagination a:not(.prev):not(.next):focus,
  1198. .comments-pagination a:not(.prev):not(.next):hover,
  1199. .logged-in-as a:focus,
  1200. .logged-in-as a:hover,
  1201. a:focus .nav-title,
  1202. a:hover .nav-title,
  1203. .edit-link a:focus,
  1204. .edit-link a:hover,
  1205. .site-info a:focus,
  1206. .site-info a:hover,
  1207. .widget .widget-title a:focus,
  1208. .widget .widget-title a:hover,
  1209. .widget ul li a:focus,
  1210. .widget ul li a:hover {
  1211. color: #000;
  1212. -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
  1213. box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
  1214. }
  1215.  
  1216. /* Fixes linked images */
  1217. .entry-content a img,
  1218. .widget a img {
  1219. -webkit-box-shadow: 0 0 0 8px #fff;
  1220. box-shadow: 0 0 0 8px #fff;
  1221. }
  1222.  
  1223. .post-navigation a:focus .icon,
  1224. .post-navigation a:hover .icon {
  1225. color: #222;
  1226. }
  1227.  
  1228. /*--------------------------------------------------------------
  1229. 11.0 Featured Image Hover
  1230. --------------------------------------------------------------*/
  1231.  
  1232. .post-thumbnail {
  1233. margin-bottom: 1em;
  1234. }
  1235.  
  1236. .post-thumbnail a img {
  1237. -webkit-backface-visibility: hidden;
  1238. -webkit-transition: opacity 0.2s;
  1239. transition: opacity 0.2s;
  1240. }
  1241.  
  1242. .post-thumbnail a:hover img,
  1243. .post-thumbnail a:focus img {
  1244. opacity: 0.7;
  1245. }
  1246.  
  1247. /*--------------------------------------------------------------
  1248. 12.0 Navigation
  1249. --------------------------------------------------------------*/
  1250.  
  1251.  
  1252. .navigation-top .wrap {
  1253. max-width: 1000px;
  1254. padding: 0 !important;
  1255. }
  1256.  
  1257. .navigation-top a {
  1258. color: #222;
  1259. font-weight: 600;
  1260. -webkit-transition: color 0.2s;
  1261. transition: color 0.2s;
  1262. }
  1263.  
  1264. .navigation-top .current-menu-item > a,
  1265. .navigation-top .current_page_item > a {
  1266. color: #767676;
  1267. }
  1268.  
  1269. .main-navigation {
  1270. display: block;
  1271. }
  1272.  
  1273. .main-navigation ul {
  1274. background: #fff;
  1275. list-style: none;
  1276. margin: 0;
  1277. padding: 0 1.5em;
  1278. text-align: left;
  1279. }
  1280.  
  1281. /* Hide the menu on small screens when JavaScript is available.
  1282. * It only works with JavaScript.
  1283. */
  1284.  
  1285. .js .main-navigation ul,
  1286. .main-navigation .menu-item-has-children > a > .icon,
  1287. .main-navigation .page_item_has_children > a > .icon,
  1288. .main-navigation ul a > .icon {
  1289. display: none;
  1290. }
  1291.  
  1292. .main-navigation > div > ul {
  1293. border-top: 1px solid #eee;
  1294. padding: 0.75em 1.695em;
  1295. }
  1296.  
  1297. .js .main-navigation.toggled-on > div > ul {
  1298. display: block;
  1299. }
  1300.  
  1301. .main-navigation ul ul {
  1302. padding: 0 0 0 1.5em;
  1303. }
  1304.  
  1305. .main-navigation ul ul.toggled-on {
  1306. display: block;
  1307. }
  1308.  
  1309. .main-navigation ul ul a {
  1310. letter-spacing: 0;
  1311. padding: 0.4em 0;
  1312. position: relative;
  1313. text-transform: none;
  1314. }
  1315.  
  1316. .main-navigation li {
  1317. border-bottom: 1px solid #eee;
  1318. position: relative;
  1319. }
  1320.  
  1321. .main-navigation li li,
  1322. .main-navigation li:last-child {
  1323. border: 0;
  1324. }
  1325.  
  1326. .main-navigation a {
  1327. display: block;
  1328. padding: 0.5em 0;
  1329. text-decoration: none;
  1330. }
  1331.  
  1332. .main-navigation a:hover {
  1333. color: #767676;
  1334. }
  1335.  
  1336. /* Menu toggle */
  1337.  
  1338. .menu-toggle {
  1339. background-color: transparent;
  1340. border: 0;
  1341. -webkit-box-shadow: none;
  1342. box-shadow: none;
  1343. color: #222;
  1344. display: none;
  1345. font-size: 14px;
  1346. font-size: 0.875rem;
  1347. font-weight: 800;
  1348. line-height: 1.5;
  1349. margin: 1px auto 2px;
  1350. padding: 1em;
  1351. text-shadow: none;
  1352. }
  1353.  
  1354. /* Display the menu toggle when JavaScript is available. */
  1355.  
  1356. .js .menu-toggle {
  1357. display: block;
  1358. }
  1359.  
  1360. .main-navigation.toggled-on ul.nav-menu {
  1361. display: block;
  1362. }
  1363.  
  1364. .menu-toggle:hover,
  1365. .menu-toggle:focus {
  1366. background-color: transparent;
  1367. -webkit-box-shadow: none;
  1368. box-shadow: none;
  1369. }
  1370.  
  1371. .menu-toggle:focus {
  1372. outline: thin solid;
  1373. }
  1374.  
  1375. .menu-toggle .icon {
  1376. margin-right: 0.5em;
  1377. top: -2px;
  1378. }
  1379.  
  1380. .toggled-on .menu-toggle .icon-bars,
  1381. .menu-toggle .icon-close {
  1382. display: none;
  1383. }
  1384.  
  1385. .toggled-on .menu-toggle .icon-close {
  1386. display: inline-block;
  1387. }
  1388.  
  1389. /* Dropdown Toggle */
  1390.  
  1391. .dropdown-toggle {
  1392. background-color: transparent;
  1393. border: 0;
  1394. -webkit-box-shadow: none;
  1395. box-shadow: none;
  1396. color: #222;
  1397. display: block;
  1398. font-size: 16px;
  1399. right: -0.5em;
  1400. line-height: 1.5;
  1401. margin: 0 auto;
  1402. padding: 0.5em;
  1403. position: absolute;
  1404. text-shadow: none;
  1405. top: 0;
  1406. }
  1407.  
  1408. .dropdown-toggle:hover,
  1409. .dropdown-toggle:focus {
  1410. background: transparent;
  1411. }
  1412.  
  1413. .dropdown-toggle:focus {
  1414. outline: thin dotted;
  1415. }
  1416.  
  1417. .dropdown-toggle.toggled-on .icon {
  1418. -ms-transform: rotate(-180deg); /* IE 9 */
  1419. -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
  1420. transform: rotate(-180deg);
  1421. }
  1422.  
  1423. /* Scroll down arrow */
  1424.  
  1425. .site-header .menu-scroll-down {
  1426. display: none;
  1427. }
  1428.  
  1429. /*--------------------------------------------------------------
  1430. 13.0 Layout
  1431. --------------------------------------------------------------*/
  1432.  
  1433. html {
  1434. -webkit-box-sizing: border-box;
  1435. -moz-box-sizing: border-box;
  1436. box-sizing: border-box;
  1437. }
  1438.  
  1439. *,
  1440. *:before,
  1441. *:after {
  1442. /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  1443. -webkit-box-sizing: inherit;
  1444. -moz-box-sizing: inherit;
  1445. box-sizing: inherit;
  1446. }
  1447.  
  1448. body {
  1449. background: #fff;
  1450. /* Fallback for when there is no custom background color defined. */
  1451. }
  1452.  
  1453. #page {
  1454. position: relative;
  1455. word-wrap: break-word;
  1456. }
  1457.  
  1458. .wrap {
  1459. margin-left: auto;
  1460. margin-right: auto;
  1461. max-width: 700px;
  1462. padding-left: 2em;
  1463. padding-right: 2em;
  1464. }
  1465.  
  1466. .wrap:after {
  1467. clear: both;
  1468. content: "";
  1469. display: block;
  1470. }
  1471.  
  1472. /*--------------------------------------------------------------
  1473. 13.1 Header
  1474. --------------------------------------------------------------*/
  1475.  
  1476. #masthead .wrap {
  1477. position: relative;
  1478. }
  1479.  
  1480. .site-header {
  1481. background-color: #fafafa;
  1482. position: relative;
  1483. }
  1484.  
  1485. /* Site branding */
  1486.  
  1487. .site-branding {
  1488. padding: 1em 0;
  1489. position: relative;
  1490. -webkit-transition: margin-bottom 0.2s;
  1491. transition: margin-bottom 0.2s;
  1492. z-index: 3;
  1493. }
  1494.  
  1495. .site-branding a {
  1496. text-decoration: none;
  1497. -webkit-transition: opacity 0.2s;
  1498. transition: opacity 0.2s;
  1499. }
  1500.  
  1501. .site-branding a:hover,
  1502. .site-branding a:focus {
  1503. opacity: 0.7;
  1504. }
  1505.  
  1506. .site-title {
  1507. clear: none;
  1508. font-size: 24px;
  1509. font-size: 1.5rem;
  1510. font-weight: 800;
  1511. line-height: 1.25;
  1512. letter-spacing: 0.08em;
  1513. margin: 0;
  1514. padding: 0;
  1515. text-transform: uppercase;
  1516. }
  1517.  
  1518. .site-title,
  1519. .site-title a {
  1520. color: #222;
  1521. opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
  1522. }
  1523.  
  1524. body.has-header-image .site-title,
  1525. body.has-header-video .site-title,
  1526. body.has-header-image .site-title a,
  1527. body.has-header-video .site-title a {
  1528. color: #fff;
  1529. }
  1530.  
  1531. .site-description {
  1532. color: #666;
  1533. font-size: 13px;
  1534. font-size: 0.8125rem;
  1535. margin-bottom: 0;
  1536. }
  1537.  
  1538. body.has-header-image .site-description,
  1539. body.has-header-video .site-description {
  1540. color: #fff;
  1541. opacity: 0.8;
  1542. }
  1543.  
  1544. .custom-logo-link {
  1545. display: inline-block;
  1546. padding-right: 1em;
  1547. vertical-align: middle;
  1548. width: auto;
  1549. }
  1550. body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
  1551. body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
  1552. max-height: 200px;
  1553. max-width: 100%;
  1554. }
  1555.  
  1556. .custom-logo-link a:hover,
  1557. .custom-logo-link a:focus {
  1558. opacity: 0.9;
  1559. }
  1560.  
  1561. body:not(.title-tagline-hidden) .site-branding-text {
  1562. display: inline-block;
  1563. vertical-align: middle;
  1564. }
  1565.  
  1566. .custom-header {
  1567. /*position: relative;*/
  1568. }
  1569.  
  1570. .has-header-image.twentyseventeen-front-page .custom-header,
  1571. .has-header-video.twentyseventeen-front-page .custom-header,
  1572. .has-header-image.home.blog .custom-header,
  1573. .has-header-video.home.blog .custom-header {
  1574. display: table;
  1575. height: 300px;
  1576. height: 75vh;
  1577. width: 100%;
  1578. }
  1579.  
  1580. .custom-header-media {
  1581. bottom: 0;
  1582. left: 0;
  1583. overflow: hidden;
  1584. position: absolute;
  1585. right: 0;
  1586. top: 0;
  1587. width: 100%;
  1588. }
  1589.  
  1590. .custom-header-media:before {
  1591. /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
  1592. background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */
  1593. background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
  1594. background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  1595. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
  1596. bottom: 0;
  1597. content: "";
  1598. display: block;
  1599. height: 100%;
  1600. left: 0;
  1601. position: absolute;
  1602. right: 0;
  1603. z-index: 2;
  1604. }
  1605.  
  1606. .has-header-image .custom-header-media img,
  1607. .has-header-video .custom-header-media video,
  1608. .has-header-video .custom-header-media iframe {
  1609. position: fixed;
  1610. height: auto;
  1611. left: 50%;
  1612. max-width: 1000%;
  1613. min-height: 100%;
  1614. min-width: 100%;
  1615. min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
  1616. width: auto;
  1617. top: 50%;
  1618. padding-bottom: 1px; /* Prevent header from extending beyond the footer */
  1619. -ms-transform: translateX(-50%) translateY(-50%);
  1620. -moz-transform: translateX(-50%) translateY(-50%);
  1621. -webkit-transform: translateX(-50%) translateY(-50%);
  1622. transform: translateX(-50%) translateY(-50%);
  1623. }
  1624.  
  1625. .wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
  1626. background-color: rgba(34, 34, 34, 0.5);
  1627. border: 1px solid rgba(255, 255, 255, 0.6);
  1628. color: rgba(255, 255, 255, 0.6);
  1629. height: 45px;
  1630. overflow: hidden;
  1631. padding: 0;
  1632. position: fixed;
  1633. right: 30px;
  1634. top: 30px;
  1635. -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  1636. transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  1637. width: 45px;
  1638. }
  1639.  
  1640. .wp-custom-header .wp-custom-header-video-button:hover,
  1641. .wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */
  1642. border-color: rgba(255, 255, 255, 0.8);
  1643. background-color: rgba(34, 34, 34, 0.8);
  1644. color: #fff;
  1645. }
  1646.  
  1647. .admin-bar .wp-custom-header-video-button {
  1648. top: 62px;
  1649. }
  1650.  
  1651. .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
  1652. bottom: 0;
  1653. position: absolute;
  1654. top: auto;
  1655. -ms-transform: translateX(-50%) translateY(0);
  1656. -moz-transform: translateX(-50%) translateY(0);
  1657. -webkit-transform: translateX(-50%) translateY(0);
  1658. transform: translateX(-50%) translateY(0);
  1659. }
  1660.  
  1661. /* For browsers that support 'object-fit' */
  1662. @supports ( object-fit: cover ) {
  1663. .has-header-image .custom-header-media img,
  1664. .has-header-video .custom-header-media video,
  1665. .has-header-video .custom-header-media iframe,
  1666. .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
  1667. height: 100%;
  1668. left: 0;
  1669. -o-object-fit: cover;
  1670. object-fit: cover;
  1671. top: 0;
  1672. -ms-transform: none;
  1673. -moz-transform: none;
  1674. -webkit-transform: none;
  1675. transform: none;
  1676. width: 100%;
  1677. }
  1678. }
  1679.  
  1680. /* Hides div in Customizer preview when header images or videos change. */
  1681.  
  1682. body:not(.has-header-image):not(.has-header-video) .custom-header-media {
  1683. display: none;
  1684. }
  1685.  
  1686. .has-header-image.twentyseventeen-front-page .site-branding,
  1687. .has-header-video.twentyseventeen-front-page .site-branding,
  1688. .has-header-image.home.blog .site-branding,
  1689. .has-header-video.home.blog .site-branding {
  1690. display: table-cell;
  1691. height: 100%;
  1692. vertical-align: bottom;
  1693. }
  1694.  
  1695. /*--------------------------------------------------------------
  1696. 13.2 Front Page
  1697. --------------------------------------------------------------*/
  1698.  
  1699. .twentyseventeen-front-page .site-content {
  1700. padding: 0;
  1701. }
  1702.  
  1703. .twentyseventeen-panel {
  1704. overflow: hidden;
  1705. position: relative;
  1706. }
  1707.  
  1708. .panel-image {
  1709. background-position: center center;
  1710. background-repeat: no-repeat;
  1711. -webkit-background-size: cover;
  1712. background-size: cover;
  1713. position: relative;
  1714. }
  1715.  
  1716. .panel-image:before {
  1717. /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
  1718. background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
  1719. background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
  1720. background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  1721. background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  1722. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
  1723. bottom: 0;
  1724. content: "";
  1725. left: 0;
  1726. right: 0;
  1727. position: absolute;
  1728. top: 100px;
  1729. }
  1730.  
  1731. .twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
  1732. border-top: 1px solid #ddd;
  1733. }
  1734.  
  1735. .panel-content {
  1736. position: relative;
  1737. }
  1738.  
  1739. .panel-content .wrap {
  1740. padding-bottom: 0.5em;
  1741. padding-top: 1.75em;
  1742. }
  1743.  
  1744. /* Panel edit link */
  1745.  
  1746. .twentyseventeen-panel .edit-link {
  1747. display: block;
  1748. margin: 0.3em 0 0;
  1749. }
  1750.  
  1751. .twentyseventeen-panel .entry-header .edit-link {
  1752. font-size: 14px;
  1753. font-size: 0.875rem;
  1754. }
  1755.  
  1756. /* Front Page - Recent Posts */
  1757.  
  1758. .twentyseventeen-front-page .panel-content .recent-posts article {
  1759. border: 0;
  1760. color: #333;
  1761. margin-bottom: 3em;
  1762. }
  1763.  
  1764. .recent-posts .entry-header {
  1765. margin-bottom: 1.2em;
  1766. }
  1767.  
  1768. .page .panel-content .recent-posts .entry-title {
  1769. font-size: 20px;
  1770. font-size: 1.25rem;
  1771. font-weight: 300;
  1772. letter-spacing: 0;
  1773. text-transform: none;
  1774. }
  1775.  
  1776. .twentyseventeen-panel .recent-posts .entry-header .edit-link {
  1777. color: #222;
  1778. display: inline-block;
  1779. font-size: 11px;
  1780. font-size: 0.6875rem;
  1781. margin-left: 1em;
  1782. }
  1783.  
  1784. /*--------------------------------------------------------------
  1785. 13.3 Regular Content
  1786. --------------------------------------------------------------*/
  1787.  
  1788. .site-content-contain {
  1789. background-color: #fff;
  1790. position: relative;
  1791. }
  1792.  
  1793. .site-content {
  1794. padding: 2.5em 0 0;
  1795. }
  1796.  
  1797. /*--------------------------------------------------------------
  1798. 13.4 Posts
  1799. --------------------------------------------------------------*/
  1800.  
  1801. /* Post Landing Page */
  1802.  
  1803. .sticky {
  1804. position: relative;
  1805. }
  1806.  
  1807. .post:not(.sticky) .icon-thumb-tack {
  1808. display: none;
  1809. }
  1810.  
  1811. .sticky .icon-thumb-tack {
  1812. display: block;
  1813. height: 18px;
  1814. left: -1.5em;
  1815. position: absolute;
  1816. top: 1.65em;
  1817. width: 20px;
  1818. }
  1819.  
  1820. .page .panel-content .entry-title,
  1821. .page-title,
  1822. body.page:not(.twentyseventeen-front-page) .entry-title {
  1823. color: #222;
  1824. font-size: 14px;
  1825. font-size: 0.875rem;
  1826. font-weight: 800;
  1827. letter-spacing: 0.14em;
  1828. text-transform: uppercase;
  1829. }
  1830.  
  1831. .entry-header .entry-title {
  1832. margin-bottom: 0.25em;
  1833. }
  1834.  
  1835. .entry-title a {
  1836. color: #333;
  1837. text-decoration: none;
  1838. margin-left: -2px;
  1839. }
  1840.  
  1841. .entry-title:not(:first-child) {
  1842. padding-top: 0;
  1843. }
  1844.  
  1845. .entry-meta {
  1846. color: #767676;
  1847. font-size: 11px;
  1848. font-size: 0.6875rem;
  1849. font-weight: 800;
  1850. letter-spacing: 0.1818em;
  1851. padding-bottom: 0.25em;
  1852. text-transform: uppercase;
  1853. }
  1854.  
  1855. .entry-meta a {
  1856. color: #767676;
  1857. }
  1858.  
  1859. .byline,
  1860. .updated:not(.published) {
  1861. display: none;
  1862. }
  1863.  
  1864. .single .byline,
  1865. .group-blog .byline {
  1866. display: inline;
  1867. }
  1868.  
  1869. .pagination,
  1870. .comments-pagination {
  1871. border-top: 1px solid #eee;
  1872. font-size: 14px;
  1873. font-size: 0.875rem;
  1874. font-weight: 800;
  1875. padding: 2em 0 3em;
  1876. text-align: center;
  1877. }
  1878.  
  1879. .pagination .icon,
  1880. .comments-pagination .icon {
  1881. width: 0.666666666em;
  1882. height: 0.666666666em;
  1883. }
  1884.  
  1885. .comments-pagination {
  1886. border: 0;
  1887. }
  1888.  
  1889. .page-numbers {
  1890. display: none;
  1891. padding: 0.5em 0.75em;
  1892. }
  1893.  
  1894. .page-numbers.current {
  1895. color: #767676;
  1896. display: inline-block;
  1897. }
  1898.  
  1899. .page-numbers.current .screen-reader-text {
  1900. clip: auto;
  1901. height: auto;
  1902. overflow: auto;
  1903. position: relative !important;
  1904. width: auto;
  1905. }
  1906.  
  1907. .prev.page-numbers,
  1908. .next.page-numbers {
  1909. background-color: #ddd;
  1910. -webkit-border-radius: 2px;
  1911. border-radius: 2px;
  1912. display: inline-block;
  1913. font-size: 24px;
  1914. font-size: 1.5rem;
  1915. line-height: 1;
  1916. padding: 0.25em 0.5em 0.4em;
  1917. }
  1918.  
  1919. .prev.page-numbers,
  1920. .next.page-numbers {
  1921. -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  1922. transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  1923. }
  1924.  
  1925. .prev.page-numbers:focus,
  1926. .prev.page-numbers:hover,
  1927. .next.page-numbers:focus,
  1928. .next.page-numbers:hover {
  1929. background-color: #767676;
  1930. color: #fff;
  1931. }
  1932.  
  1933. .prev.page-numbers {
  1934. float: left;
  1935. }
  1936.  
  1937. .next.page-numbers {
  1938. float: right;
  1939. }
  1940.  
  1941. /* Aligned blockquotes */
  1942.  
  1943. .entry-content blockquote.alignleft,
  1944. .entry-content blockquote.alignright {
  1945. color: #666;
  1946. font-size: 13px;
  1947. font-size: 0.8125rem;
  1948. width: 48%;
  1949. }
  1950.  
  1951. /* Blog landing, search, archives */
  1952.  
  1953. .blog .site-main > article,
  1954. .archive .site-main > article,
  1955. .search .site-main > article {
  1956. padding-bottom: 2em;
  1957. }
  1958.  
  1959. body:not(.twentyseventeen-front-page) .entry-header {
  1960. padding: 1em 0;
  1961. }
  1962.  
  1963. body:not(.twentyseventeen-front-page) .entry-header,
  1964. body:not(.twentyseventeen-front-page) .entry-content,
  1965. body:not(.twentyseventeen-front-page) #comments {
  1966. margin-left: auto;
  1967. margin-right: auto;
  1968. }
  1969.  
  1970. body:not(.twentyseventeen-front-page) .entry-header {
  1971. padding-top: 0;
  1972. }
  1973.  
  1974. .blog .entry-meta a.post-edit-link,
  1975. .archive .entry-meta a.post-edit-link,
  1976. .search .entry-meta a.post-edit-link {
  1977. color: #222;
  1978. display: inline-block;
  1979. margin-left: 1em;
  1980. white-space: nowrap;
  1981. }
  1982.  
  1983. .search .page .entry-meta a.post-edit-link {
  1984. margin-left: 0;
  1985. white-space: nowrap;
  1986. }
  1987.  
  1988. .taxonomy-description {
  1989. color: #666;
  1990. font-size: 13px;
  1991. font-size: 0.8125rem;
  1992. }
  1993.  
  1994. /* More tag */
  1995.  
  1996. .entry-content .more-link:before {
  1997. content: "";
  1998. display: block;
  1999. margin-top: 1.5em;
  2000. }
  2001.  
  2002. /* Single Post */
  2003.  
  2004. .single-post:not(.has-sidebar) #primary,
  2005. .page.page-one-column:not(.twentyseventeen-front-page) #primary,
  2006. .archive.page-one-column:not(.has-sidebar) .page-header,
  2007. .archive.page-one-column:not(.has-sidebar) #primary {
  2008. margin-left: auto;
  2009. margin-right: auto;
  2010. max-width: 740px;
  2011. }
  2012.  
  2013. .single-featured-image-header {
  2014. background-color: #fafafa;
  2015. border-bottom: 1px solid #eee;
  2016. }
  2017.  
  2018. .single-featured-image-header img {
  2019. display: block;
  2020. margin: auto;
  2021. }
  2022.  
  2023. .page-links {
  2024. font-size: 14px;
  2025. font-size: 0.875rem;
  2026. font-weight: 800;
  2027. padding: 2em 0 3em;
  2028. }
  2029.  
  2030. .page-links .page-number {
  2031. color: #767676;
  2032. display: inline-block;
  2033. padding: 0.5em 1em;
  2034. }
  2035.  
  2036. .page-links a {
  2037. display: inline-block;
  2038. }
  2039.  
  2040. .page-links a .page-number {
  2041. color: #222;
  2042. }
  2043.  
  2044. /* Entry footer */
  2045.  
  2046. .entry-footer {
  2047. border-bottom: 1px solid #eee;
  2048. border-top: 1px solid #eee;
  2049. margin-top: 2em;
  2050. padding: 2em 0;
  2051. }
  2052.  
  2053. .entry-footer .cat-links,
  2054. .entry-footer .tags-links {
  2055. display: block;
  2056. font-size: 11px;
  2057. font-size: 0.6875rem;
  2058. font-weight: 800;
  2059. letter-spacing: 0.1818em;
  2060. padding-left: 2.5em;
  2061. position: relative;
  2062. text-transform: uppercase;
  2063. }
  2064.  
  2065. .entry-footer .cat-links + .tags-links {
  2066. margin-top: 1em;
  2067. }
  2068.  
  2069. .entry-footer .cat-links a,
  2070. .entry-footer .tags-links a {
  2071. color: #333;
  2072. }
  2073.  
  2074. .entry-footer .cat-links .icon,
  2075. .entry-footer .tags-links .icon {
  2076. color: #767676;
  2077. left: 0;
  2078. margin-right: 0.5em;
  2079. position: absolute;
  2080. top: 2px;
  2081. }
  2082.  
  2083. .entry-footer .edit-link {
  2084. display: inline-block;
  2085. }
  2086.  
  2087. .entry-footer .edit-link a.post-edit-link {
  2088. background-color: #222;
  2089. -webkit-border-radius: 2px;
  2090. border-radius: 2px;
  2091. -webkit-box-shadow: none;
  2092. box-shadow: none;
  2093. color: #fff;
  2094. display: inline-block;
  2095. font-size: 14px;
  2096. font-size: 0.875rem;
  2097. font-weight: 800;
  2098. margin-top: 2em;
  2099. padding: 0.7em 2em;
  2100. -webkit-transition: background-color 0.2s ease-in-out;
  2101. transition: background-color 0.2s ease-in-out;
  2102. white-space: nowrap;
  2103. }
  2104.  
  2105. .entry-footer .edit-link a.post-edit-link:hover,
  2106. .entry-footer .edit-link a.post-edit-link:focus {
  2107. background-color: #767676;
  2108. }
  2109.  
  2110. /* Post Formats */
  2111.  
  2112. .blog .format-status .entry-title,
  2113. .archive .format-status .entry-title,
  2114. .blog .format-aside .entry-title,
  2115. .archive .format-aside .entry-title {
  2116. display: none;
  2117. }
  2118.  
  2119. .format-quote blockquote {
  2120. color: #333;
  2121. font-size: 20px;
  2122. font-size: 1.25rem;
  2123. font-weight: 300;
  2124. overflow: visible;
  2125. position: relative;
  2126. }
  2127.  
  2128. .format-quote blockquote .icon {
  2129. display: block;
  2130. height: 20px;
  2131. left: -1.25em;
  2132. position: absolute;
  2133. top: 0.4em;
  2134. -webkit-transform: scale(-1, 1);
  2135. -ms-transform: scale(-1, 1);
  2136. transform: scale(-1, 1);
  2137. width: 20px;
  2138. }
  2139.  
  2140. /* Post Navigation */
  2141.  
  2142. .post-navigation {
  2143. font-weight: 800;
  2144. margin: 3em 0;
  2145. }
  2146.  
  2147. .post-navigation .nav-links {
  2148. padding: 1em 0;
  2149. }
  2150.  
  2151. .nav-subtitle {
  2152. background: transparent;
  2153. color: #767676;
  2154. display: block;
  2155. font-size: 11px;
  2156. font-size: 0.6875rem;
  2157. letter-spacing: 0.1818em;
  2158. margin-bottom: 1em;
  2159. text-transform: uppercase;
  2160. }
  2161.  
  2162. .nav-title {
  2163. color: #333;
  2164. font-size: 15px;
  2165. font-size: 0.9375rem;
  2166. }
  2167.  
  2168. .post-navigation .nav-next {
  2169. margin-top: 1.5em;
  2170. }
  2171.  
  2172. .nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
  2173. margin-right: 0.5em;
  2174. }
  2175.  
  2176. .nav-links .nav-next .nav-title .nav-title-icon-wrapper {
  2177. margin-left: 0.5em;
  2178. }
  2179.  
  2180. /*--------------------------------------------------------------
  2181. 13.5 Pages
  2182. --------------------------------------------------------------*/
  2183.  
  2184. .page-header {
  2185. padding-bottom: 2em;
  2186. }
  2187.  
  2188. .page .entry-header .edit-link {
  2189. font-size: 14px;
  2190. font-size: 0.875rem;
  2191. }
  2192.  
  2193. .search .page .entry-header .edit-link {
  2194. font-size: 11px;
  2195. font-size: 0.6875rem;
  2196. }
  2197.  
  2198. .page-links {
  2199. clear: both;
  2200. margin: 0 0 1.5em;
  2201. }
  2202.  
  2203. .page:not(.home) #content {
  2204. padding-bottom: 1.5em;
  2205. }
  2206.  
  2207. /* 404 page */
  2208.  
  2209. .error404 .page-content {
  2210. padding-bottom: 4em;
  2211. }
  2212.  
  2213. .error404 .page-content .search-form,
  2214. .search .page-content .search-form {
  2215. margin-bottom: 3em;
  2216. }
  2217.  
  2218. /*--------------------------------------------------------------
  2219. 13.6 Footer
  2220. --------------------------------------------------------------*/
  2221.  
  2222. .site-footer {
  2223. border-top: 1px solid #eee;
  2224. }
  2225.  
  2226. .site-footer .wrap {
  2227. padding-bottom: 1.5em;
  2228. padding-top: 2em;
  2229. }
  2230.  
  2231. /* Footer widgets */
  2232.  
  2233. .site-footer .widget-area {
  2234. padding-bottom: 2em;
  2235. padding-top: 2em;
  2236. }
  2237.  
  2238. /* Social nav */
  2239.  
  2240. .social-navigation {
  2241. font-size: 16px;
  2242. font-size: 1rem;
  2243. margin-bottom: 1em;
  2244. }
  2245.  
  2246. .social-navigation ul {
  2247. list-style: none;
  2248. margin-bottom: 0;
  2249. margin-left: 0;
  2250. }
  2251.  
  2252. .social-navigation li {
  2253. display: inline;
  2254. }
  2255.  
  2256. .social-navigation a {
  2257. background-color: #767676;
  2258. -webkit-border-radius: 40px;
  2259. border-radius: 40px;
  2260. color: #fff;
  2261. display: inline-block;
  2262. height: 40px;
  2263. margin: 0 1em 0.5em 0;
  2264. text-align: center;
  2265. width: 40px;
  2266. }
  2267.  
  2268. .social-navigation a:hover,
  2269. .social-navigation a:focus {
  2270. background-color: #333;
  2271. }
  2272.  
  2273. .social-navigation .icon {
  2274. height: 16px;
  2275. top: 12px;
  2276. width: 16px;
  2277. vertical-align: top;
  2278. }
  2279.  
  2280. /* Site info */
  2281.  
  2282. .site-info {
  2283. font-size: 14px;
  2284. font-size: 0.875rem;
  2285. margin-bottom: 1em;
  2286. }
  2287.  
  2288. .site-info a {
  2289. color: #666;
  2290. }
  2291.  
  2292. .site-info .sep {
  2293. margin: 0;
  2294. display: block;
  2295. visibility: hidden;
  2296. height: 0;
  2297. width: 100%;
  2298. }
  2299.  
  2300. /*--------------------------------------------------------------
  2301. 14.0 Comments
  2302. --------------------------------------------------------------*/
  2303.  
  2304. #comments {
  2305. clear: both;
  2306. padding: 2em 0 0.5em;
  2307. }
  2308.  
  2309. .comments-title {
  2310. font-size: 20px;
  2311. font-size: 1.25rem;
  2312. margin-bottom: 1.5em;
  2313. }
  2314.  
  2315. .comment-list,
  2316. .comment-list .children {
  2317. list-style: none;
  2318. margin: 0;
  2319. padding: 0;
  2320. }
  2321.  
  2322. .comment-list li:before {
  2323. display: none;
  2324. }
  2325.  
  2326. .comment-body {
  2327. margin-left: 65px;
  2328. }
  2329.  
  2330. .comment-author {
  2331. font-size: 16px;
  2332. font-size: 1rem;
  2333. margin-bottom: 0.4em;
  2334. position: relative;
  2335. z-index: 2;
  2336. }
  2337.  
  2338. .comment-author .avatar {
  2339. height: 50px;
  2340. left: -65px;
  2341. position: absolute;
  2342. width: 50px;
  2343. }
  2344.  
  2345. .comment-author .says {
  2346. display: none;
  2347. }
  2348.  
  2349. .comment-meta {
  2350. margin-bottom: 1.5em;
  2351. }
  2352.  
  2353. .comment-metadata {
  2354. color: #767676;
  2355. font-size: 10px;
  2356. font-size: 0.625rem;
  2357. font-weight: 800;
  2358. letter-spacing: 0.1818em;
  2359. text-transform: uppercase;
  2360. }
  2361.  
  2362. .comment-metadata a {
  2363. color: #767676;
  2364. }
  2365.  
  2366. .comment-metadata a.comment-edit-link {
  2367. color: #222;
  2368. margin-left: 1em;
  2369. }
  2370.  
  2371. .comment-body {
  2372. color: #333;
  2373. font-size: 14px;
  2374. font-size: 0.875rem;
  2375. margin-bottom: 4em;
  2376. }
  2377.  
  2378. .comment-reply-link {
  2379. font-weight: 800;
  2380. position: relative;
  2381. }
  2382.  
  2383. .comment-reply-link .icon {
  2384. color: #222;
  2385. left: -2em;
  2386. height: 1em;
  2387. position: absolute;
  2388. top: 0;
  2389. width: 1em;
  2390. }
  2391.  
  2392. .children .comment-author .avatar {
  2393. height: 30px;
  2394. left: -45px;
  2395. width: 30px;
  2396. }
  2397.  
  2398. .bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
  2399. border: 1px solid #333;
  2400. padding: 2px;
  2401. }
  2402.  
  2403. .no-comments,
  2404. .comment-awaiting-moderation {
  2405. color: #767676;
  2406. font-size: 14px;
  2407. font-size: 0.875rem;
  2408. font-style: italic;
  2409. }
  2410.  
  2411. .comments-pagination {
  2412. margin: 2em 0 3em;
  2413. }
  2414.  
  2415. .form-submit {
  2416. text-align: right;
  2417. }
  2418.  
  2419. /*--------------------------------------------------------------
  2420. 15.0 Widgets
  2421. --------------------------------------------------------------*/
  2422.  
  2423. #secondary {
  2424. padding: 1em 0 2em;
  2425. }
  2426.  
  2427. .widget {
  2428. padding-bottom: 3em;
  2429. }
  2430.  
  2431. h2.widget-title {
  2432. color: #222;
  2433. font-size: 13px;
  2434. font-size: 0.8125rem;
  2435. font-weight: 800;
  2436. letter-spacing: 0.1818em;
  2437. margin-bottom: 1.5em;
  2438. text-transform: uppercase;
  2439. }
  2440.  
  2441. .widget-title a {
  2442. color: inherit;
  2443. }
  2444.  
  2445. /* widget forms */
  2446.  
  2447. .widget select {
  2448. width: 100%;
  2449. }
  2450.  
  2451.  
  2452. /* widget lists */
  2453.  
  2454. .widget ul {
  2455. list-style: none;
  2456. margin: 0;
  2457. }
  2458.  
  2459. .widget ul li {
  2460. border-bottom: 1px solid #ddd;
  2461. border-top: 1px solid #ddd;
  2462. padding: 0.5em 0;
  2463. }
  2464.  
  2465. .widget ul li + li {
  2466. margin-top: -1px;
  2467. }
  2468.  
  2469. .widget ul li ul {
  2470. margin: 0 0 -1px;
  2471. padding: 0;
  2472. position: relative;
  2473. }
  2474.  
  2475. .widget ul li li {
  2476. border: 0;
  2477. padding-left: 24px;
  2478. padding-left: 1.5rem;
  2479. }
  2480.  
  2481. /* Widget lists of links */
  2482.  
  2483. .widget_top-posts ul li ul,
  2484. .widget_rss_links ul li ul,
  2485. .widget-grofile ul.grofile-links li ul,
  2486. .widget_pages ul li ul,
  2487. .widget_meta ul li ul {
  2488. bottom: 0;
  2489. }
  2490.  
  2491. .widget_nav_menu ul li li,
  2492. .widget_top-posts ul li,
  2493. .widget_top-posts ul li li,
  2494. .widget_rss_links ul li,
  2495. .widget_rss_links ul li li,
  2496. .widget-grofile ul.grofile-links li,
  2497. .widget-grofile ul.grofile-links li li {
  2498. padding-bottom: 0.25em;
  2499. padding-top: 0.25em;
  2500. }
  2501.  
  2502. .widget_rss ul li {
  2503. padding-bottom: 1em;
  2504. padding-top: 1em;
  2505. }
  2506.  
  2507. /* widget markup */
  2508.  
  2509. .widget .post-date,
  2510. .widget .rss-date {
  2511. font-size: 0.81em;
  2512. }
  2513.  
  2514. /* Text widget */
  2515.  
  2516. .widget_text {
  2517. word-wrap: break-word;
  2518. }
  2519.  
  2520. /* RSS Widget */
  2521.  
  2522. .widget_rss .widget-title .rsswidget:first-child {
  2523. float: right;
  2524. }
  2525.  
  2526. .widget_rss .widget-title .rsswidget:first-child:hover {
  2527. background-color: transparent;
  2528. }
  2529.  
  2530. .widget_rss .widget-title .rsswidget:first-child img {
  2531. display: block;
  2532. }
  2533.  
  2534. .widget_rss ul li {
  2535. padding: 2.125em 0;
  2536. }
  2537.  
  2538. .widget_rss ul li:first-child {
  2539. border-top: none;
  2540. padding-top: 0;
  2541. }
  2542.  
  2543. .widget_rss li .rsswidget {
  2544. font-size: 22px;
  2545. font-size: 1.375rem;
  2546. font-weight: 300;
  2547. line-height: 1.4;
  2548. }
  2549.  
  2550. .widget_rss .rss-date,
  2551. .widget_rss li cite {
  2552. color: #767676;
  2553. display: block;
  2554. font-size: 10px;
  2555. font-size: 0.625rem;
  2556. font-style: normal;
  2557. font-weight: 800;
  2558. letter-spacing: 0.18em;
  2559. line-height: 1.5;
  2560. text-transform: uppercase;
  2561. }
  2562.  
  2563. .widget_rss .rss-date {
  2564. margin: 0.5em 0 1.5em;
  2565. padding: 0;
  2566. }
  2567.  
  2568. .widget_rss .rssSummary {
  2569. margin-bottom: 0.5em;
  2570. }
  2571.  
  2572. /* Contact Info Widget */
  2573.  
  2574. .widget_contact_info .contact-map {
  2575. margin-bottom: 0.5em;
  2576. }
  2577.  
  2578. /* Gravatar */
  2579.  
  2580. .widget-grofile h4 {
  2581. font-size: 16px;
  2582. font-size: 1rem;
  2583. margin-bottom: 0;
  2584. }
  2585.  
  2586. /* Recent Comments */
  2587.  
  2588. .widget_recent_comments table,
  2589. .widget_recent_comments th,
  2590. .widget_recent_comments td {
  2591. border: 0;
  2592. }
  2593.  
  2594. /* Recent Posts widget */
  2595.  
  2596. .widget_recent_entries .post-date {
  2597. display: block;
  2598. }
  2599.  
  2600. /* Search */
  2601.  
  2602. .search-form {
  2603. position: relative;
  2604. width: 60%;
  2605. margin: 0 auto;
  2606.  
  2607. }
  2608.  
  2609. .search-form .search-submit {
  2610. bottom: 3px;
  2611. padding: 0.5em 1em;
  2612. position: absolute;
  2613. right: 3px;
  2614. top: 3px;
  2615. background: #3a3a3c;
  2616. }
  2617.  
  2618. ul.sub-menu.toggled-on{
  2619. border: 1px solid #ddd !important;
  2620. box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.69) !important;
  2621. }
  2622. .search-form .search-submit .icon {
  2623. height: 24px;
  2624. top: -2px;
  2625. width: 24px;
  2626. }
  2627.  
  2628. /* Tag cloud widget */
  2629.  
  2630. .tagcloud,
  2631. .widget_tag_cloud,
  2632. .wp_widget_tag_cloud {
  2633. line-height: 1.5;
  2634. }
  2635.  
  2636. .widget .tagcloud a,
  2637. .widget.widget_tag_cloud a,
  2638. .wp_widget_tag_cloud a {
  2639. border: 1px solid #ddd;
  2640. -webkit-box-shadow: none;
  2641. box-shadow: none;
  2642. display: inline-block;
  2643. float: left;
  2644. font-size: 14px !important; /* !important to overwrite inline styles */
  2645. font-size: 0.875rem !important;
  2646. margin: 4px 4px 0 0 !important;
  2647. padding: 4px 10px 5px !important;
  2648. position: relative;
  2649. -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  2650. transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  2651. width: auto;
  2652. word-wrap: break-word;
  2653. z-index: 0;
  2654. }
  2655.  
  2656. .widget .tagcloud a:hover,
  2657. .widget .tagcloud a:focus,
  2658. .widget.widget_tag_cloud a:hover,
  2659. .widget.widget_tag_cloud a:focus,
  2660. .wp_widget_tag_cloud a:hover,
  2661. .wp_widget_tag_cloud a:focus {
  2662. border-color: #bbb;
  2663. -webkit-box-shadow: none;
  2664. box-shadow: none;
  2665. text-decoration: none;
  2666. }
  2667.  
  2668. /* Calendar widget */
  2669.  
  2670. .widget_calendar th,
  2671. .widget_calendar td {
  2672. text-align: center;
  2673. }
  2674.  
  2675. .widget_calendar tfoot td {
  2676. border: 0;
  2677. }
  2678.  
  2679. /*--------------------------------------------------------------
  2680. 16.0 Media
  2681. --------------------------------------------------------------*/
  2682.  
  2683. img,
  2684. video {
  2685. height: auto; /* Make sure images are scaled correctly. */
  2686. max-width: 100%; /* Adhere to container width. */
  2687. }
  2688.  
  2689. img.alignleft,
  2690. img.alignright {
  2691. float: none;
  2692. margin: 0;
  2693. }
  2694.  
  2695. .page-content .wp-smiley,
  2696. .entry-content .wp-smiley,
  2697. .comment-content .wp-smiley {
  2698. border: none;
  2699. margin-bottom: 0;
  2700. margin-top: 0;
  2701. padding: 0;
  2702. }
  2703.  
  2704. /* Make sure embeds and iframes fit their containers. */
  2705.  
  2706. embed,
  2707. iframe,
  2708. object {
  2709. margin-bottom: 1.5em;
  2710. max-width: 100%;
  2711. }
  2712.  
  2713. .wp-caption,
  2714. .gallery-caption {
  2715. color: #666;
  2716. font-size: 13px;
  2717. font-size: 0.8125rem;
  2718. font-style: italic;
  2719. margin-bottom: 1.5em;
  2720. max-width: 100%;
  2721. }
  2722.  
  2723. .wp-caption img[class*="wp-image-"] {
  2724. display: block;
  2725. margin-left: auto;
  2726. margin-right: auto;
  2727. }
  2728.  
  2729. .wp-caption .wp-caption-text {
  2730. margin: 0.8075em 0;
  2731. }
  2732.  
  2733. /* Media Elements */
  2734.  
  2735. .mejs-container {
  2736. margin-bottom: 1.5em;
  2737. }
  2738.  
  2739. /* Audio Player */
  2740.  
  2741. .mejs-controls a.mejs-horizontal-volume-slider,
  2742. .mejs-controls a.mejs-horizontal-volume-slider:focus,
  2743. .mejs-controls a.mejs-horizontal-volume-slider:hover {
  2744. background: transparent;
  2745. border: 0;
  2746. }
  2747.  
  2748. /* Playlist Color Overrides: Light */
  2749.  
  2750. .site-content .wp-playlist-light {
  2751. border-color: #eee;
  2752. color: #222;
  2753. }
  2754.  
  2755. .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
  2756. color: #333;
  2757. }
  2758.  
  2759. .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
  2760. color: #767676;
  2761. }
  2762.  
  2763. .site-content .wp-playlist-light .wp-playlist-item {
  2764. border-bottom: 1px dotted #eee;
  2765. -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  2766. transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  2767. }
  2768.  
  2769. .site-content .wp-playlist-light .wp-playlist-item:hover,
  2770. .site-content .wp-playlist-light .wp-playlist-item:focus {
  2771. border-bottom-color: rgba(0, 0, 0, 0);
  2772. background-color: #767676;
  2773. color: #fff;
  2774. }
  2775.  
  2776. .site-content .wp-playlist-light a.wp-playlist-caption:hover,
  2777. .site-content .wp-playlist-light .wp-playlist-item:hover a,
  2778. .site-content .wp-playlist-light .wp-playlist-item:focus a {
  2779. color: #fff;
  2780. }
  2781.  
  2782. /* Playlist Color Overrides: Dark */
  2783.  
  2784. .site-content .wp-playlist-dark {
  2785. background: #222;
  2786. border-color: #333;
  2787. }
  2788.  
  2789. .site-content .wp-playlist-dark .mejs-container .mejs-controls {
  2790. background-color: #333;
  2791. }
  2792.  
  2793. .site-content .wp-playlist-dark .wp-playlist-caption {
  2794. color: #fff;
  2795. }
  2796.  
  2797. .site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
  2798. color: #eee;
  2799. }
  2800.  
  2801. .site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
  2802. color: #aaa;
  2803. }
  2804.  
  2805. .site-content .wp-playlist-dark .wp-playlist-playing {
  2806. background-color: #333;
  2807. }
  2808.  
  2809. .site-content .wp-playlist-dark .wp-playlist-item {
  2810. border-bottom: 1px dotted #555;
  2811. -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  2812. transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  2813. }
  2814.  
  2815. .site-content .wp-playlist-dark .wp-playlist-item:hover,
  2816. .site-content .wp-playlist-dark .wp-playlist-item:focus {
  2817. border-bottom-color: rgba(0, 0, 0, 0);
  2818. background-color: #aaa;
  2819. color: #222;
  2820. }
  2821.  
  2822. .site-content .wp-playlist-dark a.wp-playlist-caption:hover,
  2823. .site-content .wp-playlist-dark .wp-playlist-item:hover a,
  2824. .site-content .wp-playlist-dark .wp-playlist-item:focus a {
  2825. color: #222;
  2826. }
  2827.  
  2828. /* Playlist Style Overrides */
  2829.  
  2830. .site-content .wp-playlist {
  2831. padding: 0.625em 0.625em 0.3125em;
  2832. }
  2833.  
  2834. .site-content .wp-playlist-current-item .wp-playlist-item-title {
  2835. font-weight: 700;
  2836. }
  2837.  
  2838. .site-content .wp-playlist-current-item .wp-playlist-item-album {
  2839. font-style: normal;
  2840. }
  2841.  
  2842. .site-content .wp-playlist-current-item .wp-playlist-item-artist {
  2843. font-size: 10px;
  2844. font-size: 0.625rem;
  2845. font-weight: 800;
  2846. letter-spacing: 0.1818em;
  2847. text-transform: uppercase;
  2848. }
  2849.  
  2850. .site-content .wp-playlist-item {
  2851. padding: 0 0.3125em;
  2852. cursor: pointer;
  2853. }
  2854.  
  2855. .site-content .wp-playlist-item:last-of-type {
  2856. border-bottom: none;
  2857. }
  2858.  
  2859. .site-content .wp-playlist-item a {
  2860. padding: 0.3125em 0;
  2861. border-bottom: none;
  2862. }
  2863.  
  2864. .site-content .wp-playlist-item a,
  2865. .site-content .wp-playlist-item a:focus,
  2866. .site-content .wp-playlist-item a:hover {
  2867. -webkit-box-shadow: none;
  2868. box-shadow: none;
  2869. background: transparent;
  2870. }
  2871.  
  2872. .site-content .wp-playlist-item-length {
  2873. top: 5px;
  2874. }
  2875.  
  2876. /* SVG Icons base styles */
  2877.  
  2878. .icon {
  2879. display: inline-block;
  2880. fill: currentColor;
  2881. height: 1em;
  2882. position: relative; /* Align more nicely with capital letters */
  2883. top: -0.0625em;
  2884. vertical-align: middle;
  2885. width: 1em;
  2886. }
  2887.  
  2888. /*--------------------------------------------------------------
  2889. 16.1 Galleries
  2890. --------------------------------------------------------------*/
  2891.  
  2892. .gallery-item {
  2893. display: inline-block;
  2894. text-align: left;
  2895. vertical-align: top;
  2896. margin: 0 0 1.5em;
  2897. padding: 0 1em 0 0;
  2898. width: 50%;
  2899. }
  2900.  
  2901. .gallery-columns-1 .gallery-item {
  2902. width: 100%;
  2903. }
  2904.  
  2905. .gallery-columns-2 .gallery-item {
  2906. max-width: 50%;
  2907. }
  2908.  
  2909. .gallery-item a,
  2910. .gallery-item a:hover,
  2911. .gallery-item a:focus {
  2912. -webkit-box-shadow: none;
  2913. box-shadow: none;
  2914. background: none;
  2915. display: inline-block;
  2916. max-width: 100%;
  2917. }
  2918.  
  2919. .gallery-item a img {
  2920. display: block;
  2921. -webkit-transition: -webkit-filter 0.2s ease-in;
  2922. transition: -webkit-filter 0.2s ease-in;
  2923. transition: filter 0.2s ease-in;
  2924. transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
  2925. -webkit-backface-visibility: hidden;
  2926. backface-visibility: hidden;
  2927. }
  2928.  
  2929. .gallery-item a:hover img,
  2930. .gallery-item a:focus img {
  2931. -webkit-filter: opacity(60%);
  2932. filter: opacity(60%);
  2933. }
  2934.  
  2935. .gallery-caption {
  2936. display: block;
  2937. text-align: left;
  2938. padding: 0 10px 0 0;
  2939. margin-bottom: 0;
  2940. }
  2941.  
  2942. /*--------------------------------------------------------------
  2943. 17.0 Customizer
  2944. --------------------------------------------------------------*/
  2945.  
  2946. .highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after {
  2947. border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */
  2948. bottom: 1em;
  2949. content: "";
  2950. display: block;
  2951. left: 1em;
  2952. position: absolute;
  2953. right: 1em;
  2954. top: 1em;
  2955. z-index: 1;
  2956. }
  2957.  
  2958. .highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content {
  2959. z-index: 2; /* Prevent :after from preventing interactions within the section */
  2960. }
  2961.  
  2962. /* Used for placeholder text */
  2963. .twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
  2964. display: block;
  2965. font-size: 14px;
  2966. font-size: 0.875rem;
  2967. font-weight: 700;
  2968. letter-spacing: 1px;
  2969. padding: 3em;
  2970. text-transform: uppercase;
  2971. text-align: center;
  2972. }
  2973.  
  2974. /* Show borders on the custom page panels only when the front page sections are being edited */
  2975. .highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {
  2976. border: none;
  2977. }
  2978.  
  2979. .twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder {
  2980. border: 0;
  2981. }
  2982.  
  2983. /* Add some space around the visual edit shortcut buttons. */
  2984. .twentyseventeen-panel .customize-partial-edit-shortcut button {
  2985. top: 30px;
  2986. left: 30px;
  2987. }
  2988.  
  2989. /* Ensure that placeholder icons are visible. */
  2990. .twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before {
  2991. visibility: visible;
  2992. }
  2993.  
  2994. /*--------------------------------------------------------------
  2995. 18.0 SVGs Fallbacks
  2996. --------------------------------------------------------------*/
  2997.  
  2998. .svg-fallback {
  2999. display: none;
  3000. }
  3001.  
  3002. .no-svg .svg-fallback {
  3003. display: inline-block;
  3004. }
  3005.  
  3006. .no-svg .dropdown-toggle {
  3007. padding: 0.5em 0 0;
  3008. right: 0;
  3009. text-align: center;
  3010. width: 2em;
  3011. }
  3012.  
  3013. .no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
  3014. font-size: 20px;
  3015. font-size: 1.25rem;
  3016. font-weight: 400;
  3017. line-height: 1;
  3018. -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  3019. -ms-transform: rotate(180deg); /* IE 9 */
  3020. transform: rotate(180deg);
  3021. }
  3022.  
  3023. .no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
  3024. -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
  3025. -ms-transform: rotate(0); /* IE 9 */
  3026. transform: rotate(0);
  3027. }
  3028.  
  3029. .no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
  3030. content: "\005E";
  3031. }
  3032.  
  3033. /* Social Menu fallbacks */
  3034.  
  3035. .no-svg .social-navigation a {
  3036. background: transparent;
  3037. color: #222;
  3038. height: auto;
  3039. width: auto;
  3040. }
  3041.  
  3042. /* Show screen reader text in some cases */
  3043.  
  3044. .no-svg .next.page-numbers .screen-reader-text,
  3045. .no-svg .prev.page-numbers .screen-reader-text,
  3046. .no-svg .social-navigation li a .screen-reader-text,
  3047. .no-svg .search-submit .screen-reader-text {
  3048. clip: auto;
  3049. font-size: 16px;
  3050. font-size: 1rem;
  3051. font-weight: 400;
  3052. height: auto;
  3053. position: relative !important; /* overrides previous !important styles */
  3054. width: auto;
  3055. }
  3056.  
  3057. /*--------------------------------------------------------------
  3058. 19.0 Media Queries
  3059. --------------------------------------------------------------*/
  3060.  
  3061. /* Adjust positioning of edit shortcuts, override style in customize-preview.css */
  3062. @media screen and (min-width: 20em) {
  3063.  
  3064. body.customize-partial-edit-shortcuts-shown .site-header .site-title {
  3065. padding-left: 0;
  3066. }
  3067. }
  3068.  
  3069. @media screen and (min-width: 30em) {
  3070.  
  3071. /* Typography */
  3072.  
  3073. body,
  3074. button,
  3075. input,
  3076. select,
  3077. textarea {
  3078. font-size: 18px;
  3079. font-size: 1.125rem;
  3080. }
  3081.  
  3082. h1 {
  3083. font-size: 30px;
  3084. font-size: 1.875rem;
  3085. }
  3086.  
  3087. h2,
  3088. .home.blog .entry-title,
  3089. .page .panel-content .recent-posts .entry-title {
  3090. font-size: 26px;
  3091. font-size: 1.625rem;
  3092. }
  3093.  
  3094. h3 {
  3095. font-size: 22px;
  3096. font-size: 1.375rem;
  3097. }
  3098.  
  3099. h4 {
  3100. font-size: 18px;
  3101. font-size: 1.125rem;
  3102. }
  3103.  
  3104. h5 {
  3105. font-size: 13px;
  3106. font-size: 0.8125rem;
  3107. }
  3108.  
  3109. h6 {
  3110. font-size: 16px;
  3111. font-size: 1rem;
  3112. }
  3113.  
  3114. .entry-content blockquote.alignleft,
  3115. .entry-content blockquote.alignright {
  3116. font-size: 14px;
  3117. font-size: 0.875rem;
  3118. }
  3119.  
  3120. /* Fix image alignment */
  3121. img.alignleft {
  3122. float: left;
  3123. margin-right: 1.5em;
  3124. }
  3125.  
  3126. img.alignright {
  3127. float: right;
  3128. margin-left: 1.5em;
  3129. }
  3130.  
  3131. /* Site Branding */
  3132.  
  3133. .site-branding {
  3134. padding: 3em 0;
  3135. }
  3136.  
  3137. /* Front Page */
  3138.  
  3139. .panel-content .wrap {
  3140. padding-bottom: 2em;
  3141. padding-top: 3.5em;
  3142. }
  3143.  
  3144. .page-one-column .panel-content .wrap {
  3145. max-width: 740px;
  3146. }
  3147.  
  3148. .panel-content .entry-header {
  3149. margin-bottom: 4.5em;
  3150. }
  3151.  
  3152. .panel-content .recent-posts .entry-header {
  3153. margin-bottom: 0;
  3154. }
  3155.  
  3156. /* Blog Index, Archive, Search */
  3157.  
  3158. .taxonomy-description {
  3159. font-size: 14px;
  3160. font-size: 0.875rem;
  3161. }
  3162.  
  3163. .page-numbers.current {
  3164. font-size: 16px;
  3165. font-size: 1rem;
  3166. }
  3167.  
  3168. /* Site Footer */
  3169.  
  3170. .site-footer {
  3171. font-size: 16px;
  3172. font-size: 1rem;
  3173. }
  3174.  
  3175. /* Gallery Columns */
  3176.  
  3177. .gallery-item {
  3178. max-width: 25%;
  3179. }
  3180.  
  3181. .gallery-columns-1 .gallery-item {
  3182. max-width: 100%;
  3183. }
  3184.  
  3185. .gallery-columns-2 .gallery-item {
  3186. max-width: 50%;
  3187. }
  3188.  
  3189. .gallery-columns-3 .gallery-item {
  3190. max-width: 33.33%;
  3191. }
  3192.  
  3193. .gallery-columns-4 .gallery-item {
  3194. max-width: 25%;
  3195. }
  3196. }
  3197.  
  3198. @media screen and (min-width: 48em) {
  3199.  
  3200. /* Typography */
  3201.  
  3202. body,
  3203. button,
  3204. input,
  3205. select,
  3206. textarea {
  3207. font-size: 16px;
  3208. font-size: 1rem;
  3209. line-height: 1.5;
  3210. }
  3211.  
  3212. .entry-content blockquote.alignleft,
  3213. .entry-content blockquote.alignright {
  3214. font-size: 13px;
  3215. font-size: 0.8125rem;
  3216. }
  3217.  
  3218. /* Layout */
  3219.  
  3220. .wrap {
  3221. max-width: 1000px;
  3222. padding-left: 3em;
  3223. padding-right: 3em;
  3224. }
  3225.  
  3226. .has-sidebar:not(.error404) #primary {
  3227. float: left;
  3228. width: 58%;
  3229. }
  3230.  
  3231. .has-sidebar #secondary {
  3232. float: right;
  3233. padding-top: 0;
  3234. width: 36%;
  3235. }
  3236.  
  3237. .error404 #primary {
  3238. float: none;
  3239. }
  3240.  
  3241. /* Site Branding */
  3242.  
  3243. .site-branding {
  3244. margin-bottom: 0;
  3245. }
  3246.  
  3247. .has-header-image.twentyseventeen-front-page .site-branding,
  3248. .has-header-video.twentyseventeen-front-page .site-branding,
  3249. .has-header-image.home.blog .site-branding,
  3250. .has-header-video.home.blog .site-branding {
  3251. bottom: 0;
  3252. display: block;
  3253. left: 0;
  3254. height: auto;
  3255. padding-top: 0;
  3256. position: absolute;
  3257. width: 100%;
  3258. }
  3259.  
  3260. .has-header-image.twentyseventeen-front-page .custom-header,
  3261. .has-header-video.twentyseventeen-front-page .custom-header,
  3262. .has-header-image.home.blog .custom-header,
  3263. .has-header-video.home.blog .custom-header {
  3264. display: block;
  3265. height: auto;
  3266. }
  3267.  
  3268. .custom-header-media {
  3269. height: 165px;
  3270. position: relative;
  3271. }
  3272.  
  3273. .twentyseventeen-front-page.has-header-image .custom-header-media,
  3274. .twentyseventeen-front-page.has-header-video .custom-header-media,
  3275. .home.blog.has-header-image .custom-header-media,
  3276. .home.blog.has-header-video .custom-header-media {
  3277. height: 0;
  3278. position: relative;
  3279. }
  3280.  
  3281. .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media,
  3282. .has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
  3283. bottom: 0;
  3284. height: auto;
  3285. left: 0;
  3286. position: absolute;
  3287. right: 0;
  3288. top: 0;
  3289. }
  3290.  
  3291. .custom-logo-link {
  3292. padding-right: 2em;
  3293. }
  3294.  
  3295. .custom-logo-link img,
  3296. body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
  3297. body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
  3298. max-width: 350px;
  3299. }
  3300.  
  3301. .title-tagline-hidden.home.has-header-image .custom-logo-link img,
  3302. .title-tagline-hidden.home.has-header-video .custom-logo-link img {
  3303. max-height: 200px;
  3304. }
  3305.  
  3306. .site-title {
  3307. font-size: 36px;
  3308. font-size: 2.25rem;
  3309. }
  3310.  
  3311. .site-description {
  3312. font-size: 16px;
  3313. font-size: 1rem;
  3314. }
  3315.  
  3316. /* Navigation */
  3317.  
  3318. .navigation-top {
  3319. font-size: 14px;
  3320. font-size: 0.875rem;
  3321. left: 0;
  3322. position: absolute;
  3323. right: 0;
  3324. width: 100%;
  3325. z-index: 3;
  3326. }
  3327.  
  3328. .navigation-top .wrap {
  3329. max-width: 1000px;
  3330. /* The font size is 14px here and we need 50px padding in ems */
  3331. padding: 0.75em 3.4166666666667em;
  3332. }
  3333.  
  3334. .navigation-top nav {
  3335. margin-left: -1.25em;
  3336. }
  3337.  
  3338. .site-navigation-fixed.navigation-top {
  3339. bottom: auto;
  3340. position: fixed;
  3341. left: 0;
  3342. right: 0;
  3343. top: 0;
  3344. width: 100%;
  3345. z-index: 7;
  3346. }
  3347.  
  3348. .admin-bar .site-navigation-fixed.navigation-top {
  3349. top: 32px;
  3350. }
  3351.  
  3352. /* Main Navigation */
  3353.  
  3354. .js .menu-toggle,
  3355. .js .dropdown-toggle {
  3356. display: none;
  3357. }
  3358.  
  3359. .main-navigation {
  3360. width: auto;
  3361. }
  3362.  
  3363. .js .main-navigation ul,
  3364. .js .main-navigation ul ul,
  3365. .js .main-navigation > div > ul {
  3366. display: block;
  3367. }
  3368.  
  3369. .main-navigation ul {
  3370. background: transparent;
  3371. padding: 0;
  3372. }
  3373.  
  3374. .main-navigation > div > ul {
  3375. border: 0;
  3376. margin-bottom: 0;
  3377. padding: 0;
  3378. }
  3379.  
  3380. .main-navigation li {
  3381. border: 0;
  3382. display: inline-block;
  3383. }
  3384.  
  3385. .main-navigation li li {
  3386. display: block;
  3387. }
  3388.  
  3389. .main-navigation a {
  3390. padding: 1em 1.25em;
  3391. }
  3392.  
  3393. .main-navigation ul ul {
  3394. background: #fff;
  3395. border: 1px solid #bbb;
  3396. left: -999em;
  3397. padding: 0;
  3398. position: absolute;
  3399. top: 100%;
  3400. z-index: 99999;
  3401. }
  3402.  
  3403. .main-navigation ul li.menu-item-has-children:before,
  3404. .main-navigation ul li.menu-item-has-children:after,
  3405. .main-navigation ul li.page_item_has_children:before,
  3406. .main-navigation ul li.page_item_has_children:after {
  3407. border-style: solid;
  3408. border-width: 0 6px 6px;
  3409. content: "";
  3410. display: none;
  3411. height: 0;
  3412. position: absolute;
  3413. right: 1em;
  3414. bottom: -1px;
  3415. width: 0;
  3416. z-index: 100000;
  3417. }
  3418.  
  3419. .main-navigation ul li.menu-item-has-children.focus:before,
  3420. .main-navigation ul li.menu-item-has-children:hover:before,
  3421. .main-navigation ul li.menu-item-has-children.focus:after,
  3422. .main-navigation ul li.menu-item-has-children:hover:after,
  3423. .main-navigation ul li.page_item_has_children.focus:before,
  3424. .main-navigation ul li.page_item_has_children:hover:before,
  3425. .main-navigation ul li.page_item_has_children.focus:after,
  3426. .main-navigation ul li.page_item_has_children:hover:after {
  3427. display: block;
  3428. }
  3429.  
  3430. .main-navigation ul li.menu-item-has-children:before,
  3431. .main-navigation ul li.page_item_has_children:before {
  3432. border-color: transparent transparent #bbb;
  3433. bottom: 0;
  3434. }
  3435.  
  3436. .main-navigation ul li.menu-item-has-children:after,
  3437. .main-navigation ul li.page_item_has_children:after {
  3438. border-color: transparent transparent #fff;
  3439. }
  3440.  
  3441. .main-navigation ul ul li:hover > ul,
  3442. .main-navigation ul ul li.focus > ul {
  3443. left: 100%;
  3444. right: auto;
  3445. }
  3446.  
  3447. .main-navigation ul ul a {
  3448. padding: 0.75em 1.25em;
  3449. width: 16em;
  3450. }
  3451.  
  3452. .main-navigation li li {
  3453. -webkit-transition: background-color 0.2s ease-in-out;
  3454. transition: background-color 0.2s ease-in-out;
  3455. }
  3456.  
  3457. .main-navigation li li:hover,
  3458. .main-navigation li li.focus {
  3459. background: #767676;
  3460. }
  3461.  
  3462. .main-navigation li li a {
  3463. -webkit-transition: color 0.3s ease-in-out;
  3464. transition: color 0.3s ease-in-out;
  3465. }
  3466.  
  3467. .main-navigation li li.focus > a,
  3468. .main-navigation li li:focus > a,
  3469. .main-navigation li li:hover > a,
  3470. .main-navigation li li a:hover,
  3471. .main-navigation li li a:focus,
  3472. .main-navigation li li.current_page_item a:hover,
  3473. .main-navigation li li.current-menu-item a:hover,
  3474. .main-navigation li li.current_page_item a:focus,
  3475. .main-navigation li li.current-menu-item a:focus {
  3476. color: #fff;
  3477. }
  3478.  
  3479. .main-navigation ul li:hover > ul,
  3480. .main-navigation ul li.focus > ul {
  3481. left: 0.5em;
  3482. right: auto;
  3483. }
  3484.  
  3485. .main-navigation .menu-item-has-children > a > .icon,
  3486. .main-navigation .page_item_has_children > a > .icon {
  3487. display: inline;
  3488. left: 5px;
  3489. position: relative;
  3490. top: -1px;
  3491. }
  3492.  
  3493. .main-navigation ul ul .menu-item-has-children > a > .icon,
  3494. .main-navigation ul ul .page_item_has_children > a > .icon {
  3495. margin-top: -9px;
  3496. left: auto;
  3497. position: absolute;
  3498. right: 1em;
  3499. top: 50%;
  3500. -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  3501. -ms-transform: rotate(-90deg); /* IE 9 */
  3502. transform: rotate(-90deg);
  3503. }
  3504.  
  3505. .main-navigation ul ul ul {
  3506. left: -999em;
  3507. margin-top: -1px;
  3508. top: 0;
  3509. }
  3510.  
  3511. .main-navigation ul ul li.menu-item-has-children.focus:before,
  3512. .main-navigation ul ul li.menu-item-has-children:hover:before,
  3513. .main-navigation ul ul li.menu-item-has-children.focus:after,
  3514. .main-navigation ul ul li.menu-item-has-children:hover:after,
  3515. .main-navigation ul ul li.page_item_has_children.focus:before,
  3516. .main-navigation ul ul li.page_item_has_children:hover:before,
  3517. .main-navigation ul ul li.page_item_has_children.focus:after,
  3518. .main-navigation ul ul li.page_item_has_children:hover:after {
  3519. display: none;
  3520. }
  3521.  
  3522. .site-header .site-navigation-fixed .menu-scroll-down {
  3523. display: none;
  3524. }
  3525.  
  3526. /* Scroll down arrow */
  3527.  
  3528. .site-header .menu-scroll-down {
  3529. display: block;
  3530. padding: 1em;
  3531. position: absolute;
  3532. right: 0;
  3533. }
  3534.  
  3535. .site-header .menu-scroll-down .icon {
  3536. -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  3537. -ms-transform: rotate(90deg); /* IE 9 */
  3538. transform: rotate(90deg);
  3539. }
  3540.  
  3541. .site-header .menu-scroll-down {
  3542. color: #fff;
  3543. top: 2em;
  3544. }
  3545.  
  3546. .site-header .navigation-top .menu-scroll-down {
  3547. color: #767676;
  3548. top: 0.7em;
  3549. }
  3550.  
  3551. .menu-scroll-down:focus {
  3552. outline: thin dotted;
  3553. }
  3554.  
  3555. .menu-scroll-down .icon {
  3556. height: 18px;
  3557. width: 18px;
  3558. }
  3559.  
  3560. /* Front Page */
  3561.  
  3562. .twentyseventeen-front-page.has-header-image .site-branding,
  3563. .twentyseventeen-front-page.has-header-video .site-branding,
  3564. .home.blog.has-header-image .site-branding,
  3565. .home.blog.has-header-video .site-branding {
  3566. margin-bottom: 70px;
  3567. }
  3568.  
  3569. .twentyseventeen-front-page.has-header-image .custom-header-media,
  3570. .twentyseventeen-front-page.has-header-video .custom-header-media,
  3571. .home.blog.has-header-image .custom-header-media,
  3572. .home.blog.has-header-video .custom-header-media {
  3573. height: 1200px;
  3574. height: 100vh;
  3575. max-height: 100%;
  3576. overflow: hidden;
  3577. }
  3578.  
  3579. .twentyseventeen-front-page.has-header-image .custom-header-media:before,
  3580. .twentyseventeen-front-page.has-header-video .custom-header-media:before,
  3581. .home.blog.has-header-image .custom-header-media:before,
  3582. .home.blog.has-header-video .custom-header-media:before {
  3583. height: 33%;
  3584. }
  3585.  
  3586. .admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
  3587. .admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
  3588. .admin-bar.home.blog.has-header-image .custom-header-media,
  3589. .admin-bar.home.blog.has-header-video .custom-header-media {
  3590. height: calc(100vh - 32px);
  3591. }
  3592.  
  3593. .panel-content .wrap {
  3594. padding-bottom: 4.5em;
  3595. padding-top: 6em;
  3596. }
  3597.  
  3598. .panel-image {
  3599. height: 100vh;
  3600. max-height: 1200px;
  3601. }
  3602.  
  3603. /* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
  3604. .background-fixed .panel-image {
  3605. background-attachment: fixed;
  3606. }
  3607.  
  3608. .page-two-column .panel-content .entry-header {
  3609. float: left;
  3610. width: 36%;
  3611. }
  3612.  
  3613. .page-two-column .panel-content .entry-content {
  3614. float: right;
  3615. width: 58%;
  3616. }
  3617.  
  3618. /* Front Page - Recent Posts */
  3619.  
  3620. .page-two-column .panel-content .recent-posts {
  3621. clear: right;
  3622. float: right;
  3623. width: 58%;
  3624. }
  3625.  
  3626. .panel-content .recent-posts article {
  3627. margin-bottom: 4em;
  3628. }
  3629.  
  3630. .panel-content .recent-posts .entry-header,
  3631. .page-two-column #primary .panel-content .recent-posts .entry-header,
  3632. .panel-content .recent-posts .entry-content,
  3633. .page-two-column #primary .panel-content .recent-posts .entry-content {
  3634. float: none;
  3635. width: 100%;
  3636. }
  3637.  
  3638. .panel-content .recent-posts .entry-header {
  3639. margin-bottom: 1.5em;
  3640. }
  3641.  
  3642. .page .panel-content .recent-posts .entry-title {
  3643. font-size: 26px;
  3644. font-size: 1.625rem;
  3645. }
  3646.  
  3647. /* Posts */
  3648.  
  3649. .site-content {
  3650. padding: 5.5em 0 0;
  3651. }
  3652.  
  3653. .single-post .entry-title,
  3654. .page .entry-title {
  3655. font-size: 26px;
  3656. font-size: 1.625rem;
  3657. }
  3658.  
  3659. .comments-pagination,
  3660. .post-navigation {
  3661. clear: both;
  3662. }
  3663.  
  3664. .post-navigation .nav-previous {
  3665. float: left;
  3666. width: 50%;
  3667. }
  3668.  
  3669. .post-navigation .nav-next {
  3670. float: right;
  3671. text-align: right;
  3672. width: 50%;
  3673. }
  3674.  
  3675. .nav-next,
  3676. .post-navigation .nav-next {
  3677. margin-top: 0;
  3678. }
  3679.  
  3680. /* Blog, archive, search */
  3681.  
  3682. .sticky .icon-thumb-tack {
  3683. height: 23px;
  3684. left: -2.5em;
  3685. top: 1.5em;
  3686. width: 32px;
  3687. }
  3688.  
  3689. body:not(.has-sidebar):not(.page-one-column) .page-header,
  3690. body.has-sidebar.error404 #primary .page-header,
  3691. body.page-two-column:not(.archive) #primary .entry-header,
  3692. body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
  3693. float: left;
  3694. width: 36%;
  3695. }
  3696.  
  3697. .blog:not(.has-sidebar) #primary article,
  3698. .archive:not(.page-one-column):not(.has-sidebar) #primary article,
  3699. .search:not(.has-sidebar) #primary article,
  3700. .error404:not(.has-sidebar) #primary .page-content,
  3701. .error404.has-sidebar #primary .page-content,
  3702. body.page-two-column:not(.archive) #primary .entry-content,
  3703. body.page-two-column #comments {
  3704. float: right;
  3705. width: 58%;
  3706. }
  3707.  
  3708. .blog .site-main > article,
  3709. .archive .site-main > article,
  3710. .search .site-main > article {
  3711. padding-bottom: 4em;
  3712. }
  3713.  
  3714. .navigation.pagination {
  3715. clear: both;
  3716. float: right;
  3717. width: 58%;
  3718. }
  3719.  
  3720. .has-sidebar .navigation.pagination,
  3721. .archive.page-one-column:not(.has-sidebar) .navigation.pagination {
  3722. float: none;
  3723. width: 100%;
  3724. }
  3725.  
  3726. .entry-footer {
  3727. display: table;
  3728. width: 100%;
  3729. }
  3730.  
  3731. .entry-footer .cat-tags-links {
  3732. display: table-cell;
  3733. vertical-align: middle;
  3734. width: 100%;
  3735. }
  3736.  
  3737. .entry-footer .edit-link {
  3738. display: table-cell;
  3739. text-align: right;
  3740. vertical-align: middle;
  3741. }
  3742.  
  3743. .entry-footer .edit-link a.post-edit-link {
  3744. margin-top: 0;
  3745. margin-left: 1em;
  3746. }
  3747.  
  3748. /* Entry content */
  3749.  
  3750. /* without sidebar */
  3751.  
  3752. :not(.has-sidebar) .entry-content blockquote.alignleft {
  3753. margin-left: -17.5%;
  3754. width: 48%;
  3755. }
  3756.  
  3757. :not(.has-sidebar) .entry-content blockquote.alignright {
  3758. margin-right: -17.5%;
  3759. width: 48%;
  3760. }
  3761.  
  3762. /* with sidebar */
  3763.  
  3764. .has-sidebar .entry-content blockquote.alignleft {
  3765. margin-left: 0;
  3766. width: 34%;
  3767. }
  3768.  
  3769. .has-sidebar .entry-content blockquote.alignright {
  3770. margin-right: 0;
  3771. width: 34%;
  3772. }
  3773.  
  3774. .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
  3775. margin-right: -72.5%;
  3776. width: 62%;
  3777. }
  3778.  
  3779. /* blog and archive */
  3780.  
  3781. .blog:not(.has-sidebar) .entry-content blockquote.alignleft,
  3782. .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
  3783. .archive:not(.has-sidebar) .entry-content blockquote.alignleft,
  3784. .page-two-column .entry-content blockquote.alignleft {
  3785. margin-left: -72.5%;
  3786. width: 62%;
  3787. }
  3788.  
  3789. .blog:not(.has-sidebar) .entry-content blockquote.alignright,
  3790. .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,
  3791. .archive:not(.has-sidebar) .entry-content blockquote.alignright,
  3792. .page-two-column .entry-content blockquote.alignright {
  3793. margin-right: 0;
  3794. width: 36%;
  3795. }
  3796.  
  3797. /* Post formats */
  3798.  
  3799. .format-quote blockquote .icon {
  3800. left: -1.5em;
  3801. }
  3802.  
  3803. /* Pages */
  3804.  
  3805. .page.page-one-column .entry-header,
  3806. .twentyseventeen-front-page.page-one-column .entry-header,
  3807. .archive.page-one-column:not(.has-sidebar) .page-header {
  3808. margin-bottom: 4em;
  3809. }
  3810.  
  3811. .page:not(.home) #content {
  3812. padding-bottom: 3.25em;
  3813. }
  3814.  
  3815. /* 404 page */
  3816.  
  3817. .error404 .page-content {
  3818. padding-bottom: 9em;
  3819. }
  3820.  
  3821. /* Comments */
  3822.  
  3823. #comments {
  3824. padding-top: 5em;
  3825. }
  3826.  
  3827. .comments-title {
  3828. margin-bottom: 2.5em;
  3829. }
  3830.  
  3831. ol.children .children {
  3832. padding-left: 2em;
  3833. }
  3834.  
  3835. /* Posts pagination */
  3836.  
  3837. .nav-links .nav-title {
  3838. position: relative;
  3839. }
  3840.  
  3841. .nav-title-icon-wrapper {
  3842. position: absolute;
  3843. text-align: center;
  3844. width: 2em;
  3845. }
  3846.  
  3847. .nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
  3848. left: -2em;
  3849. }
  3850.  
  3851. .nav-links .nav-next .nav-title .nav-title-icon-wrapper {
  3852. right: -2em;
  3853. }
  3854.  
  3855. /* Secondary */
  3856.  
  3857. #secondary {
  3858. font-size: 14px;
  3859. font-size: 0.875rem;
  3860. line-height: 1.6;
  3861. }
  3862.  
  3863. /* Widgets */
  3864.  
  3865. h2.widget-title {
  3866. font-size: 11px;
  3867. font-size: 0.6875rem;
  3868. margin-bottom: 2em;
  3869. }
  3870.  
  3871. /* Footer */
  3872.  
  3873. .site-footer {
  3874. font-size: 14px;
  3875. font-size: 0.875rem;
  3876. line-height: 1.6;
  3877. margin-top: 3em;
  3878. }
  3879.  
  3880. .site-footer .widget-column.footer-widget-1 {
  3881. float: left;
  3882. width: 36%;
  3883. }
  3884.  
  3885. .site-footer .widget-column.footer-widget-2 {
  3886. float: right;
  3887. width: 58%;
  3888. }
  3889.  
  3890. .social-navigation {
  3891. clear: left;
  3892. float: left;
  3893. margin-bottom: 0;
  3894. width: 36%;
  3895. }
  3896.  
  3897. .site-info {
  3898. float: left;
  3899. padding: 0.7em 0 0;
  3900. width: 58%;
  3901. }
  3902.  
  3903. .social-navigation + .site-info {
  3904. margin-left: 6%;
  3905. }
  3906.  
  3907. .site-info .sep {
  3908. margin: 0 0.5em;
  3909. display: inline;
  3910. visibility: visible;
  3911. height: auto;
  3912. width: auto;
  3913. }
  3914.  
  3915. /* Gallery Columns */
  3916.  
  3917. .gallery-columns-5 .gallery-item {
  3918. max-width: 20%;
  3919. }
  3920.  
  3921. .gallery-columns-6 .gallery-item {
  3922. max-width: 16.66%;
  3923. }
  3924.  
  3925. .gallery-columns-7 .gallery-item {
  3926. max-width: 14.28%;
  3927. }
  3928.  
  3929. .gallery-columns-8 .gallery-item {
  3930. max-width: 12.5%;
  3931. }
  3932.  
  3933. .gallery-columns-9 .gallery-item {
  3934. max-width: 11.11%;
  3935. }
  3936. }
  3937.  
  3938. @media screen and ( min-width: 67em ) {
  3939.  
  3940. /* Layout */
  3941.  
  3942. /* Navigation */
  3943. .navigation-top .wrap {
  3944. padding: 0.75em 2em;
  3945. }
  3946.  
  3947. .navigation-top nav {
  3948. margin-left: 0;
  3949. }
  3950.  
  3951. /* Sticky posts */
  3952.  
  3953. .sticky .icon-thumb-tack {
  3954. font-size: 32px;
  3955. font-size: 2rem;
  3956. height: 22px;
  3957. left: -1.25em;
  3958. top: 0.75em;
  3959. width: 32px;
  3960. }
  3961.  
  3962. /* Pagination */
  3963.  
  3964. .page-numbers {
  3965. display: inline-block;
  3966. }
  3967.  
  3968. .page-numbers.current {
  3969. font-size: 15px;
  3970. font-size: 0.9375rem;
  3971. }
  3972.  
  3973. .page-numbers.current .screen-reader-text {
  3974. clip: rect(1px, 1px, 1px, 1px);
  3975. height: 1px;
  3976. overflow: hidden;
  3977. position: absolute !important;
  3978. width: 1px;
  3979. }
  3980.  
  3981. /* Comments */
  3982.  
  3983. .comment-body {
  3984. margin-left: 0;
  3985. }
  3986. }
  3987.  
  3988. @media screen and ( min-width: 79em ) {
  3989.  
  3990. .has-sidebar .entry-content blockquote.alignleft {
  3991. margin-left: -20%;
  3992. }
  3993.  
  3994. .blog:not(.has-sidebar) .entry-content blockquote.alignright,
  3995. .archive:not(.has-sidebar) .entry-content blockquote.alignright,
  3996. .page-two-column .entry-content blockquote.alignright,
  3997. .twentyseventeen-front-page .entry-content blockquote.alignright {
  3998. margin-right: -20%;
  3999. }
  4000. }
  4001.  
  4002. @media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {
  4003.  
  4004. .admin-bar .site-navigation-fixed.navigation-top,
  4005. .admin-bar .site-navigation-hidden.navigation-top {
  4006. top: 46px;
  4007. }
  4008. }
  4009.  
  4010. /*--------------------------------------------------------------
  4011. 20.0 Print
  4012. --------------------------------------------------------------*/
  4013.  
  4014. @media print {
  4015.  
  4016. /* Hide elements */
  4017.  
  4018. form,
  4019. button,
  4020. input,
  4021. select,
  4022. textarea,
  4023. .navigation-top,
  4024. .social-navigation,
  4025. #secondary,
  4026. .content-bottom-widgets,
  4027. .header-image,
  4028. .panel-image-prop,
  4029. .icon-thumb-tack,
  4030. .page-links,
  4031. .edit-link,
  4032. .post-navigation,
  4033. .pagination.navigation,
  4034. .comments-pagination,
  4035. .comment-respond,
  4036. .comment-edit-link,
  4037. .comment-reply-link,
  4038. .comment-metadata .edit-link,
  4039. .pingback .edit-link,
  4040. .site-footer aside.widget-area,
  4041. .site-info {
  4042. display: none !important;
  4043. }
  4044.  
  4045. .entry-footer,
  4046. #comments,
  4047. .site-footer,
  4048. .single-featured-image-header {
  4049. border: 0;
  4050. }
  4051.  
  4052. /* Font sizes */
  4053.  
  4054. body {
  4055. font-size: 12pt;
  4056. }
  4057.  
  4058. h1 {
  4059. font-size: 24pt;
  4060. }
  4061.  
  4062. h2 {
  4063. font-size: 22pt;
  4064. }
  4065.  
  4066. h3 {
  4067. font-size: 17pt;
  4068. }
  4069.  
  4070. h4 {
  4071. font-size: 12pt;
  4072. }
  4073.  
  4074. h5 {
  4075. font-size: 11pt;
  4076. }
  4077.  
  4078. h6 {
  4079. font-size: 12pt;
  4080. }
  4081.  
  4082. .page .panel-content .entry-title,
  4083. .page-title,
  4084. body.page:not(.twentyseventeen-front-page) .entry-title {
  4085. font-size: 10pt;
  4086. }
  4087.  
  4088. /* Layout */
  4089.  
  4090. .wrap {
  4091. padding-left: 5% !important;
  4092. padding-right: 5% !important;
  4093. max-width: none;
  4094. }
  4095.  
  4096. /* Site Branding */
  4097.  
  4098. .site-header {
  4099. background: transparent;
  4100. padding: 0;
  4101. }
  4102.  
  4103. .custom-header-media {
  4104. padding: 0;
  4105. }
  4106.  
  4107. .twentyseventeen-front-page.has-header-image .site-branding,
  4108. .twentyseventeen-front-page.has-header-video .site-branding,
  4109. .home.blog.has-header-image .site-branding,
  4110. .home.blog.has-header-video .site-branding {
  4111. position: relative;
  4112. }
  4113.  
  4114. .site-branding {
  4115. margin-top: 0;
  4116. margin-bottom: 1.75em !important; /* override styles added by JavaScript */
  4117. }
  4118.  
  4119. .site-title {
  4120. font-size: 25pt;
  4121. }
  4122.  
  4123. .site-description {
  4124. font-size: 12pt;
  4125. opacity: 1;
  4126. }
  4127.  
  4128. /* Posts */
  4129.  
  4130. .single-featured-image-header {
  4131. background: transparent;
  4132. }
  4133.  
  4134. .entry-meta {
  4135. font-size: 9pt;
  4136. }
  4137.  
  4138. /* Colors */
  4139.  
  4140. body,
  4141. .site {
  4142. background: none !important; /* Brute force since user agents all print differently. */
  4143. }
  4144.  
  4145. body,
  4146. a,
  4147. .site-title a,
  4148. .twentyseventeen-front-page.has-header-image .site-title,
  4149. .twentyseventeen-front-page.has-header-video .site-title,
  4150. .twentyseventeen-front-page.has-header-image .site-title a,
  4151. .twentyseventeen-front-page.has-header-video .site-title a {
  4152. color: #222 !important; /* Make sure color schemes don't affect to print */
  4153. }
  4154.  
  4155. h2,
  4156. h5,
  4157. blockquote,
  4158. .site-description,
  4159. .twentyseventeen-front-page.has-header-image .site-description,
  4160. .twentyseventeen-front-page.has-header-video .site-description,
  4161. .entry-meta,
  4162. .entry-meta a {
  4163. color: #777 !important; /* Make sure color schemes don't affect to print */
  4164. }
  4165.  
  4166. .entry-content blockquote.alignleft,
  4167. .entry-content blockquote.alignright {
  4168. font-size: 11pt;
  4169. width: 34%;
  4170. }
  4171.  
  4172. .site-footer {
  4173. padding: 0;
  4174. }
  4175. }
  4176. .custom-logo-link
  4177. {
  4178. display:block;
  4179. }
  4180. .site-branding {
  4181. padding-bottom: 40px;
  4182. padding-top: 10px;
  4183. }
  4184. .custom-header, .site-branding
  4185. {
  4186.  
  4187. }
  4188. .navigation-top{
  4189.  
  4190. }
  4191. .site-navigation-fixed{
  4192.  
  4193. }
  4194.  
  4195. /* --------jafakash code -------- */
  4196.  
  4197. .wrap {
  4198.  
  4199. max-width:100% ;
  4200. margin:0 auto !important;
  4201. }
  4202. #primary {
  4203. max-width:100% !important;
  4204. }
  4205. .navigation-top{
  4206. border:none !important;
  4207. }
  4208. .site-info
  4209. {
  4210. text-align: center;
  4211. position: relative;
  4212. display: block;
  4213. margin: 0 auto !important;
  4214. float: none;
  4215. }
  4216. .site-info li
  4217. {
  4218. list-style:none;
  4219. }
  4220. #menu-item-log img
  4221. {
  4222. width:120px;
  4223. }
  4224. .background_sec
  4225. {
  4226. height:580px;
  4227. background-size: cover !important;
  4228. }
  4229. .add_to_cart_button
  4230. {
  4231. display:none;
  4232. }
  4233. form.cart {
  4234. display: none;
  4235. }
  4236. div#wonderplugincarousel-container-3,div#wonderplugincarousel-container-4,div#wonderplugincarousel-container-5,div#wonderplugincarousel-container-5,div#wonderplugincarousel-container-6,div#wonderplugincarousel-container-7,div#wonderplugincarousel-container-8,div#wonderplugincarousel-container-9,div#wonderplugincarousel-container-10,div#wonderplugincarousel-container-11 {
  4237. margin-top: 99px;
  4238. }
  4239.  
  4240. .products li a
  4241. {
  4242. pointer-events: none;
  4243. cursor: default;
  4244. }
  4245.  
  4246. /* ----------- jafakash code end ------------ */
  4247. /* ----------shahil css--------------------- */
  4248.  
  4249. .nvgtn_bar_bck {
  4250. background: -webkit-linear-gradient(to right, #f7d566 0%, #f15923 20%, #f15c23 75%, #f8a119 100%)!important;
  4251. background: -o-linear-gradient(to right, #f7d566 0%, #f15923 20%, #f15c23 75%, #f8a119 100%) !important;
  4252. background: -moz-linear-gradient(to right, #f7d566 0%, #f15923 20%, #f15c23 75%, #f8a119 100%) !important;
  4253. background: linear-gradient(to right, #f7d566 0%, #f15923 20%, #f15c23 75%, #f8a119 100%) !important;
  4254. }
  4255. .site-footer{
  4256. background: -webkit-linear-gradient(to right, #f7d566 0%, #f15923 20%, #f15c23 75%, #f8a119 100%)!important;
  4257. background: -o-linear-gradient(to right, #f7d566 0%, #f15923 20%, #f15c23 75%, #f8a119 100%) !important;
  4258. background: -moz-linear-gradient(to right, #f7d566 0%, #f15923 20%, #f15c23 75%, #f8a119 100%) !important;
  4259. background: linear-gradient(to right, #f7d566 0%, #f15923 20%, #f15c23 75%, #f8a119 100%) !important;
  4260. }
  4261. .colors-custom button, .colors-custom input[type="button"], .colors-custom input[type="submit"], .colors-custom .entry-footer .edit-link a.post-edit-link {
  4262. background: -webkit-linear-gradient(to right, #f7d566 0%, #f15923 20%, #f15c23 75%, #f8a119 100%)!important;
  4263. background: -o-linear-gradient(to right, #f7d566 0%, #f15923 20%, #f15c23 75%, #f8a119 100%) !important;
  4264. background: -moz-linear-gradient(to right, #f7d566 0%, #f15923 20%, #f15c23 75%, #f8a119 100%) !important;
  4265. background: linear-gradient(to right, #f7d566 0%, #f15923 20%, #f15c23 75%, #f8a119 100%) !important;
  4266. color: #fff !important;
  4267. }
  4268. .srvce_hldr_dv span img {
  4269. width: 80px;
  4270. }
  4271. .site-navigation-fixed{
  4272. box-shadow: 0px 11px 19px -12px #000c;
  4273. }
  4274. ul#top-menu {
  4275. background: transparent;
  4276. }
  4277. ul#top-menu li a {
  4278. color: #fff;
  4279. outline: none;
  4280. text-decoration: none;
  4281. }
  4282. ul.sub-menu.toggled-on {
  4283. padding: 0;
  4284.  
  4285. }
  4286. ul.sub-menu li a {
  4287. color: #000 !important;
  4288. }
  4289. ul.sub-menu li {
  4290. padding: 0 5px !important;
  4291. border-bottom: 1px solid #ddd!important;
  4292. }
  4293. ul.sub-menu li:hover, ul.sub-menu li:active, ul.sub-menu li:focus{
  4294. background: #def0ff !important;
  4295. }
  4296. .main-navigation li li:hover, .main-navigation li li.focus {
  4297. background: #def0ff !important;
  4298. }
  4299. .active_li{
  4300. background: #def0ff !important;
  4301. }
  4302. ul.sub-menu {
  4303. border: 1px solid #ddd !important;
  4304. box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.69);
  4305. }
  4306. .menu-toggle{
  4307. color:#fff !important;
  4308. }
  4309.  
  4310. ul.sub-menu.toggled-on li a{
  4311. color:#fff !important;
  4312. }
  4313. ul.sub-menu.toggled-on li{
  4314. border-bottom: 1px solid #fff !important;
  4315. }
  4316. ul.sub-menu.toggled-on li svg{
  4317. fill:#000 !important;
  4318. }
  4319. .dropdown-toggle svg{
  4320. fill:#fff;
  4321. }
  4322. .men_log {
  4323. float: left;
  4324. width: 15%;
  4325. }
  4326. .men_log a img {
  4327. width: 70px !important;
  4328. visibility:hidden;
  4329. }
  4330. .site-navigation-fixed .men_log a img {
  4331. visibility:visible;
  4332. transition:0.8s;
  4333. -webkit-transition:0.s;
  4334.  
  4335. }
  4336. div#n2-ss-5 .n2-ss-slide .n2-ss-slide-background img {
  4337. margin-top: 0 !important;
  4338. }
  4339. .strong-form .form-field {
  4340. margin: 18px 0 !important;
  4341. }
  4342. .menu-toggle {
  4343. margin: 1px auto 0px !important;
  4344. }
  4345. .page-id-50 .wrap
  4346. {
  4347. width:1170px;
  4348. max-width:100%;
  4349. margin:0 auto;
  4350. }
  4351. .page-id-50 .wrap {
  4352. width: 100%;
  4353. max-width: 100% !important;
  4354. margin: 0 auto;
  4355. padding: 0 !important;
  4356. }
  4357. .site-branding{
  4358. margin:0 !important;
  4359. padding:0 !important;
  4360. }
  4361. .clear{
  4362. clear:both;
  4363. }
  4364. .about_us_sec {
  4365. display: table;
  4366. background: #fff9f0;
  4367. padding: 30px 0;
  4368. }
  4369. .left_about_us {
  4370. float: left;
  4371. width: 50%;
  4372. display: table-cell;
  4373. padding: 0 19px;
  4374. }
  4375. .right_about_us {
  4376. float: right;
  4377. width: 50%;
  4378. display: table-cell;
  4379. }
  4380. .right_about_us img{
  4381. width:100%;
  4382. }
  4383. .page-id-50 header{
  4384. margin:0 !important;
  4385. padding:0 !important;
  4386. }
  4387.  
  4388. .page-id-50 header h2{
  4389. display:none;
  4390. }
  4391. .about_us_sec h1{
  4392. text-align: center !important;
  4393. margin: 0 0 !important;
  4394. }
  4395. .socal_mdia_lnk svg{
  4396. width:24px;
  4397. }
  4398. .socal_mdia_lnk ul li span{
  4399. margin:0 2px;
  4400. }
  4401. .socal_mdia_lnk ul{
  4402. margin:0;
  4403. padding:0;
  4404. text-align:right;
  4405. }
  4406. .socal_mdia_lnk ul li{
  4407. display:inline-block;
  4408. }
  4409. .menu_nav_logo img{
  4410. width: 150px;
  4411. }
  4412.  
  4413. .socal_mdia_lnk ul li{
  4414. margin:3px 3px 0px 5px;
  4415. }
  4416. .custom-header{
  4417. margin:0 !important;
  4418. }
  4419. .container{
  4420. width:1170px;
  4421. max-width:100%;
  4422. margin:0 auto;
  4423. }
  4424. .page-id-50 #masthead .wrap{
  4425. width:1170px;
  4426. max-width:100%;
  4427. margin:0 auto;
  4428. }
  4429. section.Services {
  4430. padding: 30px 0;
  4431. background:#fff;
  4432. }
  4433. .Services h1 {
  4434. text-align: center;
  4435. margin:5px 0;
  4436. }
  4437. .Services p {
  4438. text-align: center;
  4439. margin:5px 0 25px 0;
  4440. }
  4441. .srvce_hldr_dv {
  4442. float: left;
  4443. width: 33.33%;
  4444. padding: 5px;
  4445. text-align: center;
  4446. height: 170px;
  4447. }
  4448. #menu-item-log {
  4449. float: left;
  4450. width: 15%;
  4451. }
  4452. #menu-item-log a {
  4453. padding: 3px 0;
  4454. }
  4455. .background_sec{
  4456. padding:60px 0;
  4457. background-attachment:fixed;
  4458. }
  4459. .testimonial_section{
  4460. padding:60px 0;
  4461. }
  4462. .testimonial_section h1{
  4463. text-align:center;
  4464. }
  4465. .menu-primary-container {
  4466. text-align:center;
  4467. }
  4468. @font-face {
  4469. font-family: 'Conv_LHANDW';
  4470. src: url('fonts/LHANDW.eot');
  4471. src: local('☺'), url('fonts/LHANDW.woff') format('woff'), url('fonts/LHANDW.ttf') format('truetype'), url('fonts/LHANDW.svg') format('svg');
  4472. font-weight: normal;
  4473. font-style: normal;
  4474. }
  4475.  
  4476. .search_div{
  4477. float:left;
  4478. width:70%;
  4479. padding: 24px 0;
  4480. text-align: center;
  4481. }
  4482. p.site-description {
  4483. color: #000 !important;
  4484. font-size: 24px;
  4485. font-family: 'Conv_LHANDW';
  4486. }
  4487. .feedback_form_sec{
  4488. padding:30px 0;
  4489. background:#efefef;
  4490. }
  4491. .feedback_form_sec h1{
  4492. text-align:center;
  4493. margin: 0 !important;
  4494. padding: 0 !important;
  4495.  
  4496. }
  4497. .strong-form textarea{
  4498. height: 110px !important;
  4499. resize:none;
  4500. }
  4501. .strong-form .form-field .after {
  4502. font-size: 13px !important;
  4503. }
  4504. div#wpmtst-form {
  4505. width: 80%;
  4506. margin: 0 auto;
  4507. border:1px solid #bdbdbd;
  4508. }
  4509. .socal_mdia_lnk{
  4510. float:right;
  4511. width: 20%;
  4512. padding: 30px 0;
  4513.  
  4514. }
  4515. #n2-ss-2-align {
  4516. margin-top: 49px;
  4517. }
  4518. div#wonderplugincarousel-container-4 {
  4519. margin-top: 49px;
  4520. }
  4521. .sub-menu.toggled-on li a span {
  4522. color: #2f2f2f !important;
  4523. }
  4524. .logo_div{
  4525. float:left;
  4526. width: 10%;
  4527. }
  4528. .logo_div img{
  4529. width:120px;
  4530. }
  4531. header.entry-header {
  4532. margin: 0 !important;
  4533. }
  4534.  
  4535. #wonderplugincarousel-3 .amazingcarousel-next, #wonderplugincarousel-4 .amazingcarousel-next, #wonderplugincarousel-5 .amazingcarousel-next, #wonderplugincarousel-6 .amazingcarousel-next, #wonderplugincarousel-7 .amazingcarousel-next, #wonderplugincarousel-8 .amazingcarousel-next, #wonderplugincarousel-9 .amazingcarousel-next, #wonderplugincarousel-10 .amazingcarousel-next, #wonderplugincarousel-11 .amazingcarousel-next, #wonderplugincarousel-13 .amazingcarousel-next,#wonderplugincarousel-14 .amazingcarousel-next,#wonderplugincarousel-15 .amazingcarousel-next,#wonderplugincarousel-16 .amazingcarousel-next,#wonderplugincarousel-17 .amazingcarousel-next,#wonderplugincarousel-18 .amazingcarousel-next,#wonderplugincarousel-19 .amazingcarousel-next,#wonderplugincarousel-20 .amazingcarousel-next,#wonderplugincarousel-21 .amazingcarousel-next,#wonderplugincarousel-22 .amazingcarousel-next,#wonderplugincarousel-23 .amazingcarousel-next,#wonderplugincarousel-24 .amazingcarousel-next,#wonderplugincarousel-25 .amazingcarousel-next,#wonderplugincarousel-26 .amazingcarousel-next,#wonderplugincarousel-27 .amazingcarousel-next {
  4536. right: 0%;
  4537. top: 50% !important;
  4538. margin-right: 0px;
  4539. margin-top: -64px;
  4540. }
  4541. #wonderplugincarousel-3 .amazingcarousel-prev, #wonderplugincarousel-4 .amazingcarousel-prev, #wonderplugincarousel-5 .amazingcarousel-prev, #wonderplugincarousel-6 .amazingcarousel-prev,#wonderplugincarousel-7 .amazingcarousel-prev, #wonderplugincarousel-8 .amazingcarousel-prev, #wonderplugincarousel-9 .amazingcarousel-prev,#wonderplugincarousel-10 .amazingcarousel-prev, #wonderplugincarousel-11 .amazingcarousel-prev, #wonderplugincarousel-13 .amazingcarousel-prev,#wonderplugincarousel-14 .amazingcarousel-prev,#wonderplugincarousel-15 .amazingcarousel-prev,#wonderplugincarousel-16 .amazingcarousel-prev,#wonderplugincarousel-17 .amazingcarousel-prev,#wonderplugincarousel-18 .amazingcarousel-prev,#wonderplugincarousel-19 .amazingcarousel-prev,#wonderplugincarousel-20 .amazingcarousel-prev,#wonderplugincarousel-21 .amazingcarousel-prev,#wonderplugincarousel-22 .amazingcarousel-prev,#wonderplugincarousel-23 .amazingcarousel-prev,#wonderplugincarousel-24 .amazingcarousel-prev,#wonderplugincarousel-25 .amazingcarousel-prev,#wonderplugincarousel-26 .amazingcarousel-prev,#wonderplugincarousel-27 .amazingcarousel-prev{
  4542. left: 0% ;
  4543. top: 50% !important;
  4544. margin-right: 32px;
  4545. margin-top: -64px;
  4546. }
  4547. .site-footer .wrap {
  4548. padding: 0 !important;
  4549. width: 1170px;
  4550. max-width: 100%;
  4551. margin: 0 auto;
  4552. }
  4553. ul.list-unstyled.footer_links.sig {
  4554. margin: 0;
  4555. color: #fff;
  4556. }
  4557. ul.list-unstyled.footer_links.sig a {
  4558. margin: 0;
  4559. color: #fff;
  4560. }
  4561.  
  4562. .search-field{
  4563. border: 1px solid #ddd !important;
  4564. padding: 12px !important;
  4565. }
  4566. .page-id-252 .wrap {
  4567. width: 80%;
  4568. }
  4569. #masthead {
  4570. margin-bottom: 49px !important;
  4571. }
  4572. .active{
  4573. border-bottom: 2px solid #fdfdfd;
  4574. }
  4575. .colors-custom input[type="text"], .colors-custom input[type="email"], .colors-custom input[type="url"], .colors-custom input[type="password"], .colors-custom input[type="search"], .colors-custom input[type="number"], .colors-custom input[type="tel"], .colors-custom input[type="range"], .colors-custom input[type="date"], .colors-custom input[type="month"], .colors-custom input[type="week"], .colors-custom input[type="time"], .colors-custom input[type="datetime"], .colors-custom input[type="datetime-local"], .colors-custom input[type="color"], .colors-custom textarea, .colors-custom select, .colors-custom fieldset, .colors-custom .widget .tagcloud a:hover, .colors-custom .widget .tagcloud a:focus, .colors-custom .widget.widget_tag_cloud a:hover, .colors-custom .widget.widget_tag_cloud a:focus, .colors-custom .wp_widget_tag_cloud a:hover, .colors-custom .wp_widget_tag_cloud a:focus {
  4576. border-color:#bdbdbd !important;
  4577. }
  4578. .strong-form label {
  4579. font-weight: 600 !important;
  4580. }
  4581. input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
  4582. background:#f3f3f3 !important;
  4583. }
  4584. select.orderby {
  4585. display: none !important;
  4586. }
  4587. body.colors-custom, .colors-custom button, .colors-custom input, .colors-custom select, .colors-custom textarea, .colors-custom h3, .colors-custom h4, .colors-custom h6, .colors-custom label, .colors-custom .entry-title a, .colors-custom.twentyseventeen-front-page .panel-content .recent-posts article, .colors-custom .entry-footer .cat-links a, .colors-custom .entry-footer .tags-links a, .colors-custom .format-quote blockquote, .colors-custom .nav-title, .colors-custom .comment-body, .colors-custom .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
  4588. color: #000 !important;
  4589. }
  4590. h1.woocommerce-products-header__title.page-title {
  4591. font-size: 20px !important;
  4592. letter-spacing: 1.3px;
  4593. font-weight: 600;
  4594. }
  4595. .price, .woocommerce-result-count {
  4596. display: none !important;
  4597. }
  4598. form.wpcf7-form label {
  4599. font-weight: 600 !important;
  4600. }
  4601. .decorative_png {
  4602. text-align:center;
  4603. margin-bottom: 10px;
  4604. }
  4605. .decorative_png img {
  4606. width: 240px;
  4607. margin: 0 auto;
  4608. }
  4609. .main-navigation li:hover{
  4610. border-bottom:1px solid #ddd;
  4611. }
  4612. .left_about_us p {
  4613. text-align: justify;
  4614. margin: 0 !important;
  4615. padding:0 !important;
  4616. }
  4617. /*navigation*/
  4618. ul.tabs {
  4619. margin: 0px;
  4620. padding: 0px;
  4621. list-style: none;
  4622. }
  4623. .relative_div {
  4624. position: relative;
  4625. }
  4626. .heading_fr_tab {
  4627. text-align: left !important;
  4628. background: #f7e096 !important;
  4629. padding: 11px;
  4630. color: #000 !important;
  4631. font-size: 17px !important;
  4632. border: 1px solid #ddd;
  4633. }
  4634. .heading_fr_tab a {
  4635. display: block;
  4636. font-weight:500;
  4637. }
  4638.  
  4639.  
  4640. #menu-item-380:hover .sub_menu_holder{
  4641. display:block !important;
  4642. }
  4643. ul.tabs li {
  4644. background: none;
  4645. color: #f15a23;
  4646. display: block;
  4647. padding: 8px;
  4648. cursor: pointer;
  4649. text-align: center;
  4650. margin: 7px 0;
  4651. border: 1px solid transparent;
  4652. font-size: 16px;
  4653. }
  4654. ul.tabs li.current {
  4655. background: #fff;
  4656. color: #f15a23;
  4657. border: 1px solid #f15a23;
  4658. }
  4659. .tab-content {
  4660. display: none;
  4661. padding: 15px;
  4662. }
  4663. .tab-content.current {
  4664. display: inherit;
  4665. }
  4666. .Sub_tab_left {
  4667. float: left;
  4668. width: 20%;
  4669. padding: 5px;
  4670. }
  4671. .sub_tab_right {
  4672. float: left;
  4673. width: 79%
  4674. }
  4675. .tab_inner_data ul li {
  4676. display: inline-block;
  4677. width: 24%;
  4678. height: 100px;
  4679. }
  4680. .su_tab_innerdat {
  4681. float: left;
  4682. width: 33.33%;
  4683. text-transform: capitalize;
  4684. }
  4685. .su_tab_innerdat h1 {
  4686. font-size: 18px;
  4687. color: #000;
  4688. margin: 0;
  4689. padding: 0;
  4690. }
  4691. .data_holder_tab a {
  4692. font-size: 15px;
  4693. margin: 5px 0;
  4694. padding: 0;
  4695. color: #f15b23 !important;
  4696. font-weight: 600;
  4697. outline:none;
  4698. text-decoration:underline;
  4699. }
  4700. .data_holder_tab a:hover {
  4701. color: #d64814 !important;
  4702. }
  4703. .data_holder_tab p {
  4704. font-size: 13px;
  4705. margin: 5px 0;
  4706. padding: 0;
  4707. color: #585757a;
  4708. }
  4709. .data_holder_tab {
  4710. margin: 7px 0 18px 0;
  4711. }
  4712. .site-navigation-fixed .sub_menu_holder {
  4713. top: 0px;
  4714. }
  4715. .Sub_tab_left li span img {
  4716. width:20px;
  4717. margin:0 5px 0 0;
  4718. }
  4719. .sub_menu_holder {
  4720. background: #fff;
  4721. border-bottom: 1px solid #ddd;
  4722. box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.31);
  4723. position: absolute;
  4724. width: 100%;
  4725. z-index:9999;
  4726. top: 0;
  4727. display:none;
  4728. }
  4729. .close_icon_menu {
  4730. position:absolute;
  4731. top:6px;
  4732. right:6px;
  4733. display:inline-block;
  4734. cursor:pointer;
  4735. }
  4736. .close_icon_menu img{
  4737. width:15px;
  4738. }
  4739. .site-footer{
  4740. margin: 0 !important;
  4741. }
  4742. button.menu-toggle {
  4743. color: #fff !important;
  4744. background:transparent !important;
  4745. }
  4746. ul#top-menu button {
  4747. background: transparent !important;
  4748. outline: none;
  4749. }
  4750. .sec_map {
  4751. margin: 13px auto;
  4752. width:95%;
  4753. }
  4754. div#wonderplugincarousel-container-1 {
  4755. margin: 0 0 61px 0;
  4756. }
  4757. .address {
  4758. color: #fff;
  4759. border-bottom: 1px solid #fff;
  4760. padding: 10px 0;
  4761. margin: 5px 0;
  4762. }
  4763. .address p {
  4764. margin: 0 !important;
  4765. padding: 0 !important;
  4766. font-size: 19px;
  4767. letter-spacing: 0.3px;
  4768. font-weight: 600;
  4769. }
  4770. footer#colophon {
  4771. margin-bottom: 8px !important;
  4772. }
  4773. /*navigation*/
  4774. @media only screen and (min-width:768px){
  4775. #menu-item-380 .sub-menu, #menu-item-380 .dropdown-toggle{
  4776. display:none !important;
  4777. }
  4778. }
  4779. @media only screen and (max-width:768px){
  4780. .left_about_us {
  4781. float: none;
  4782. width: 100%;
  4783. display: block;
  4784. padding:5%;
  4785. }
  4786. .right_about_us {
  4787. float: none;
  4788. width: 100%;
  4789. display: block;
  4790. }
  4791. .sub_menu_holder{
  4792. display:none !important;
  4793. }
  4794. }
  4795. @media only screen and (max-width:640px){
  4796.  
  4797. #masthead {
  4798. margin-bottom: 0 !important;
  4799. }
  4800.  
  4801. .left_about_us {
  4802. width: 100%;
  4803. }
  4804. .right_about_us {
  4805. width: 100%;
  4806. }
  4807. .logo_div {
  4808. float:none;
  4809. width:100%;
  4810. text-align:center;
  4811. padding: 5px 0;
  4812. }
  4813. .search_div {
  4814. float:none;
  4815. width:100%;
  4816. text-align:center;
  4817. padding: 5px 0;
  4818. }
  4819. .socal_mdia_lnk {
  4820. float:none;
  4821. width:100%;
  4822. text-align:center;
  4823. padding: 5px 0;
  4824. }
  4825. .socal_mdia_lnk ul {
  4826. text-align:center;
  4827. }
  4828. .search-form {
  4829. width: 90%;
  4830. }
  4831. footer#colophon {
  4832. margin-top: 50px;
  4833. }
  4834. #wonderplugincarousel-6 .amazingcarousel-next, #wonderplugincarousel-7 .amazingcarousel-next, #wonderplugincarousel-8 .amazingcarousel-next, #wonderplugincarousel-9 .amazingcarousel-next, #wonderplugincarousel-10 .amazingcarousel-next, #wonderplugincarousel-11 .amazingcarousel-next {
  4835. right: 0% !important;
  4836. background-position:right bottom !important;
  4837. top: 70% !important;
  4838. }
  4839. #wonderplugincarousel-6 .amazingcarousel-prev,#wonderplugincarousel-7 .amazingcarousel-prev, #wonderplugincarousel-8 .amazingcarousel-prev, #wonderplugincarousel-9 .amazingcarousel-prev,#wonderplugincarousel-10 .amazingcarousel-prev, #wonderplugincarousel-11 .amazingcarousel-prev {
  4840. left: 0% !important;
  4841. background-position: left bottom t !important;
  4842. top:70% !important;
  4843.  
  4844. }
  4845. #wonderplugincarousel-4 .amazingcarousel-next, #wonderplugincarousel-3 .amazingcarousel-next,#wonderplugincarousel-5 .amazingcarousel-next {
  4846. top: 50% !important;
  4847. width: 48px !important;
  4848. height: 48px !important;
  4849. background-position: right bottom !important;
  4850. }
  4851. #wonderplugincarousel-4 .amazingcarousel-prev, #wonderplugincarousel-3 .amazingcarousel-prev, #wonderplugincarousel-5 .amazingcarousel-prev {
  4852. top: 50% !important;
  4853. width: 48px !important;
  4854. height: 48px !important;
  4855. background-position:left bottom !important;
  4856. }
  4857.  
  4858. .wrap {
  4859. padding:0 10px;
  4860.  
  4861. }
  4862. div#wonderplugincarousel-container-3, div#wonderplugincarousel-container-4, div#wonderplugincarousel-container-5, div#wonderplugincarousel-container-5, div#wonderplugincarousel-container-6, div#wonderplugincarousel-container-7, div#wonderplugincarousel-container-8, div#wonderplugincarousel-container-9, div#wonderplugincarousel-container-10, div#wonderplugincarousel-container-11 {
  4863. margin-top: 0px;
  4864. }
  4865. #wonderplugincarousel-1 .amazingcarousel-next {
  4866. right: 5% !important;
  4867. }
  4868. #wonderplugincarousel-1 .amazingcarousel-prev {
  4869. left: 5% !important;
  4870. top: 50% !important;
  4871. }
  4872. .background_sec {
  4873. height: auto ;
  4874. background-size: cover !important;
  4875. }
  4876. .orderby {
  4877. margin: 0 0 22px 0;
  4878. }
  4879. .woocommerce-LoopProduct-link img {
  4880. height: auto;
  4881. max-width: 100%;
  4882. max-height: 200px;
  4883. min-height: 175px;
  4884. }
  4885. .srvce_hldr_dv img {
  4886. width: 50%;
  4887. }
  4888. .sec_map {
  4889. width: 90%;
  4890. margin: 0 auto;
  4891. }
  4892. .men_log {
  4893. display: none;
  4894. }
  4895. }
  4896.  
  4897. @media only screen and (max-width:480px){
  4898. .srvce_hldr_dv {
  4899. width: 49%;
  4900. }
  4901. }
  4902. .testimonial_section
  4903. {
  4904. width:60%;
  4905. margin:0 auto;
  4906. }
  4907. .site-branding-text
  4908. {
  4909. display:none !important;
  4910. }
  4911. .site-footer .widget-column.footer-widget-1
  4912. {
  4913. width:100%
  4914. }
  4915. .strong-view.simple .testimonial-client
  4916. {
  4917. font-weight:bold;
  4918. clear:none !important;
  4919. }
  4920. /* --------shahil code ends-------- */
  4921.  
  4922. /* --------shivam code starts-------- */
  4923. section.about_us_sec .left_about_us p {
  4924. font-size: 18px;
  4925. text-align: center;
  4926. line-height: 40px;
  4927. padding: 0 8% !important;
  4928. margin: 40px 0 !important;
  4929. }
  4930. .left_about_us {
  4931. float: left;
  4932. width: 48%;
  4933. display: table-cell;
  4934. padding: 0 19px;
  4935. }
  4936. .about_us_sec .right_about_us {
  4937. -webkit-box-shadow: 4px 3px 33px -1px rgba(138,136,138,0.66);
  4938. -moz-box-shadow: 4px 3px 33px -1px rgba(138,136,138,0.66);
  4939. box-shadow: 4px 3px 33px -1px rgba(138,136,138,0.66);
  4940. float: left;
  4941. width: 48%;
  4942. }
  4943. .background_sec {
  4944. padding: 60px 0;
  4945. background-attachment: fixed;
  4946. -webkit-box-shadow: 0px -4px 73px -3px rgba(0,0,0,0.41);
  4947. -moz-box-shadow: 0px -4px 73px -3px rgba(0,0,0,0.41);
  4948. box-shadow: 0px -4px 22px -3px rgba(0,0,0,0.41);
  4949. }
  4950. .feedback_form_sec .strong-form-inner {
  4951. -webkit-box-shadow: 3px 0px 38px -7px rgba(0,0,0,0.4);
  4952. -moz-box-shadow: 3px 0px 38px -7px rgba(0,0,0,0.4);
  4953. box-shadow: 2px 6px 47px -7px rgba(0,0,0,0.4);
  4954. }
  4955. div#wpmtst-form {
  4956. border: none;
  4957. }
  4958. .page-id-46 h1.entry-title {
  4959. text-align: center;
  4960. font-size: 40px !important;
  4961. }
  4962. .page-id-46 .entry-content p {
  4963. text-align: center;
  4964. font-size: 16px;
  4965. padding: 0 8%;
  4966. margin-bottom: 14px;
  4967. }
  4968. .page-id-46 h3 {
  4969. text-align: center;
  4970. font-size: 30px;
  4971. font-weight: 700;
  4972. color: #321811 !important;
  4973. }
  4974. .page-id-252 header.entry-header {
  4975. float: left;
  4976. width: 100%;
  4977. text-align: center;
  4978. }
  4979. .page-id-252 header.entry-header h1.entry-title {
  4980. font-size: 34px;
  4981. }
  4982. .page-id-252 form.wpcf7-form {
  4983. float: left;
  4984. width: 100%;
  4985. -webkit-box-shadow: 2px 3px 26px 2px rgba(0,0,0,0.19);
  4986. -moz-box-shadow: 2px 3px 26px 2px rgba(0,0,0,0.19);
  4987. box-shadow: 2px 3px 26px 2px rgba(0,0,0,0.19);
  4988. padding: 30px 30px;
  4989. border-radius: 8px;
  4990. }
  4991. .status-publish {
  4992. float: left;
  4993. width: 100%;
  4994. text-align: center;
  4995. padding: 0 18%;
  4996. line-height: 30px;
  4997. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement