Advertisement
srikat

Untitled

Nov 14th, 2016
144
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.34 KB | None | 0 0
  1. /*
  2. Theme Name: Genesis Sample
  3. Theme URI: http://www.studiopress.com/
  4. Description: This is the sample theme created for the Genesis Framework.
  5. Author: StudioPress
  6. Author URI: http://www.studiopress.com/
  7.  
  8. Version: 2.2.4
  9.  
  10. Tags: black, red, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
  11.  
  12. Template: genesis
  13. Template Version: 2.2.3
  14.  
  15. License: GPL-2.0+
  16. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  17. */
  18.  
  19.  
  20. /* # Table of Contents
  21. - HTML5 Reset
  22. - Baseline Normalize
  23. - Box Sizing
  24. - Float Clearing
  25. - Defaults
  26. - Typographical Elements
  27. - Headings
  28. - Objects
  29. - Gallery
  30. - Forms
  31. - Tables
  32. - Screen Reader Text
  33. - Structure and Layout
  34. - Site Containers
  35. - Column Widths and Positions
  36. - Column Classes
  37. - Common Classes
  38. - Avatar
  39. - Genesis
  40. - Search Form
  41. - Titles
  42. - WordPress
  43. - Widgets
  44. - Featured Content
  45. - Plugins
  46. - Genesis eNews Extended
  47. - Jetpack
  48. - Skip Links
  49. - Site Header
  50. - Title Area
  51. - Widget Area
  52. - Site Navigation
  53. - Accessible Menu
  54. - Site Header Navigation
  55. - After Header Navigation
  56. - Footer Navigation
  57. - Content Area
  58. - Entries
  59. - Entry Meta
  60. - Pagination
  61. - Comments
  62. - Sidebars
  63. - Footer Widgets
  64. - Site Footer
  65. - Media Queries
  66. - Max-width: 1340px
  67. - Max-width: 1200px
  68. - Max-width: 1023px
  69. - Max-width: 860px
  70. - Print Styles
  71. */
  72.  
  73.  
  74. /* # HTML5 Reset
  75. ---------------------------------------------------------------------------------------------------- */
  76.  
  77. /* ## Baseline Normalize
  78. --------------------------------------------- */
  79. /* normalize.css v4.1.1 | MIT License | http://necolas.github.io/normalize.css/ */
  80.  
  81. html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
  82.  
  83. /* ## Box Sizing
  84. --------------------------------------------- */
  85.  
  86. html,
  87. input[type="search"]{
  88. -webkit-box-sizing: border-box;
  89. -moz-box-sizing: border-box;
  90. box-sizing: border-box;
  91. }
  92.  
  93. *,
  94. *:before,
  95. *:after {
  96. box-sizing: inherit;
  97. }
  98.  
  99.  
  100. /* ## Float Clearing
  101. --------------------------------------------- */
  102.  
  103. .author-box:before,
  104. .clearfix:before,
  105. .entry:before,
  106. .entry-content:before,
  107. .footer-widgets:before,
  108. .nav-primary:before,
  109. .nav-secondary:before,
  110. .pagination:before,
  111. .site-container:before,
  112. .site-footer:before,
  113. .site-header:before,
  114. .site-inner:before,
  115. .widget:before,
  116. .wrap:before {
  117. content: " ";
  118. display: table;
  119. }
  120.  
  121. .author-box:after,
  122. .clearfix:after,
  123. .entry:after,
  124. .entry-content:after,
  125. .footer-widgets:after,
  126. .nav-primary:after,
  127. .nav-secondary:after,
  128. .pagination:after,
  129. .site-container:after,
  130. .site-footer:after,
  131. .site-header:after,
  132. .site-inner:after,
  133. .widget:after,
  134. .wrap:after {
  135. clear: both;
  136. content: " ";
  137. display: table;
  138. }
  139.  
  140.  
  141. /* # Defaults
  142. ---------------------------------------------------------------------------------------------------- */
  143.  
  144. /* ## Typographical Elements
  145. --------------------------------------------- */
  146.  
  147. html {
  148. font-size: 62.5%; /* 10px browser default */
  149. }
  150.  
  151. /* Chrome fix */
  152. body > div {
  153. font-size: 2rem;
  154. }
  155.  
  156. body {
  157. background-color: #fff;
  158. color: #1c2321;
  159. font-family: 'museo-sans', sans-serif;
  160. font-size: 20px;
  161. font-size: 2rem;
  162. -webkit-font-smoothing: antialiased;
  163. font-weight: 300;
  164. line-height: 1.625;
  165. margin: 0;
  166. }
  167.  
  168. a,
  169. button,
  170. input:focus,
  171. input[type="button"],
  172. input[type="reset"],
  173. input[type="submit"],
  174. textarea:focus,
  175. .button,
  176. .gallery img {
  177. -webkit-transition: all 0.1s ease-in-out;
  178. -moz-transition: all 0.1s ease-in-out;
  179. -ms-transition: all 0.1s ease-in-out;
  180. -o-transition: all 0.1s ease-in-out;
  181. transition: all 0.1s ease-in-out;
  182. }
  183.  
  184. a {
  185. color: #c3251d;
  186. text-decoration: none;
  187. }
  188.  
  189. a:hover,
  190. a:focus {
  191. color: #333;
  192. text-decoration: none;
  193. }
  194.  
  195. p {
  196. margin: 0 0 28px;
  197. padding: 0;
  198. }
  199.  
  200. ol,
  201. ul {
  202. margin: 0;
  203. padding: 0;
  204. }
  205.  
  206. li {
  207. list-style-type: none;
  208. }
  209.  
  210. hr {
  211. border: 0;
  212. border-collapse: collapse;
  213. border-top: 1px solid #65737e;
  214. clear: both;
  215. margin: 1em 0;
  216. }
  217.  
  218. b,
  219. strong {
  220. font-weight: 700;
  221. }
  222.  
  223. blockquote,
  224. cite,
  225. em,
  226. i {
  227. font-style: italic;
  228. }
  229.  
  230. blockquote {
  231. margin: 40px;
  232. }
  233.  
  234. blockquote::before {
  235. content: "\201C";
  236. display: block;
  237. font-size: 30px;
  238. font-size: 3rem;
  239. height: 0;
  240. left: -20px;
  241. position: relative;
  242. top: -10px;
  243. }
  244.  
  245.  
  246. /* ## Headings
  247. --------------------------------------------- */
  248.  
  249. h1,
  250. h2,
  251. h3,
  252. h4,
  253. h5,
  254. h6 {
  255. font-family: 'museo-sans', sans-serif;
  256. font-weight: 500;
  257. line-height: 1.2;
  258. margin: 0 0 10px;
  259. }
  260.  
  261. h1 {
  262. font-size: 36px;
  263. font-size: 3.6rem;
  264. }
  265.  
  266. h2 {
  267. font-size: 30px;
  268. font-size: 3rem;
  269. }
  270.  
  271. h3 {
  272. font-size: 24px;
  273. font-size: 2.4rem;
  274. }
  275.  
  276. h4 {
  277. font-size: 20px;
  278. font-size: 2rem;
  279. }
  280.  
  281. h5 {
  282. font-size: 18px;
  283. font-size: 1.8rem;
  284. }
  285.  
  286. h6 {
  287. font-size: 16px;
  288. font-size: 1.6rem;
  289. }
  290.  
  291. /* ## Objects
  292. --------------------------------------------- */
  293.  
  294. embed,
  295. iframe,
  296. img,
  297. object,
  298. video,
  299. .wp-caption {
  300. max-width: 100%;
  301. }
  302.  
  303. img {
  304. height: auto;
  305. }
  306.  
  307. figure {
  308. margin: 0;
  309. }
  310.  
  311. /* ## Gallery
  312. --------------------------------------------- */
  313.  
  314. .gallery {
  315. overflow: hidden;
  316. }
  317.  
  318. .gallery-item {
  319. float: left;
  320. margin: 0 0 28px;
  321. text-align: center;
  322. }
  323.  
  324. .gallery-columns-1 .gallery-item {
  325. width: 100%;
  326. }
  327.  
  328. .gallery-columns-2 .gallery-item {
  329. width: 50%;
  330. }
  331.  
  332. .gallery-columns-3 .gallery-item {
  333. width: 33%;
  334. }
  335.  
  336. .gallery-columns-4 .gallery-item {
  337. width: 25%;
  338. }
  339.  
  340. .gallery-columns-5 .gallery-item {
  341. width: 20%;
  342. }
  343.  
  344. .gallery-columns-6 .gallery-item {
  345. width: 16.6666%;
  346. }
  347.  
  348. .gallery-columns-7 .gallery-item {
  349. width: 14.2857%;
  350. }
  351.  
  352. .gallery-columns-8 .gallery-item {
  353. width: 12.5%;
  354. }
  355.  
  356. .gallery-columns-9 .gallery-item {
  357. width: 11.1111%;
  358. }
  359.  
  360. .gallery-columns-2 .gallery-item:nth-child(2n+1),
  361. .gallery-columns-3 .gallery-item:nth-child(3n+1),
  362. .gallery-columns-4 .gallery-item:nth-child(4n+1),
  363. .gallery-columns-5 .gallery-item:nth-child(5n+1),
  364. .gallery-columns-6 .gallery-item:nth-child(6n+1),
  365. .gallery-columns-7 .gallery-item:nth-child(7n+1),
  366. .gallery-columns-8 .gallery-item:nth-child(8n+1),
  367. .gallery-columns-9 .gallery-item:nth-child(9n+1) {
  368. clear: left;
  369. }
  370.  
  371. .gallery img {
  372. border: 1px solid #65737e;
  373. height: auto;
  374. padding: 4px;
  375. }
  376.  
  377. .gallery img:hover,
  378. .gallery img:focus {
  379. border: 1px solid #65737e;
  380. }
  381.  
  382. /* ## Forms
  383. --------------------------------------------- */
  384.  
  385. input,
  386. select,
  387. textarea {
  388. background-color: #fff;
  389. border: 1px solid #65737e;
  390. color: #333;
  391. font-size: 18px;
  392. font-size: 1.8rem;
  393. font-weight: 400;
  394. padding: 16px;
  395. width: 100%;
  396. }
  397.  
  398. input:focus,
  399. textarea:focus {
  400. border: 1px solid #65737e;
  401. outline: none;
  402. }
  403.  
  404. input[type="checkbox"],
  405. input[type="image"],
  406. input[type="radio"] {
  407. width: auto;
  408. }
  409.  
  410. ::-moz-placeholder {
  411. color: #333;
  412. opacity: 1;
  413. }
  414.  
  415. ::-webkit-input-placeholder {
  416. color: #333;
  417. }
  418.  
  419. button,
  420. input[type="button"],
  421. input[type="reset"],
  422. input[type="submit"],
  423. .button {
  424. background-color: #333;
  425. border: 0;
  426. color: #fff;
  427. cursor: pointer;
  428. font-size: 16px;
  429. font-size: 1.6rem;
  430. font-weight: 700;
  431. padding: 16px 24px;
  432. text-decoration: none;
  433. white-space: normal;
  434. width: auto;
  435. }
  436.  
  437. button:hover,
  438. input:hover[type="button"],
  439. input:hover[type="reset"],
  440. input:hover[type="submit"],
  441. .button:hover,
  442. button:focus,
  443. input:focus[type="button"],
  444. input:focus[type="reset"],
  445. input:focus[type="submit"],
  446. .button:focus {
  447. background-color: #c3251d;
  448. color: #fff;
  449. }
  450.  
  451. .entry-content .button:hover,
  452. .entry-content .button:focus {
  453. color: #fff;
  454. }
  455.  
  456. .button {
  457. display: inline-block;
  458. }
  459.  
  460. a.button.small,
  461. button.small,
  462. input[type="button"].small,
  463. input[type="reset"].small,
  464. input[type="submit"].small {
  465. padding: 8px 16px;
  466. }
  467.  
  468. .site-container button:disabled,
  469. .site-container button:disabled:hover,
  470. .site-container input:disabled,
  471. .site-container input:disabled:hover,
  472. .site-container input[type="button"]:disabled,
  473. .site-container input[type="button"]:disabled:hover,
  474. .site-container input[type="reset"]:disabled,
  475. .site-container input[type="reset"]:disabled:hover,
  476. .site-container input[type="submit"]:disabled,
  477. .site-container input[type="submit"]:disabled:hover {
  478. background-color: #dee7e7;
  479. border-width: 0;
  480. color: #777;
  481. cursor: not-allowed;
  482. }
  483.  
  484. input[type="search"]::-webkit-search-cancel-button,
  485. input[type="search"]::-webkit-search-results-button {
  486. display: none;
  487. }
  488.  
  489. /* ## Tables
  490. --------------------------------------------- */
  491.  
  492. table {
  493. border-collapse: collapse;
  494. border-spacing: 0;
  495. line-height: 2;
  496. margin-bottom: 40px;
  497. width: 100%;
  498. word-break: break-word;
  499. }
  500.  
  501. tbody {
  502. border-bottom: 1px solid #65737e;
  503. }
  504.  
  505. td,
  506. th {
  507. text-align: left;
  508. }
  509.  
  510. td {
  511. border-top: 1px solid #65737e;
  512. padding: 6px;
  513. }
  514.  
  515. th {
  516. font-weight: 400;
  517. padding: 0 6px;
  518. }
  519.  
  520. td:first-child,
  521. th:first-child {
  522. padding-left: 0;
  523. }
  524.  
  525. /* ## Screen Reader Text
  526. --------------------------------------------- */
  527.  
  528. .screen-reader-text,
  529. .screen-reader-text span,
  530. .screen-reader-shortcut {
  531. position: absolute !important;
  532. clip: rect(0, 0, 0, 0);
  533. height: 1px;
  534. width: 1px;
  535. border: 0;
  536. overflow: hidden;
  537. }
  538.  
  539. .screen-reader-text:focus,
  540. .screen-reader-shortcut:focus,
  541. .genesis-nav-menu .search input[type="submit"]:focus,
  542. .widget_search input[type="submit"]:focus {
  543. clip: auto !important;
  544. height: auto;
  545. width: auto;
  546. display: block;
  547. font-size: 1em;
  548. font-weight: bold;
  549. padding: 15px 23px 14px;
  550. color: #333;
  551. background: #fff;
  552. z-index: 100000; /* Above WP toolbar. */
  553. text-decoration: none;
  554. box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
  555. }
  556.  
  557. .more-link {
  558. position: relative;
  559. }
  560.  
  561.  
  562. /* # Structure and Layout
  563. ---------------------------------------------------------------------------------------------------- */
  564.  
  565. /* ## Site Containers
  566. --------------------------------------------- */
  567.  
  568. .site-inner,
  569. .wrap {
  570. margin: 0 auto;
  571. max-width: 1280px;
  572. }
  573.  
  574. .site-inner {
  575. clear: both;
  576. padding-top: 40px;
  577. word-wrap: break-word;
  578. }
  579.  
  580. .landing-page .site-inner {
  581. max-width: 800px;
  582. }
  583.  
  584. /* ## Column Widths and Positions
  585. --------------------------------------------- */
  586.  
  587. /* ### Wrapping div for .content and .sidebar-primary */
  588.  
  589. .content-sidebar-sidebar .content-sidebar-wrap,
  590. .sidebar-content-sidebar .content-sidebar-wrap,
  591. .sidebar-sidebar-content .content-sidebar-wrap {
  592. width: 1060px;
  593. }
  594.  
  595. .content-sidebar-sidebar .content-sidebar-wrap {
  596. float: left;
  597. }
  598.  
  599. .sidebar-content-sidebar .content-sidebar-wrap,
  600. .sidebar-sidebar-content .content-sidebar-wrap {
  601. float: right;
  602. }
  603.  
  604. /* ### Content */
  605.  
  606. .content {
  607. float: right;
  608. width: 880px;
  609. }
  610.  
  611. .content-sidebar .content,
  612. .content-sidebar-sidebar .content,
  613. .sidebar-content-sidebar .content {
  614. float: left;
  615. }
  616.  
  617. .content-sidebar-sidebar .content,
  618. .sidebar-content-sidebar .content,
  619. .sidebar-sidebar-content .content {
  620. width: 660px;
  621. }
  622.  
  623. .full-width-content .content {
  624. width: 100%;
  625. }
  626.  
  627. /* ### Primary Sidebar */
  628.  
  629. .sidebar-primary {
  630. float: right;
  631. width: 360px;
  632. }
  633.  
  634. .sidebar-content .sidebar-primary,
  635. .sidebar-sidebar-content .sidebar-primary {
  636. float: left;
  637. }
  638.  
  639. /* ### Secondary Sidebar */
  640.  
  641. .sidebar-secondary {
  642. float: left;
  643. width: 180px;
  644. }
  645.  
  646. .content-sidebar-sidebar .sidebar-secondary {
  647. float: right;
  648. }
  649.  
  650. /* ## Column Classes
  651. --------------------------------------------- */
  652. /* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */
  653.  
  654. .five-sixths,
  655. .four-sixths,
  656. .one-fourth,
  657. .one-half,
  658. .one-sixth,
  659. .one-third,
  660. .three-fourths,
  661. .three-sixths,
  662. .two-fourths,
  663. .two-sixths,
  664. .two-thirds {
  665. float: left;
  666. margin-left: 2.564102564102564%;
  667. }
  668.  
  669. .one-half,
  670. .three-sixths,
  671. .two-fourths {
  672. width: 48.717948717948715%;
  673. }
  674.  
  675. .one-third,
  676. .two-sixths {
  677. width: 31.623931623931625%;
  678. }
  679.  
  680. .four-sixths,
  681. .two-thirds {
  682. width: 65.81196581196582%;
  683. }
  684.  
  685. .one-fourth {
  686. width: 23.076923076923077%;
  687. }
  688.  
  689. .three-fourths {
  690. width: 74.35897435897436%;
  691. }
  692.  
  693. .one-sixth {
  694. width: 14.52991452991453%;
  695. }
  696.  
  697. .five-sixths {
  698. width: 82.90598290598291%;
  699. }
  700.  
  701. .first {
  702. clear: both;
  703. margin-left: 0;
  704. }
  705.  
  706.  
  707. /* # Common Classes
  708. ---------------------------------------------------------------------------------------------------- */
  709.  
  710. /* ## Avatar
  711. --------------------------------------------- */
  712.  
  713. .avatar {
  714. border-radius: 50%;
  715. float: left;
  716. }
  717.  
  718. .author-box .avatar,
  719. .alignleft .avatar {
  720. margin-right: 24px;
  721. }
  722.  
  723. .alignright .avatar {
  724. margin-left: 24px;
  725. }
  726.  
  727. .comment .avatar {
  728. margin: 0 16px 24px 0;
  729. }
  730.  
  731. /* ## Genesis
  732. --------------------------------------------- */
  733.  
  734. .breadcrumb {
  735. background-color: #fff;
  736. font-size: 16px;
  737. font-size: 1.6rem;
  738. margin-bottom: 1px;
  739. padding: 12px 30px;
  740. }
  741.  
  742. .after-entry,
  743. .archive-description,
  744. .author-box {
  745. background-color: #fff;
  746. font-size: 18px;
  747. font-size: 1.8rem;
  748. margin-bottom: 40px;
  749. padding: 60px;
  750. }
  751.  
  752. .archive-description p:last-child,
  753. .author-box p:last-child {
  754. margin-bottom: 0;
  755. }
  756.  
  757. /* ## Search Form
  758. --------------------------------------------- */
  759.  
  760. .search-form {
  761. overflow: hidden;
  762. }
  763.  
  764. .entry-content .search-form,
  765. .site-header .search-form {
  766. margin-bottom: 40px;
  767. width: 50%;
  768. }
  769.  
  770. .site-header .search-form {
  771. float: right;
  772. margin: 12px auto 0;
  773. }
  774.  
  775. .post-password-form input[type="submit"],
  776. .search-form input[type="submit"] {
  777. margin-top: 10px;
  778. }
  779.  
  780. .genesis-nav-menu .search input[type="submit"],
  781. .widget_search input[type="submit"] {
  782. border: 0;
  783. clip: rect(0, 0, 0, 0);
  784. height: 1px;
  785. margin: -1px;
  786. padding: 0;
  787. position: absolute;
  788. width: 1px;
  789. }
  790.  
  791. /* ## Titles
  792. --------------------------------------------- */
  793.  
  794. .archive-description .entry-title,
  795. .archive-title,
  796. .author-box-title {
  797. font-size: 20px;
  798. font-size: 2rem;
  799. }
  800.  
  801. .entry-title {
  802. font-size: 36px;
  803. font-size: 3.6rem;
  804. }
  805.  
  806. .entry-title a,
  807. .sidebar .widget-title a {
  808. color: #333;
  809. text-decoration: none;
  810. }
  811.  
  812. .entry-title a:hover,
  813. .entry-title a:focus {
  814. color: #c3251d;
  815. }
  816.  
  817. .widget-title {
  818. font-size: 18px;
  819. font-size: 1.8rem;
  820. margin-bottom: 20px;
  821. }
  822.  
  823. /* ## WordPress
  824. --------------------------------------------- */
  825.  
  826. a.aligncenter img {
  827. display: block;
  828. margin: 0 auto;
  829. }
  830.  
  831. a.alignnone {
  832. display: inline-block;
  833. }
  834.  
  835. .alignleft {
  836. float: left;
  837. text-align: left;
  838. }
  839.  
  840. .alignright {
  841. float: right;
  842. text-align: right;
  843. }
  844.  
  845. a.alignleft,
  846. a.alignnone,
  847. a.alignright {
  848. max-width: 100%;
  849. }
  850.  
  851. img.centered,
  852. .aligncenter {
  853. display: block;
  854. margin: 0 auto 24px;
  855. }
  856.  
  857. img.alignnone,
  858. .alignnone {
  859. margin-bottom: 12px;
  860. }
  861.  
  862. a.alignleft,
  863. img.alignleft,
  864. .wp-caption.alignleft {
  865. margin: 0 24px 24px 0;
  866. }
  867.  
  868. a.alignright,
  869. img.alignright,
  870. .wp-caption.alignright {
  871. margin: 0 0 24px 24px;
  872. }
  873.  
  874. .wp-caption-text {
  875. font-size: 14px;
  876. font-size: 1.4rem;
  877. font-weight: 600;
  878. margin: 0;
  879. text-align: center;
  880. }
  881.  
  882. .entry-content p.wp-caption-text {
  883. margin-bottom: 0;
  884. }
  885.  
  886. .entry-content .wp-audio-shortcode,
  887. .entry-content .wp-playlist,
  888. .entry-content .wp-video {
  889. margin: 0 0 28px;
  890. }
  891.  
  892.  
  893. /* # Widgets
  894. ---------------------------------------------------------------------------------------------------- */
  895.  
  896. .widget {
  897. margin-bottom: 40px;
  898. word-wrap: break-word;
  899. }
  900.  
  901. .widget p:last-child,
  902. .widget ul > li:last-of-type,
  903. .widget-area .widget:last-of-type {
  904. margin-bottom: 0;
  905. }
  906.  
  907. .widget ul > li {
  908. margin-bottom: 10px;
  909. padding-bottom: 10px;
  910. }
  911.  
  912. .widget ul > li:last-of-type {
  913. padding-bottom: 0;
  914. }
  915.  
  916. .widget ol > li {
  917. list-style-position: inside;
  918. list-style-type: decimal;
  919. padding-left: 20px;
  920. text-indent: -20px;
  921. }
  922.  
  923. .widget li li {
  924. border: 0;
  925. margin: 0 0 0 30px;
  926. padding: 0;
  927. }
  928.  
  929. .widget_calendar table {
  930. width: 100%;
  931. }
  932.  
  933. .widget_calendar td,
  934. .widget_calendar th {
  935. text-align: center;
  936. }
  937.  
  938. /* ## Featured Content
  939. --------------------------------------------- */
  940.  
  941. .featured-content .entry {
  942. background: none;
  943. padding: 0;
  944. }
  945.  
  946. .featured-content .entry:last-of-type {
  947. margin-bottom: 0;
  948. }
  949.  
  950. .featured-content .entry-title {
  951. font-size: 20px;
  952. font-size: 2rem;
  953. }
  954.  
  955.  
  956. /* # Plugins
  957. ---------------------------------------------------------------------------------------------------- */
  958.  
  959. /* ## Genesis eNews Extended
  960. --------------------------------------------- */
  961.  
  962. .sidebar .enews-widget,
  963. .sidebar .enews-widget .widget-title {
  964. color: #fff;
  965. }
  966.  
  967. .sidebar .widget.enews-widget {
  968. background-color: #333;
  969. }
  970.  
  971. .sidebar .enews-widget input,
  972. .sidebar .enews-widget input:focus {
  973. border: 1px solid #333;
  974. }
  975.  
  976. .sidebar .enews-widget input[type="submit"] {
  977. background-color: #c3251d;
  978. color: #fff;
  979. }
  980.  
  981. .sidebar .enews-widget input:hover[type="submit"],
  982. .sidebar .enews-widget input:focus[type="submit"] {
  983. background-color: #fff;
  984. color: #333;
  985. }
  986.  
  987. .enews-widget input {
  988. font-size: 16px;
  989. font-size: 1.6rem;
  990. margin-bottom: 16px;
  991. }
  992.  
  993. .enews-widget input[type="submit"] {
  994. margin: 0;
  995. width: 100%;
  996. }
  997.  
  998. .enews form + p {
  999. margin-top: 24px;
  1000. }
  1001.  
  1002. /* ## Jetpack
  1003. --------------------------------------------- */
  1004.  
  1005. #wpstats {
  1006. display: none;
  1007. }
  1008.  
  1009.  
  1010. /* # Skip Links
  1011. ---------------------------------------------------------------------------------------------------- */
  1012.  
  1013. .genesis-skip-link {
  1014. margin: 0;
  1015. }
  1016.  
  1017. .genesis-skip-link li {
  1018. height: 0;
  1019. width: 0;
  1020. list-style: none;
  1021. }
  1022.  
  1023. /* Display outline on focus */
  1024. :focus {
  1025. color: #333;
  1026. outline: #ccc solid 1px;
  1027. }
  1028.  
  1029.  
  1030. /* # Site Header
  1031. ---------------------------------------------------------------------------------------------------- */
  1032.  
  1033. .site-header {
  1034. background-color: #343d46;
  1035. }
  1036.  
  1037. .site-header > .wrap {
  1038. padding: 20px 0 0;
  1039. }
  1040.  
  1041. /* ## Title Area
  1042. --------------------------------------------- */
  1043.  
  1044. .title-area {
  1045. float: left;
  1046. padding: 10px 0;
  1047. width: 300px;
  1048. }
  1049.  
  1050. .header-image .title-area {
  1051. margin: 0 auto;
  1052. max-width: 300px;
  1053. padding: 0;
  1054. }
  1055.  
  1056. .header-full-width .title-area {
  1057. float: none;
  1058. width: 100%;
  1059. }
  1060.  
  1061. .site-title {
  1062. font-size: 30px;
  1063. font-size: 3rem;
  1064. font-weight: 700;
  1065. line-height: 1.2;
  1066. }
  1067.  
  1068. .site-title a,
  1069. .site-title a:hover,
  1070. .site-title a:focus {
  1071. color: #fff;
  1072. text-decoration: none;
  1073. }
  1074.  
  1075. .header-image .site-title > a {
  1076. background-position: center !important;
  1077. background-size: contain !important;
  1078. float: left;
  1079. min-height: 80px;
  1080. width: 100%;
  1081. }
  1082.  
  1083. .site-description {
  1084. font-size: 16px;
  1085. font-size: 1.6rem;
  1086. font-weight: 400;
  1087. line-height: 1.5;
  1088. }
  1089.  
  1090. .site-description,
  1091. .site-title {
  1092. margin-bottom: 0;
  1093. color: #fff;
  1094. }
  1095.  
  1096. .header-image .site-description,
  1097. .header-image .site-title {
  1098. display: block;
  1099. text-indent: -9999px;
  1100. }
  1101.  
  1102. /* ## Widget Area
  1103. --------------------------------------------- */
  1104.  
  1105. .site-header .widget-area {
  1106. float: right;
  1107. text-align: right;
  1108. width: 800px;
  1109. }
  1110.  
  1111.  
  1112. /* # Site Navigation
  1113. ---------------------------------------------------------------------------------------------------- */
  1114.  
  1115. .genesis-nav-menu {
  1116. clear: both;
  1117. font-size: 16px;
  1118. font-size: 1.6rem;
  1119. font-weight: 400;
  1120. line-height: 1;
  1121. width: 100%;
  1122. }
  1123.  
  1124. .genesis-nav-menu .menu-item {
  1125. display: inline-block;
  1126. margin-bottom: 0;
  1127. padding-bottom: 0;
  1128. text-align: left;
  1129. }
  1130.  
  1131. .genesis-nav-menu a {
  1132. color: #333;
  1133. text-decoration: none;
  1134. display: block;
  1135. padding: 32px 20px;
  1136. }
  1137.  
  1138. .genesis-nav-menu a:hover,
  1139. .genesis-nav-menu a:focus,
  1140. .genesis-nav-menu .current-menu-item > a,
  1141. .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
  1142. .genesis-nav-menu .sub-menu .current-menu-item > a:focus {
  1143. color: #c3251d;
  1144. text-decoration: underline;
  1145. }
  1146.  
  1147. .genesis-nav-menu .sub-menu {
  1148. border-top: 1px solid #65737e;
  1149. left: -9999px;
  1150. opacity: 0;
  1151. position: absolute;
  1152. -webkit-transition: opacity .4s ease-in-out;
  1153. -moz-transition: opacity .4s ease-in-out;
  1154. -ms-transition: opacity .4s ease-in-out;
  1155. -o-transition: opacity .4s ease-in-out;
  1156. transition: opacity .4s ease-in-out;
  1157. width: 200px;
  1158. z-index: 99;
  1159. }
  1160.  
  1161. .genesis-nav-menu .sub-menu a {
  1162. background-color: #fff;
  1163. border: 1px solid #65737e;
  1164. border-top: 0;
  1165. font-size: 14px;
  1166. font-size: 1.4rem;
  1167. padding: 20px;
  1168. position: relative;
  1169. width: 200px;
  1170. word-wrap: break-word;
  1171. }
  1172.  
  1173. .genesis-nav-menu .sub-menu .sub-menu {
  1174. margin: -56px 0 0 199px;
  1175. }
  1176.  
  1177. .genesis-nav-menu .menu-item:hover {
  1178. position: static;
  1179. }
  1180.  
  1181. .genesis-nav-menu .menu-item:hover > .sub-menu {
  1182. left: auto;
  1183. opacity: 1;
  1184. }
  1185.  
  1186. .genesis-nav-menu > .first > a {
  1187. padding-left: 0;
  1188. }
  1189.  
  1190. .genesis-nav-menu > .last > a {
  1191. padding-right: 0;
  1192. }
  1193.  
  1194. .genesis-nav-menu > .right {
  1195. float: right;
  1196. }
  1197.  
  1198. /* ## Accessible Menu
  1199. --------------------------------------------- */
  1200.  
  1201. .menu .menu-item:focus {
  1202. position: static;
  1203. }
  1204.  
  1205. .menu .menu-item > a:focus + ul.sub-menu,
  1206. .menu .menu-item.sfHover > ul.sub-menu {
  1207. left: auto;
  1208. opacity: 1;
  1209. }
  1210.  
  1211. .sub-menu-toggle,
  1212. .menu-toggle {
  1213. display: none;
  1214. visibility: hidden;
  1215. }
  1216.  
  1217. /* ## Site Header Navigation
  1218. --------------------------------------------- */
  1219.  
  1220. .site-header .genesis-nav-menu li li {
  1221. margin-left: 0;
  1222. }
  1223.  
  1224. /* ## After Header Navigation
  1225. --------------------------------------------- */
  1226.  
  1227. .nav-primary .genesis-nav-menu {
  1228. clear: none;
  1229. width: auto;
  1230. float: right;
  1231. }
  1232.  
  1233. .nav-primary .genesis-nav-menu a {
  1234. color: #fff;
  1235.  
  1236. }
  1237.  
  1238. .nav-primary .genesis-nav-menu a:hover,
  1239. .nav-primary .genesis-nav-menu a:focus,
  1240. .nav-primary .genesis-nav-menu .current-menu-item > a,
  1241. .nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
  1242. .nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a:focus {
  1243. color: #bf616a;
  1244. opacity: 1;
  1245. text-decoration: none;
  1246. border-bottom: 2px solid #bf616a;
  1247. }
  1248.  
  1249. .nav-header .genesis-nav-menu a {
  1250. color: #fff;
  1251. }
  1252.  
  1253. .nav-header .genesis-nav-menu a:hover {
  1254. color: #fff;
  1255. text-decoration: none;
  1256. opacity: .5;
  1257. }
  1258.  
  1259. .nav-header .genesis-nav-menu a:hover,
  1260. .nav-header .genesis-nav-menu a:focus,
  1261. .nav-header .genesis-nav-menu .current-menu-item > a,
  1262. .nav-header .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
  1263. .nav-header .genesis-nav-menu .sub-menu .current-menu-item > a:focus {
  1264. color: #fff;
  1265. opacity: .5;
  1266. }
  1267.  
  1268.  
  1269. /* ## Footer Navigation
  1270. --------------------------------------------- */
  1271.  
  1272. .site-footer .genesis-nav-menu {
  1273. padding-bottom: 20px;
  1274. }
  1275.  
  1276. .site-footer .genesis-nav-menu a {
  1277. padding: 0 20px 10px;
  1278. }
  1279.  
  1280. .nav-secondary {
  1281. display: -webkit-box;
  1282. background: #96b5b4;
  1283. }
  1284.  
  1285. .nav-secondary .genesis-nav-menu {
  1286. font-size: 14px;
  1287. font-size: 1.4rem;
  1288. font-weight: 400;
  1289. text-transform: none;
  1290. padding-bottom: 10px;
  1291. }
  1292.  
  1293. .nav-secondary .genesis-nav-menu a {
  1294. font-weight: 300;
  1295. padding: 20px 20px 10px;
  1296. }
  1297.  
  1298.  
  1299. .nav-secondary .genesis-nav-menu a:hover {
  1300. text-decoration: none;
  1301. }
  1302.  
  1303.  
  1304. /* # Content Area
  1305. ---------------------------------------------------------------------------------------------------- */
  1306.  
  1307. /* ## Entries
  1308. --------------------------------------------- */
  1309.  
  1310. .entry {
  1311. /*background: #eee;*/ /* For browsers that do not support gradients */
  1312. /*background: -webkit-linear-gradient(#fff, #eee);*/ /* For Safari 5.1 to 6.0 */
  1313. /*background: -o-linear-gradient(#fff, #eee);*/ For Opera 11.1 to 12.0
  1314. /*background: -moz-linear-gradient(#fff, #eee);*/ /* For Firefox 3.6 to 15 */
  1315. /*background: linear-gradient(#fff, #eee);*/ /* Standard syntax */
  1316. margin-bottom: 40px;
  1317. padding: 70px 80px;
  1318. border-radius: 4px;
  1319. }
  1320.  
  1321. .entry-content ol,
  1322. .entry-content ul {
  1323. margin-bottom: 28px;
  1324. margin-left: 40px;
  1325. }
  1326.  
  1327. .entry-content ol > li {
  1328. list-style-type: decimal;
  1329. }
  1330.  
  1331. .entry-content ul > li {
  1332. list-style-type: disc;
  1333. }
  1334.  
  1335. .entry-content ol ol,
  1336. .entry-content ul ul {
  1337. margin-bottom: 0;
  1338. }
  1339.  
  1340. .entry-content code {
  1341. background-color: #333;
  1342. color: #dee7e7;
  1343. }
  1344.  
  1345. /* ## Entry Meta
  1346. --------------------------------------------- */
  1347.  
  1348. p.entry-meta {
  1349. font-size: 16px;
  1350. font-size: 1.6rem;
  1351. font-weight: 300;
  1352. margin-bottom: 0;
  1353. }
  1354.  
  1355. .entry-header .entry-meta {
  1356. margin-bottom: 24px;
  1357. }
  1358.  
  1359. .entry-footer .entry-meta {
  1360. border-top: 1px solid #fff;
  1361. padding-top: 24px;
  1362. }
  1363.  
  1364. .entry-categories,
  1365. .entry-tags {
  1366. display: block;
  1367. }
  1368.  
  1369. .entry-comments-link::before {
  1370. content: "\2014";
  1371. margin: 0 6px 0 2px;
  1372. }
  1373.  
  1374. /* ## Pagination
  1375. --------------------------------------------- */
  1376.  
  1377. .pagination {
  1378. clear: both;
  1379. margin: 40px 0;
  1380. }
  1381.  
  1382. .adjacent-entry-pagination {
  1383. margin-bottom: 0;
  1384. }
  1385.  
  1386. .archive-pagination li {
  1387. display: inline;
  1388. }
  1389.  
  1390. .archive-pagination a {
  1391. background-color: #fff;
  1392. color: #333;
  1393. cursor: pointer;
  1394. display: inline-block;
  1395. font-size: 16px;
  1396. font-size: 1.6rem;
  1397. font-weight: 600;
  1398. padding: 8px 12px;
  1399. text-decoration: none;
  1400. }
  1401.  
  1402. .archive-pagination a:hover,
  1403. .archive-pagination a:focus,
  1404. .archive-pagination .active a {
  1405. background-color: #c3251d;
  1406. color: #fff;
  1407. }
  1408.  
  1409. /* ## Comments
  1410. --------------------------------------------- */
  1411.  
  1412. .comment-respond,
  1413. .entry-comments,
  1414. .entry-pings {
  1415. background-color: #fff;
  1416. font-size: 16px;
  1417. font-size: 1.6rem;
  1418. margin-bottom: 40px;
  1419. }
  1420.  
  1421. .comment-respond,
  1422. .entry-pings {
  1423. padding: 60px 60px 32px;
  1424. }
  1425.  
  1426. .entry-comments {
  1427. padding: 60px;
  1428. }
  1429.  
  1430. .comment-list li {
  1431. padding: 40px 0 0 30px;
  1432. }
  1433.  
  1434. .comment-list .depth-1 {
  1435. padding-left: 0;
  1436. }
  1437.  
  1438. .comment-header {
  1439. margin-bottom: 30px;
  1440. }
  1441.  
  1442. .comment-content {
  1443. clear: both;
  1444. }
  1445.  
  1446. .comment-content ul > li {
  1447. list-style-type: disc;
  1448. }
  1449.  
  1450. .comment-respond input[type="email"],
  1451. .comment-respond input[type="text"],
  1452. .comment-respond input[type="url"] {
  1453. width: 50%;
  1454. }
  1455.  
  1456. .comment-respond label {
  1457. display: block;
  1458. margin-right: 12px;
  1459. }
  1460.  
  1461. .comment-header p {
  1462. margin-bottom: 0;
  1463. }
  1464.  
  1465. .entry-pings .reply {
  1466. display: none;
  1467. }
  1468.  
  1469.  
  1470. /* # Sidebars
  1471. ---------------------------------------------------------------------------------------------------- */
  1472.  
  1473. .sidebar {
  1474. font-size: 16px;
  1475. font-size: 1.6rem;
  1476. margin-bottom: 40px;
  1477. }
  1478.  
  1479. .sidebar .widget {
  1480. background-color: #fff;
  1481. padding: 40px;
  1482. }
  1483.  
  1484.  
  1485. /* # Footer Widgets
  1486. ---------------------------------------------------------------------------------------------------- */
  1487.  
  1488. .footer-widgets {
  1489. background-color: #fff;
  1490. font-size: 18px;
  1491. font-size: 1.8rem;
  1492. clear: both;
  1493. padding: 60px 0;
  1494. }
  1495.  
  1496. .footer-widgets-1,
  1497. .footer-widgets-2,
  1498. .footer-widgets-3 {
  1499. width: 380px;
  1500. }
  1501.  
  1502. .footer-widgets-1 {
  1503. margin-right: 70px;
  1504. }
  1505.  
  1506. .footer-widgets-1,
  1507. .footer-widgets-2 {
  1508. float: left;
  1509. }
  1510.  
  1511. .footer-widgets-3 {
  1512. float: right;
  1513. }
  1514.  
  1515.  
  1516. /* # Site Footer
  1517. ---------------------------------------------------------------------------------------------------- */
  1518.  
  1519. .site-footer {
  1520. color: #dee7e7;
  1521. background-color: #343d46;
  1522. font-size: 14px;
  1523. font-size: 1.4rem;
  1524. line-height: 1;
  1525. padding: 40px 0;
  1526. text-align: center;
  1527. /* text-transform: uppercase; */
  1528. }
  1529.  
  1530. .site-footer p {
  1531. margin-bottom: 0;
  1532. }
  1533.  
  1534. .site-footer a {
  1535. color: #dee7e7;
  1536. text-decoration: underline;
  1537. }
  1538.  
  1539. .site-footer a:hover {
  1540. color: #bf616a;
  1541. }
  1542.  
  1543.  
  1544. /* # Media Queries
  1545. ---------------------------------------------------------------------------------------------------- */
  1546.  
  1547. @media only screen and (max-width: 1340px) {
  1548.  
  1549. .site-inner,
  1550. .wrap {
  1551. max-width: 1140px;
  1552. }
  1553.  
  1554. .content-sidebar-sidebar .content-sidebar-wrap,
  1555. .sidebar-content-sidebar .content-sidebar-wrap,
  1556. .sidebar-sidebar-content .content-sidebar-wrap {
  1557. width: 920px;
  1558. }
  1559.  
  1560. .content,
  1561. .site-header .widget-area {
  1562. width: 800px;
  1563. }
  1564.  
  1565. .sidebar-content-sidebar .content,
  1566. .sidebar-sidebar-content .content,
  1567. .content-sidebar-sidebar .content {
  1568. width: 580px;
  1569. }
  1570.  
  1571. .sidebar-primary {
  1572. width: 300px;
  1573. }
  1574.  
  1575. .footer-widgets-1,
  1576. .footer-widgets-2,
  1577. .footer-widgets-3 {
  1578. width: 340px;
  1579. }
  1580.  
  1581. .footer-widgets-1 {
  1582. margin-right: 60px;
  1583. }
  1584.  
  1585. }
  1586.  
  1587.  
  1588. @media only screen and (max-width: 1200px) {
  1589.  
  1590. .site-inner,
  1591. .wrap {
  1592. max-width: 960px;
  1593. }
  1594.  
  1595. .content-sidebar-sidebar .content-sidebar-wrap,
  1596. .sidebar-content-sidebar .content-sidebar-wrap,
  1597. .sidebar-sidebar-content .content-sidebar-wrap {
  1598. width: 740px;
  1599. }
  1600.  
  1601. .content,
  1602. .site-header .widget-area {
  1603. width: 620px;
  1604. }
  1605.  
  1606. .sidebar-content-sidebar .content,
  1607. .sidebar-sidebar-content .content,
  1608. .content-sidebar-sidebar .content {
  1609. width: 400px;
  1610. }
  1611.  
  1612. .footer-widgets-1,
  1613. .footer-widgets-2,
  1614. .footer-widgets-3 {
  1615. width: 300px;
  1616. }
  1617.  
  1618. .footer-widgets-1 {
  1619. margin-right: 30px;
  1620. }
  1621.  
  1622. }
  1623.  
  1624. @media only screen and (max-width: 1023px) {
  1625.  
  1626. .site-inner,
  1627. .wrap {
  1628. max-width: 800px;
  1629. }
  1630.  
  1631. .content,
  1632. .content-sidebar-sidebar .content,
  1633. .content-sidebar-sidebar .content-sidebar-wrap,
  1634. .footer-widgets-1,
  1635. .footer-widgets-2,
  1636. .footer-widgets-3,
  1637. .js .genesis-nav-menu .sub-menu a,
  1638. .js .genesis-nav-menu .sub-menu,
  1639. .sidebar-content-sidebar .content,
  1640. .sidebar-content-sidebar .content-sidebar-wrap,
  1641. .sidebar-primary,
  1642. .sidebar-secondary,
  1643. .sidebar-sidebar-content .content,
  1644. .sidebar-sidebar-content .content-sidebar-wrap,
  1645. .site-header .widget-area/*,
  1646. .title-area*/ {
  1647. width: 100%;
  1648. }
  1649.  
  1650. /* .site-header .wrap {
  1651. padding-left: 5%;
  1652. padding-right: 5%;
  1653. } */
  1654.  
  1655. .genesis-nav-menu li,
  1656. .header-image .title-area,
  1657. .site-header ul.genesis-nav-menu,
  1658. .site-header .search-form {
  1659. float: none;
  1660. }
  1661.  
  1662. .genesis-nav-menu,
  1663. .site-description,
  1664. .site-header .title-area,
  1665. .site-header .widget-area,
  1666. .site-title {
  1667. text-align: center;
  1668. }
  1669.  
  1670. .site-header .search-form {
  1671. margin: 16px auto;
  1672. }
  1673.  
  1674. .js nav.nav-primary,
  1675. .js .site-header nav {
  1676. display: none;
  1677. position: relative;
  1678. clear: both;
  1679. }
  1680.  
  1681. .js .site-header nav .wrap {
  1682. padding: 0;
  1683. }
  1684.  
  1685. .js nav.pagination {
  1686. display: block;
  1687. }
  1688.  
  1689. .menu-toggle,
  1690. .sub-menu-toggle {
  1691. border-width: 0;
  1692. color: #fff;
  1693. background-color: #343d46;
  1694. display: block;
  1695. /* margin: 0 auto; */
  1696. float: right;
  1697. overflow: hidden;
  1698. text-align: center;
  1699. visibility: visible;
  1700. }
  1701.  
  1702. .sub-menu-toggle:hover,
  1703. .sub-menu-toggle:focus {
  1704. border-width: 0;
  1705. }
  1706.  
  1707. .menu-toggle {
  1708. border-top: 1px solid #65737e;
  1709. line-height: 20px;
  1710. position: relative;
  1711. right: 0;
  1712. z-index: 1000;
  1713. /* width: 100%; */
  1714. }
  1715.  
  1716. .site-header .menu-toggle {
  1717. border: 0;
  1718. }
  1719.  
  1720. .menu-toggle:before,
  1721. .menu-toggle.activated:before {
  1722. margin-right: 10px;
  1723. text-rendering: auto;
  1724. -webkit-transform: translate(0, 0);
  1725. -ms-transform: translate(0, 0);
  1726. transform: translate(0, 0);
  1727. }
  1728.  
  1729. .sub-menu-toggle {
  1730. float: right;
  1731. padding: 10px;
  1732. position: absolute;
  1733. right: 0;
  1734. top: 0;
  1735. z-index: 100;
  1736. }
  1737.  
  1738. .sub-menu-toggle:before {
  1739. display: inline-block;
  1740. text-rendering: auto;
  1741. -webkit-transform: translate(0, 0);
  1742. -ms-transform: translate(0, 0);
  1743. transform: translate(0, 0);
  1744. }
  1745.  
  1746. .sub-menu-toggle.activated:before {
  1747. content: "\f142";
  1748. }
  1749.  
  1750. .js .nav-primary .genesis-nav-menu .menu-item,
  1751. .js .site-header .genesis-nav-menu .menu-item {
  1752. display: block;
  1753. float: none;
  1754. margin: 1px 0;
  1755. position: relative;
  1756. text-align: left;
  1757. }
  1758.  
  1759. .js .genesis-nav-menu .menu-item:hover {
  1760. position: relative;
  1761. }
  1762.  
  1763. .js .nav-primary .genesis-nav-menu .menu-item a,
  1764. .js .site-header .genesis-nav-menu .menu-item a {
  1765. border: none;
  1766. padding: 12px 0;
  1767. width: 100%;
  1768. }
  1769.  
  1770. .js .genesis-nav-menu .sub-menu {
  1771. border: none;
  1772. }
  1773.  
  1774. .js .genesis-nav-menu .menu-item > a:focus ul.sub-menu,
  1775. .js .genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu {
  1776. left: 0;
  1777. margin-left: 0;
  1778. }
  1779.  
  1780. .js .genesis-nav-menu > .menu-item-has-children > a:after {
  1781. content: none;
  1782. }
  1783.  
  1784. .js .genesis-nav-menu .sub-menu {
  1785. clear: both;
  1786. display: none;
  1787. margin: 0;
  1788. opacity: 1;
  1789. padding-left: 15px;
  1790. position: static;
  1791. width: 100%;
  1792. }
  1793.  
  1794. .js .genesis-nav-menu .sub-menu .sub-menu {
  1795. margin: 0;
  1796. }
  1797.  
  1798. .js nav button:hover,
  1799. .js .menu-toggle:hover,
  1800. .js .nav-primary {
  1801. background-color: #343d46;
  1802. color: #fff;
  1803. }
  1804.  
  1805. .js nav button:focus,
  1806. .js .menu-toggle:focus {
  1807. background-color: #343d46;
  1808. color: #fff;
  1809. }
  1810.  
  1811. .footer-widgets-1,
  1812. .footer-widgets-2 {
  1813. margin: 0 auto 40px;
  1814. }
  1815.  
  1816. }
  1817.  
  1818. @media only screen and (max-width: 860px) {
  1819.  
  1820. body > div {
  1821. font-size: 1.8rem;
  1822. }
  1823.  
  1824. body {
  1825. font-size: 18px;
  1826. font-size: 1.8rem;
  1827. }
  1828.  
  1829. .site-inner {
  1830. padding: 5% 5% 0;
  1831. }
  1832.  
  1833. .wrap {
  1834. padding-left: 5%;
  1835. padding-right: 5%;
  1836. }
  1837.  
  1838. .after-entry,
  1839. .archive-description,
  1840. .author-box,
  1841. .comment-respond,
  1842. .entry,
  1843. .entry-comments,
  1844. .entry-pings,
  1845. .sidebar .widget {
  1846. padding: 30px;
  1847. margin-bottom: 5%;
  1848. }
  1849.  
  1850. .sidebar {
  1851. margin-bottom: 5%;
  1852. }
  1853.  
  1854. .pagination {
  1855. margin: 5% auto;
  1856. }
  1857.  
  1858. .archive-pagination li a {
  1859. margin-bottom: 4px;
  1860. }
  1861.  
  1862. .five-sixths,
  1863. .four-sixths,
  1864. .one-fourth,
  1865. .one-half,
  1866. .one-sixth,
  1867. .one-third,
  1868. .three-fourths,
  1869. .three-sixths,
  1870. .two-fourths,
  1871. .two-sixths,
  1872. .two-thirds {
  1873. margin: 0;
  1874. width: 100%;
  1875. }
  1876.  
  1877. }
  1878.  
  1879.  
  1880. /* # Print Styles
  1881. ---------------------------------------------------------------------------------------------------- */
  1882.  
  1883. @media print {
  1884.  
  1885. *,
  1886. *:before,
  1887. *:after {
  1888. background: transparent !important;
  1889. box-shadow: none !important;
  1890. color: #000 !important;
  1891. text-shadow: none !important;
  1892. }
  1893.  
  1894. a,
  1895. a:visited {
  1896. text-decoration: underline;
  1897. }
  1898.  
  1899. a[href]:after {
  1900. content: " (" attr(href) ")";
  1901. }
  1902.  
  1903. abbr[title]:after {
  1904. content: " (" attr(title) ")";
  1905. }
  1906.  
  1907. a[href^="javascript:"]:after,
  1908. a[href^="#"]:after,
  1909. .site-title > a:after {
  1910. content: "";
  1911. }
  1912.  
  1913. thead {
  1914. display: table-header-group;
  1915. }
  1916.  
  1917. img,
  1918. tr {
  1919. page-break-inside: avoid;
  1920. }
  1921.  
  1922. img {
  1923. max-width: 100% !important;
  1924. }
  1925.  
  1926. @page {
  1927. margin: 2cm 0.5cm;
  1928. }
  1929.  
  1930. p,
  1931. h2,
  1932. h3 {
  1933. orphans: 3;
  1934. widows: 3;
  1935. }
  1936.  
  1937. blockquote,
  1938. pre {
  1939. border: 1px solid #65737e;
  1940. page-break-inside: avoid;
  1941. }
  1942.  
  1943. .content,
  1944. .content-sidebar {
  1945. width: 100%;
  1946. }
  1947.  
  1948. button,
  1949. input,
  1950. select,
  1951. textarea,
  1952. .breadcrumb,
  1953. .comment-edit-link,
  1954. .comment-form,
  1955. .comment-list .reply a,
  1956. .comment-reply-title,
  1957. .edit-link,
  1958. .entry-comments-link,
  1959. .entry-footer,
  1960. .genesis-box,
  1961. .header-widget-area,
  1962. .hidden-print,
  1963. .home-top,
  1964. .nav-primary,
  1965. .nav-secondary,
  1966. .post-edit-link,
  1967. .sidebar {
  1968. display: none !important;
  1969. }
  1970.  
  1971. .title-area {
  1972. text-align: center;
  1973. width: 100%;
  1974. }
  1975.  
  1976. .site-title > a {
  1977. margin: 0;
  1978. text-decoration: none;
  1979. text-indent: 0;
  1980. }
  1981.  
  1982. .site-inner {
  1983. padding-top: 0;
  1984. position: relative;
  1985. top: -100px;
  1986. }
  1987.  
  1988. .author-box {
  1989. margin-bottom: 0;
  1990. }
  1991.  
  1992. h1,
  1993. h2,
  1994. h3,
  1995. h4,
  1996. h5,
  1997. h6 {
  1998. orphans: 3;
  1999. page-break-after: avoid;
  2000. page-break-inside: avoid;
  2001. widows: 3;
  2002. }
  2003.  
  2004.  
  2005. img {
  2006. page-break-after: avoid;
  2007. page-break-inside: avoid;
  2008. }
  2009.  
  2010. blockquote,
  2011. pre,
  2012. table {
  2013. page-break-inside: avoid;
  2014. }
  2015.  
  2016. dl,
  2017. ol,
  2018. ul {
  2019. page-break-before: avoid;
  2020. }
  2021.  
  2022. }
  2023.  
  2024. /* # Social icons in footer menu
  2025. ---------------------------------------------------------------------------------------------------- */
  2026. .twitter a span:before,
  2027. .facebook a span:before,
  2028. .youtube a span:before,
  2029. .github a span:before {
  2030. font-family: FontAwesome;
  2031. font-style: normal;
  2032. font-weight: normal;
  2033. text-decoration: inherit; /*--adjust as necessary--*/
  2034. font-size: 18px;
  2035. padding-right: 0.5em;
  2036. position: static;
  2037. top: 10px;
  2038. left: 0;
  2039. }
  2040.  
  2041. .twitter a span:before {
  2042. content: "\f099";
  2043. }
  2044.  
  2045. .twitter a span:hover {
  2046. color: #1da1f2;
  2047. }
  2048.  
  2049. .facebook a span:before {
  2050. content: "\f09a";
  2051. }
  2052.  
  2053. .facebook a span:hover {
  2054. color: #3b5998;
  2055. }
  2056.  
  2057. .youtube a span:before {
  2058. content: "\f16a";
  2059. }
  2060.  
  2061. .youtube a span:hover {
  2062. color: #cd201f;
  2063. }
  2064.  
  2065. .github a span:before {
  2066. content: "\f09b";
  2067. }
  2068.  
  2069. .github a span:hover {
  2070. color: #333;
  2071. }
  2072.  
  2073. .nav-secondary a {
  2074. color: #fff;
  2075. }
  2076.  
  2077. .nav-secondary .twitter a:hover {
  2078. color: #1da1f2;
  2079. }
  2080.  
  2081. .nav-secondary .facebook a:hover {
  2082. color: #3b5998;
  2083. }
  2084.  
  2085. .nav-secondary .youtube a:hover {
  2086. color: #cd201f;
  2087. }
  2088.  
  2089. .nav-secondary .github a:hover {
  2090. color: #333;
  2091. }
  2092.  
  2093. /* # Code Snippets Page
  2094. ---------------------------------------------------------------------------------------------------- */
  2095. .io-code-snippets li.snippets {
  2096. list-style-type: circle;
  2097. }
  2098.  
  2099. /* # Blog Page
  2100. ---------------------------------------------------------------------------------------------------- */
  2101.  
  2102. .blog-page .content {
  2103. display: flex;
  2104. flex-flow: row wrap;
  2105. justify-content: space-between;
  2106. }
  2107.  
  2108. .blog-page .entry {
  2109. position: relative;
  2110. background: #eee;
  2111. padding: 0 0 20px;
  2112. flex-basis: 32%;
  2113. margin-bottom: 20px;
  2114. }
  2115.  
  2116. .blog-page .entry:nth-child(1),
  2117. .blog-page .entry:nth-child(2) {
  2118. flex-basis: 49%;
  2119. }
  2120.  
  2121. /*.blog-page .entry-tags {
  2122. position: absolute;
  2123. top: 0;
  2124. right: 0;
  2125. margin: 20px;
  2126. }*/
  2127.  
  2128. .blog-page .entry-time {
  2129. position: absolute;
  2130. top: 0;
  2131. right: 0;
  2132. color: #fff;
  2133. background: #bf616a;
  2134. opacity: .9;
  2135. padding: 8px 12px;
  2136. font-weight: 400;
  2137. }
  2138.  
  2139. .blog-page .entry-header,
  2140. .blog-page .entry-content,
  2141. .blog-page .entry-footer {
  2142. padding: 0 40px;
  2143. }
  2144.  
  2145. .blog-page .entry-meta {
  2146. padding: 0 40px 20px;
  2147. }
  2148.  
  2149. .blog-page .entry-header .entry-meta {
  2150. padding: 0;
  2151. }
  2152.  
  2153. .blog-page .entry-title a {
  2154. color: #d08770;
  2155. font-weight: 600;
  2156. }
  2157.  
  2158. .blog-page .entry-tags a {
  2159. background: #a3be8c;
  2160. padding: 8px 12px;
  2161. border-radius: 4px;
  2162. color: #fff;
  2163. text-decoration: none;
  2164. font-weight: 400;
  2165. text-transform: uppercase;
  2166. font-size: 14px;
  2167. font-size: 1.4rem;
  2168. line-height: 2.5;
  2169. }
  2170.  
  2171. .blog-page .more-link {
  2172. display: block;
  2173. /*float: right;*/
  2174. text-align: center;
  2175. padding: 8px 12px;
  2176. margin: 20px 0;
  2177. background: #96b5b4;
  2178. border-radius: 4px;
  2179. color: #fff;
  2180. text-transform: uppercase;
  2181. font-weight: 400;
  2182. text-decoration: none;
  2183. font-size: 16px;
  2184. }
  2185.  
  2186. .blog-page .entry-tags a:hover,
  2187. .blog-page .more-link:hover,
  2188. .blog-page .entry-title a:hover {
  2189. opacity: .8;
  2190. }
  2191.  
  2192. /* # WPForms buttons
  2193. ---------------------------------------------------------------------------------------------------- */
  2194. div.wpforms-container-full .wpforms-form input[type=submit],
  2195. div.wpforms-container-full .wpforms-form button[type=submit],
  2196. div.wpforms-container-full .wpforms-form .wpforms-page-button {
  2197. background-color: #d08770 !important;
  2198. border: none !important;
  2199. color: #fff !important;
  2200. font-size: 1em;
  2201. font-weight: 400;
  2202. padding: 10px 25px !important;
  2203. border-radius: 4px;
  2204. /*text-transform: uppercase;*/
  2205. float: right;
  2206. opacity: .9;
  2207. }
  2208.  
  2209. div.wpforms-container-full .wpforms-form input[type=submit]:hover,
  2210. div.wpforms-container-full .wpforms-form button[type=submit]:hover,
  2211. div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
  2212. opacity: 1;
  2213. }
  2214.  
  2215. div.wpforms-container-full .wpforms-form input[type=date],
  2216. div.wpforms-container-full .wpforms-form input[type=datetime],
  2217. div.wpforms-container-full .wpforms-form input[type=datetime-local],
  2218. div.wpforms-container-full .wpforms-form input[type=email],
  2219. div.wpforms-container-full .wpforms-form input[type=month],
  2220. div.wpforms-container-full .wpforms-form input[type=number],
  2221. div.wpforms-container-full .wpforms-form input[type=password],
  2222. div.wpforms-container-full .wpforms-form input[type=range],
  2223. div.wpforms-container-full .wpforms-form input[type=search],
  2224. div.wpforms-container-full .wpforms-form input[type=tel],
  2225. div.wpforms-container-full .wpforms-form input[type=text],
  2226. div.wpforms-container-full .wpforms-form input[type=time],
  2227. div.wpforms-container-full .wpforms-form input[type=url],
  2228. div.wpforms-container-full .wpforms-form input[type=week],
  2229. div.wpforms-container-full .wpforms-form select {
  2230. height: 50px !important;
  2231. border-radius: 4px !important;
  2232. }
  2233.  
  2234. div.wpforms-container-full .wpforms-form textarea {
  2235. border-radius: 4px !important;
  2236. }
  2237.  
  2238. /* # Portfolio Archives
  2239. ---------------------------------------------------------------------------------------------------- */
  2240.  
  2241. .portfolio .content {
  2242.  
  2243. }
  2244.  
  2245. .portfolio .entry {
  2246. position: relative;
  2247. background: #fff;
  2248. border-bottom: 1px solid #eee;
  2249. }
  2250.  
  2251. .portfolio .featured-image {
  2252. width: 50%;
  2253. float: right;
  2254. padding-left: 20px;
  2255. }
  2256.  
  2257. .portfolio .entry-meta,
  2258. .portfolio .entry-header,
  2259. .portfolio .entry-content {
  2260. /*padding: 0 40px;*/
  2261. /*width: 45%;*/
  2262. }
  2263.  
  2264. .portfolio .entry-meta {
  2265. text-align: right;
  2266. }
  2267.  
  2268. /*.portfolio .entry-footer {
  2269. float: right;
  2270. width: 35%;
  2271. }*/
  2272.  
  2273. .portfolio .entry-title,
  2274. .portfolio .entry-title a {
  2275. color: #d08770;
  2276. font-weight: 600;
  2277. }
  2278.  
  2279. .portfolio .entry-categories a,
  2280. .portfolio .entry-tags a {
  2281. padding: 8px 12px;
  2282. border-radius: 4px;
  2283. color: #fff;
  2284. text-decoration: none;
  2285. font-weight: 400;
  2286. text-transform: uppercase;
  2287. font-size: 14px;
  2288. font-size: 1.4rem;
  2289. line-height: 2.5;
  2290. }
  2291.  
  2292. .portfolio .entry-categories a {
  2293. background: #ebcb8b;
  2294. }
  2295. .portfolio .entry-tags a {
  2296. background: #a3be8c;
  2297. }
  2298.  
  2299. .portfolio .more-link {
  2300. display: block;
  2301. /*float: right;*/
  2302. text-align: center;
  2303. padding: 8px 12px;
  2304. margin: 20px 0;
  2305. background: #96b5b4;
  2306. border-radius: 4px;
  2307. color: #fff;
  2308. text-transform: uppercase;
  2309. font-weight: 400;
  2310. text-decoration: none;
  2311. font-size: 16px;
  2312. width: 45%;
  2313. }
  2314.  
  2315. .portfolio .entry-title a:hover,
  2316. .portfolio .entry-categories a:hover,
  2317. .portfolio .entry-tags a:hover,
  2318. .portfolio .more-link:hover {
  2319. opacity: .8;
  2320. }
  2321.  
  2322.  
  2323.  
  2324.  
  2325.  
  2326.  
  2327.  
  2328. .featured-image:hover {
  2329. opacity: .8;
  2330. }
  2331.  
  2332.  
  2333.  
  2334.  
  2335.  
  2336.  
  2337.  
  2338.  
  2339.  
  2340. /* Shrinking Header
  2341. --------------------------------------------- */
  2342.  
  2343. .site-header {
  2344. position: fixed;
  2345. width: 100%;
  2346. z-index: 999;
  2347. }
  2348.  
  2349. .title-area {
  2350. padding-top: 16px;
  2351. padding-bottom: 0;
  2352. }
  2353.  
  2354. .site-header .wrap,
  2355. .bumper {
  2356. min-height: 80px;
  2357. }
  2358.  
  2359. .site-header,
  2360. .site-header .wrap,
  2361. .site-description {
  2362. -webkit-transition: all 0.4s ease-in-out;
  2363. -moz-transition: all 0.4s ease-in-out;
  2364. transition: all 0.4s ease-in-out;
  2365. }
  2366.  
  2367. /* Shrink
  2368. --------------------------------------------- */
  2369.  
  2370. .site-header .shrink {
  2371. border-bottom: 1px solid #ddd;
  2372. }
  2373.  
  2374. .shrink .wrap {
  2375. /*background-color: rgba(255, 255, 255, 0.1);*/
  2376. min-height: 80px;
  2377. padding: 0;
  2378. }
  2379.  
  2380. .shrink .site-title {
  2381. /*font-size: 20px;*/
  2382. padding-top: 3px;
  2383. }
  2384.  
  2385. .header-image .shrink .site-title {
  2386. padding: 0;
  2387. }
  2388.  
  2389. .header-image .shrink .site-title > a {
  2390. min-height: 60px;
  2391. }
  2392.  
  2393. .shrink .site-title a {
  2394. background-size: 270px 60px !important;
  2395. }
  2396.  
  2397. .site-header.shrink .widget-area {
  2398. padding-top: 0;
  2399. }
  2400.  
  2401. /* @media only screen and (max-width: 1139px) {
  2402.  
  2403. .title-area {
  2404. width: 320px;
  2405. }
  2406. } */
  2407.  
  2408. @media only screen and (max-width: 1023px) {
  2409.  
  2410. .title-area {
  2411. /* width: 100%; */
  2412. width: auto;
  2413. float: left;
  2414. }
  2415.  
  2416. .site-header .wrap, .bumper {
  2417. min-height: 80px;
  2418. }
  2419.  
  2420. .site-header.shrink .wrap {
  2421. min-height: 60px;
  2422. }
  2423.  
  2424. }
  2425.  
  2426. @media only screen and (max-width: 768px) {
  2427.  
  2428. .shrink .site-title {
  2429. font-size: 24px;
  2430. }
  2431.  
  2432. }
  2433.  
  2434. @media only screen and (max-width: 600px) {
  2435.  
  2436. .site-header {
  2437. top: 0;
  2438. }
  2439.  
  2440. .site-header .wrap, .bumper {
  2441. min-height: 130px;
  2442. }
  2443.  
  2444. }
  2445.  
  2446. @media only screen and (max-width: 320px) {
  2447.  
  2448. .site-header .wrap, .bumper {
  2449. min-height: 120px;
  2450. }
  2451.  
  2452. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement