Guest User

Untitled

a guest
Nov 16th, 2015
145
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*
  2.  
  3. Theme Name: Amplify
  4.  
  5. Theme URI: http://flyfreemedia.com/themes/amplify
  6.  
  7. Author: Fly Free Media
  8.  
  9. Author URI: http://flyfreemedia.com/blog
  10.  
  11. Description: Amplify is a highly customizable responsive theme meant for individuals or companies that want to create a smashing online presence. Amplify lets you use any font from Google Fonts with custom font sizes, has many color options and provides lots of page templates so you can easily build the website you want. Also, with Amplify you can build a filterable portfolio based on Jetpack Custom content module and you can also build a great resume and skills page. Three blog layouts are available and also the ability to hide various elements is provided. See the demo here: http://demo.flyfreemedia.com/amplify
  12.  
  13. Version: 1.02
  14.  
  15. License: GNU General Public License v2 or later
  16.  
  17. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  18.  
  19. Text Domain: amplify
  20.  
  21. Tags: light, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-colors, custom-header, custom-background, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
  22.  
  23.  
  24.  
  25. This theme, like WordPress, is licensed under the GPL.
  26.  
  27. Use it to make something cool, have fun, and share what you've learned with others.
  28.  
  29.  
  30.  
  31. Amplify is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
  32.  
  33.  
  34.  
  35. */
  36.  
  37. .tc-header .brand {
  38.  
  39. position: relative;
  40.  
  41. top: 120px;
  42.  
  43. left: 0%;
  44.  
  45. }
  46.  
  47.  
  48.  
  49. body {
  50.  
  51. font-size: 16px;
  52.  
  53. font-family: 'Open Sans', sans-serif;
  54.  
  55. word-break: break-word;
  56.  
  57. color: #666B71;
  58.  
  59. -webkit-font-smoothing: antialiased;
  60.  
  61. background-color: #606C74;
  62.  
  63. }
  64.  
  65. #page {
  66.  
  67. display: none;
  68.  
  69. }
  70.  
  71. h1,
  72.  
  73. h2,
  74.  
  75. h3,
  76.  
  77. h4,
  78.  
  79. h5,
  80.  
  81. h6 {
  82.  
  83. font-family: 'Oswald', sans-serif;
  84.  
  85. color: #41474F;
  86.  
  87. }
  88.  
  89.  
  90.  
  91. a {
  92.  
  93. color: #FABE28;
  94.  
  95. }
  96.  
  97. a:hover {
  98.  
  99. color: #FABE28;
  100.  
  101. }
  102.  
  103. a:active,
  104.  
  105. a:focus {
  106.  
  107. color: #FABE28;
  108.  
  109. text-decoration: none;
  110.  
  111. }
  112.  
  113. table {
  114.  
  115. width: 100%;
  116.  
  117. margin-bottom: 20px;
  118.  
  119. border: 1px solid #dddddd;
  120.  
  121. }
  122.  
  123. th {
  124.  
  125. background-color: #ECECEC;
  126.  
  127. }
  128.  
  129. table > thead > tr > th,
  130.  
  131. table > tbody > tr > th,
  132.  
  133. table > tfoot > tr > th,
  134.  
  135. table > thead > tr > td,
  136.  
  137. table > tbody > tr > td,
  138.  
  139. table > tfoot > tr > td {
  140.  
  141. padding: 8px;
  142.  
  143. line-height: 1.42857143;
  144.  
  145. vertical-align: top;
  146.  
  147. }
  148.  
  149. table > thead > tr > th,
  150.  
  151. table > tbody > tr > th,
  152.  
  153. table > tfoot > tr > th,
  154.  
  155. table > thead > tr > td,
  156.  
  157. table > tbody > tr > td,
  158.  
  159. table > tfoot > tr > td {
  160.  
  161. border: 1px solid #dddddd;
  162.  
  163. }
  164.  
  165. /*--------------------------------------------------------------
  166.  
  167. Forms
  168.  
  169. --------------------------------------------------------------*/
  170.  
  171. button,
  172.  
  173. input,
  174.  
  175. select,
  176.  
  177. textarea {
  178.  
  179. font-size: 100%; /* Corrects font size not being inherited in all browsers */
  180.  
  181. margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  182.  
  183. vertical-align: baseline; /* Improves appearance and consistency in all browsers */
  184.  
  185. }
  186.  
  187.  
  188.  
  189. button,
  190.  
  191. input[type="button"],
  192.  
  193. input[type="reset"],
  194.  
  195. input[type="submit"] {
  196.  
  197. padding: 15px;
  198.  
  199. border: 1px solid #DBDBDB;
  200.  
  201. color: #717171;
  202.  
  203. text-transform: uppercase;
  204.  
  205. font-weight: 700;
  206.  
  207. border-radius: 5px;
  208.  
  209. background-color: transparent;
  210.  
  211. -webkit-transition: all 0.3s;
  212.  
  213. transition: all 0.3s;
  214.  
  215. cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
  216.  
  217. -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
  218.  
  219.  
  220.  
  221. }
  222.  
  223.  
  224.  
  225. button:hover,
  226.  
  227. input[type="button"]:hover,
  228.  
  229. input[type="reset"]:hover,
  230.  
  231. input[type="submit"]:hover {
  232.  
  233. background-color: #DBDBDB;
  234.  
  235. color: #fff;
  236.  
  237. text-decoration: none;
  238.  
  239. }
  240.  
  241.  
  242.  
  243. button:focus,
  244.  
  245. input[type="button"]:focus,
  246.  
  247. input[type="reset"]:focus,
  248.  
  249. input[type="submit"]:focus,
  250.  
  251. button:active,
  252.  
  253. input[type="button"]:active,
  254.  
  255. input[type="reset"]:active,
  256.  
  257. input[type="submit"]:active {
  258.  
  259. border-color: #aaa #bbb #bbb;
  260.  
  261. box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
  262.  
  263. }
  264.  
  265.  
  266.  
  267. input[type="checkbox"],
  268.  
  269. input[type="radio"] {
  270.  
  271. padding: 0; /* Addresses excess padding in IE8/9 */
  272.  
  273. }
  274.  
  275.  
  276.  
  277. input[type="search"] {
  278.  
  279. -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
  280.  
  281. -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  282.  
  283. -moz-box-sizing: content-box;
  284.  
  285. box-sizing: content-box;
  286.  
  287. }
  288.  
  289.  
  290.  
  291. input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  292.  
  293. -webkit-appearance: none;
  294.  
  295. }
  296.  
  297.  
  298.  
  299. button::-moz-focus-inner,
  300.  
  301. input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  302.  
  303. border: 0;
  304.  
  305. padding: 0;
  306.  
  307. }
  308.  
  309.  
  310.  
  311. input[type="text"],
  312.  
  313. input[type="email"],
  314.  
  315. input[type="url"],
  316.  
  317. input[type="password"],
  318.  
  319. input[type="search"],
  320.  
  321. textarea {
  322.  
  323. color: #666;
  324.  
  325. border: 1px solid #DBDBDB;
  326.  
  327. border-radius: 3px;
  328.  
  329. width: 100%;
  330.  
  331. }
  332.  
  333.  
  334.  
  335. input[type="text"]:focus,
  336.  
  337. input[type="email"]:focus,
  338.  
  339. input[type="url"]:focus,
  340.  
  341. input[type="password"]:focus,
  342.  
  343. input[type="search"]:focus,
  344.  
  345. textarea:focus {
  346.  
  347. color: #111;
  348.  
  349. }
  350.  
  351.  
  352.  
  353. input[type="text"],
  354.  
  355. input[type="email"],
  356.  
  357. input[type="url"],
  358.  
  359. input[type="password"],
  360.  
  361. input[type="search"] {
  362.  
  363. padding: 8px;
  364.  
  365. }
  366.  
  367.  
  368.  
  369. textarea {
  370.  
  371. overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
  372.  
  373. padding-left: 8px;
  374.  
  375. vertical-align: top; /* Improves readability and alignment in all browsers */
  376.  
  377. width: 100%;
  378.  
  379. }
  380.  
  381.  
  382.  
  383.  
  384.  
  385. /*--------------------------------------------------------------
  386.  
  387. Menus
  388.  
  389. --------------------------------------------------------------*/
  390.  
  391. .main-navigation {
  392.  
  393. display: block;
  394.  
  395. float: ;
  396.  
  397. width: 100%;
  398.  
  399. padding: 0 45px;
  400.  
  401. margin-top: 15px;
  402.  
  403. }
  404.  
  405. .main-navigation ul {
  406.  
  407. list-style: none;
  408.  
  409. margin: 0;
  410.  
  411. padding-left: 0;
  412.  
  413. }
  414.  
  415.  
  416.  
  417. .main-navigation li {
  418.  
  419. float: left;
  420.  
  421. position: relative;
  422.  
  423. padding: 10px;
  424.  
  425. margin: 0 10px 5px 0;
  426.  
  427. font-size: 14px;
  428.  
  429. text-transform: uppercase;
  430.  
  431. border: 1px solid #FABE28;
  432.  
  433. -webkit-transition: all 0.3s;
  434.  
  435. transition: all 0.3s;
  436.  
  437. font-weight: 600;
  438.  
  439. background-color: rgba(0,0,0,0.5);
  440.  
  441. }
  442.  
  443. .main-navigation li:hover {
  444.  
  445. background-color: #FABE28;
  446.  
  447. }
  448.  
  449. .main-navigation li:last-of-type {
  450.  
  451. margin-right: 0;
  452.  
  453. }
  454.  
  455. .main-navigation a {
  456.  
  457. display: block;
  458.  
  459. text-decoration: none;
  460.  
  461. color: #fff;
  462.  
  463. -webkit-transition: color 0.3s;
  464.  
  465. transition: color 0.3s;
  466.  
  467. }
  468.  
  469. .main-navigation a:hover {
  470.  
  471. outline: 0;
  472.  
  473. color: #fff;
  474.  
  475. }
  476.  
  477. .main-navigation ul ul {
  478.  
  479. float: left;
  480.  
  481. position: absolute;
  482.  
  483. top: 100%;
  484.  
  485. left: -999em;
  486.  
  487. z-index: 99999;
  488.  
  489. text-align: left;
  490.  
  491. }
  492.  
  493. .main-navigation ul ul::before {
  494.  
  495. content: '\f0de';
  496.  
  497. font-family: Fontawesome;
  498.  
  499. color: #FABE28;
  500.  
  501. font-size: 28px;
  502.  
  503. height: 10px;
  504.  
  505. display: block;
  506.  
  507. margin-left: 15px;
  508.  
  509. line-height: 1;
  510.  
  511. }
  512.  
  513. .main-navigation ul ul ul {
  514.  
  515. left: -999em;
  516.  
  517. top: -1px;
  518.  
  519. }
  520.  
  521. .main-navigation ul ul ul::before {
  522.  
  523. content: '';
  524.  
  525. height: 0;
  526.  
  527. }
  528.  
  529. .main-navigation ul ul a {
  530.  
  531. width: 200px;
  532.  
  533. float: none;
  534.  
  535. }
  536.  
  537.  
  538.  
  539. .main-navigation ul ul li {
  540.  
  541. margin: 0;
  542.  
  543. border-bottom: 0;
  544.  
  545. text-transform: none;
  546.  
  547. background-color: rgba(0,0,0,0.9);
  548.  
  549. }
  550.  
  551. .main-navigation ul ul li:last-of-type {
  552.  
  553. border-bottom: 1px solid #FABE28;
  554.  
  555. }
  556.  
  557.  
  558.  
  559. .main-navigation ul li:hover > ul {
  560.  
  561. left: -1px;
  562.  
  563. }
  564.  
  565.  
  566.  
  567. .main-navigation ul ul li:hover > ul {
  568.  
  569. left: 100%;
  570.  
  571. }
  572.  
  573.  
  574.  
  575. /* Menu icons */
  576.  
  577. .main-navigation li::before {
  578.  
  579. font-family: Fontawesome;
  580.  
  581. color: #FABE28;
  582.  
  583. float: left;
  584.  
  585. margin-right: 5px;
  586.  
  587. font-size: 20px;
  588.  
  589. line-height: 1;
  590.  
  591. font-weight: 400;
  592.  
  593. -webkit-transition: color 0.3s;
  594.  
  595. transition: color 0.3s;
  596.  
  597. }
  598.  
  599. .slicknav_nav li::before {
  600.  
  601. display: none;
  602.  
  603. }
  604.  
  605. .main-navigation li:hover::before {
  606.  
  607. color: #fff;
  608.  
  609. }
  610.  
  611. .main-navigation a {
  612.  
  613. float: left;
  614.  
  615. }
  616.  
  617. .main-navigation ul ul a {
  618.  
  619. float: none;
  620.  
  621. }
  622.  
  623.  
  624.  
  625. /* Navigation */
  626.  
  627. .site-main .comment-navigation,
  628.  
  629. .site-main .paging-navigation,
  630.  
  631. .site-main .post-navigation {
  632.  
  633. margin: 0;
  634.  
  635. overflow: hidden;
  636.  
  637. font-size: 44px;
  638.  
  639. line-height: 1;
  640.  
  641. }
  642.  
  643. .site-main .paging-navigation {
  644.  
  645. margin-top: 15px;
  646.  
  647. }
  648.  
  649. .comment-navigation .nav-previous,
  650.  
  651. .paging-navigation .nav-previous,
  652.  
  653. .post-navigation .nav-previous {
  654.  
  655. float: left;
  656.  
  657. width: 50%;
  658.  
  659. }
  660.  
  661.  
  662.  
  663. .comment-navigation .nav-next,
  664.  
  665. .paging-navigation .nav-next,
  666.  
  667. .post-navigation .nav-next {
  668.  
  669. float: right;
  670.  
  671. text-align: right;
  672.  
  673. width: 50%;
  674.  
  675. }
  676.  
  677. .site-main .comment-navigation a,
  678.  
  679. .site-main .paging-navigation a,
  680.  
  681. .site-main .post-navigation a {
  682.  
  683. outline: 0;
  684.  
  685. }
  686.  
  687. /*--------------------------------------------------------------
  688.  
  689. Accessibility
  690.  
  691. --------------------------------------------------------------*/
  692.  
  693. /* Text meant only for screen readers */
  694.  
  695. .screen-reader-text {
  696.  
  697. clip: rect(1px, 1px, 1px, 1px);
  698.  
  699. position: absolute !important;
  700.  
  701. height: 1px;
  702.  
  703. width: 1px;
  704.  
  705. overflow: hidden;
  706.  
  707. }
  708.  
  709.  
  710.  
  711. .screen-reader-text:hover,
  712.  
  713. .screen-reader-text:active,
  714.  
  715. .screen-reader-text:focus {
  716.  
  717. background-color: #f1f1f1;
  718.  
  719. border-radius: 3px;
  720.  
  721. box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  722.  
  723. clip: auto !important;
  724.  
  725. color: #21759b;
  726.  
  727. display: block;
  728.  
  729. font-size: 14px;
  730.  
  731. font-size: 1.4rem;
  732.  
  733. font-weight: bold;
  734.  
  735. height: auto;
  736.  
  737. left: 5px;
  738.  
  739. line-height: normal;
  740.  
  741. padding: 15px 23px 14px;
  742.  
  743. text-decoration: none;
  744.  
  745. top: 5px;
  746.  
  747. width: auto;
  748.  
  749. z-index: 99999999; /* Above WP toolbar */
  750.  
  751. }
  752.  
  753.  
  754.  
  755. /*--------------------------------------------------------------
  756.  
  757. 7.0 Alignments
  758.  
  759. --------------------------------------------------------------*/
  760.  
  761. .alignleft {
  762.  
  763. display: inline;
  764.  
  765. float: left;
  766.  
  767. margin-right: 1.5em;
  768.  
  769. }
  770.  
  771.  
  772.  
  773. .alignright {
  774.  
  775. display: inline;
  776.  
  777. float: right;
  778.  
  779. margin-left: 1.5em;
  780.  
  781. }
  782.  
  783.  
  784.  
  785. .aligncenter {
  786.  
  787. clear: both;
  788.  
  789. display: block;
  790.  
  791. margin: 0 auto;
  792.  
  793. }
  794.  
  795. /*--------------------------------------------------------------
  796.  
  797. Widgets
  798.  
  799. --------------------------------------------------------------*/
  800.  
  801. .widget {
  802.  
  803. margin: 0 0 30px;
  804.  
  805. }
  806.  
  807. .widget,
  808.  
  809. .widget a {
  810.  
  811. color: #666B71;
  812.  
  813. }
  814.  
  815. .widget-title {
  816.  
  817. position: relative;
  818.  
  819. margin: 0 0 25px;
  820.  
  821. padding-bottom: 15px;
  822.  
  823. border-bottom: 4px solid #C6CBD0;
  824.  
  825. color: #41474F;
  826. }
  827.  
  828. .widget-title::after {
  829.  
  830. position: absolute;
  831.  
  832. width: 50px;
  833.  
  834. height: 4px;
  835.  
  836. background-color: #FABE28;
  837.  
  838. content: '';
  839.  
  840. bottom: -4px;
  841.  
  842. left: 0;
  843.  
  844. }
  845.  
  846. .widget ul {
  847.  
  848. padding: 0 0 0 20px;
  849.  
  850. }
  851.  
  852. .widget .children {
  853.  
  854. padding-left: 30px;
  855.  
  856. }
  857.  
  858. /* Make sure select elements fit in widgets */
  859.  
  860. .widget select {
  861.  
  862. max-width: 100%;
  863.  
  864. }
  865.  
  866.  
  867.  
  868. /* Search widget */
  869.  
  870. .widget_search .amplify-search {
  871.  
  872. display: none;
  873.  
  874. }
  875.  
  876. /* Default widgets */
  877.  
  878. .widget_recent_entries ul,
  879.  
  880. .widget_categories ul,
  881.  
  882. .widget_archive ul,
  883.  
  884. .widget_pages ul {
  885.  
  886. list-style: none;
  887.  
  888. padding: 0;
  889.  
  890. }
  891.  
  892. .widget_recent_entries li::before,
  893.  
  894. .widget_categories li::before,
  895.  
  896. .widget_archive li::before,
  897.  
  898. .widget_pages li::before {
  899.  
  900. font-family: Fontawesome;
  901.  
  902. font-size: 15px;
  903.  
  904. }
  905.  
  906. .widget_recent_entries li::before {
  907.  
  908. content: '\f040';
  909.  
  910. }
  911.  
  912. .widget_categories li::before {
  913.  
  914. content: '\f114';
  915.  
  916. margin-right: 5px;
  917.  
  918. }
  919.  
  920. .widget_archive li::before {
  921.  
  922. content: '\f133';
  923.  
  924. margin-right: 5px;
  925.  
  926. }
  927.  
  928. .widget_pages li::before {
  929.  
  930. content: '\f016';
  931.  
  932. margin-right: 5px;
  933.  
  934. }
  935.  
  936. .tagcloud a {
  937.  
  938. border: 1px solid #41474F;
  939.  
  940. padding: 5px;
  941.  
  942. font-size: 14px !important;
  943.  
  944. display: inline-block;
  945.  
  946. margin-bottom: 8px;
  947.  
  948. margin-right: 4px;
  949.  
  950. }
  951.  
  952. .amplify_recent_comments ul {
  953.  
  954. list-style: none;
  955.  
  956. padding: 0;
  957.  
  958. }
  959.  
  960. .recent-comment {
  961.  
  962. margin-bottom: 15px;
  963.  
  964. }
  965.  
  966. .recent-comment img {
  967.  
  968. margin-right: 15px;
  969.  
  970. float: left;
  971.  
  972. }
  973.  
  974. /*--------------------------------------------------------------
  975.  
  976. Content
  977.  
  978. --------------------------------------------------------------*/
  979.  
  980. --------------------------------------------------------------*/
  981.  
  982. .sticky {
  983.  
  984. display: block;
  985.  
  986. }
  987.  
  988.  
  989.  
  990. .hentry {
  991.  
  992. margin: 0 0 30px;
  993.  
  994. padding-bottom: 30px;
  995.  
  996. border-bottom: 1px solid #DBDBDB;
  997.  
  998. }
  999.  
  1000. .entry-thumb,
  1001.  
  1002. .single-thumb {
  1003.  
  1004. text-align: center;
  1005.  
  1006. margin-bottom: 30px;
  1007.  
  1008. }
  1009.  
  1010. .entry-thumb a:hover {
  1011.  
  1012. outline: 0;
  1013.  
  1014. }
  1015.  
  1016. .entry-thumb {
  1017.  
  1018. -webkit-transition: opacity 0.3s;
  1019.  
  1020. transition: opacity 0.3s;
  1021.  
  1022. }
  1023.  
  1024. .entry-thumb:hover {
  1025.  
  1026. opacity: 0.7;
  1027.  
  1028. }
  1029.  
  1030. .byline,
  1031. .updated:not(.published) {
  1032.  
  1033. display: none;
  1034.  
  1035. }
  1036.  
  1037.  
  1038.  
  1039. .single .byline,
  1040.  
  1041. .group-blog .byline {
  1042.  
  1043. display: inline;
  1044.  
  1045. }
  1046.  
  1047.  
  1048.  
  1049. .page-content,
  1050.  
  1051. .entry-content,
  1052.  
  1053. .entry-summary {
  1054.  
  1055. }
  1056.  
  1057.  
  1058.  
  1059. .page-links {
  1060.  
  1061. clear: both;
  1062.  
  1063. margin: 0 0 30px;
  1064.  
  1065. }
  1066.  
  1067. .entry-meta,
  1068.  
  1069. .entry-footer {
  1070.  
  1071. font-size: 14px;
  1072.  
  1073. clear: left;
  1074.  
  1075. }
  1076.  
  1077. .entry-meta,
  1078.  
  1079. .entry-meta a,
  1080.  
  1081. .entry-footer,
  1082.  
  1083. .entry-footer a {
  1084.  
  1085. color: #9A9EA1;
  1086.  
  1087. }
  1088.  
  1089. .entry-meta a,
  1090.  
  1091. .entry-footer a,
  1092.  
  1093. .widget a {
  1094.  
  1095. -webkit-transition: color 0.3s;
  1096.  
  1097. transition: color 0.3s;
  1098.  
  1099. text-decoration: none;
  1100.  
  1101. }
  1102.  
  1103. .entry-meta a:hover,
  1104.  
  1105. .entry-footer a:hover,
  1106.  
  1107. .widget a:hover {
  1108.  
  1109. color: #FABE28;
  1110.  
  1111. }
  1112.  
  1113. .entry-meta span,
  1114.  
  1115. .entry-footer span,
  1116.  
  1117. .banner-meta .posted-on {
  1118.  
  1119. margin-right: 15px;
  1120.  
  1121. }
  1122.  
  1123. .banner-meta {
  1124.  
  1125. display: table;
  1126.  
  1127. padding: 0 5px;
  1128.  
  1129. border: 2px solid #fff;
  1130.  
  1131. font-size: 20px;
  1132.  
  1133. margin: 25px auto 0;
  1134.  
  1135. }
  1136.  
  1137. .banner-meta,
  1138.  
  1139. .banner-meta a {
  1140.  
  1141. color: #fff;
  1142.  
  1143. }
  1144.  
  1145. .banner-meta a:hover {
  1146.  
  1147. color: #fff;
  1148.  
  1149. }
  1150.  
  1151. /* Titles */
  1152.  
  1153. .entry-title {
  1154.  
  1155. margin: 0 0 15px;
  1156.  
  1157. }
  1158.  
  1159. .page-title {
  1160.  
  1161. margin: 0;
  1162.  
  1163. }
  1164.  
  1165. .entry-header {
  1166.  
  1167. margin-bottom: 15px;
  1168.  
  1169. }
  1170.  
  1171. .entry-title a {
  1172.  
  1173. color: #41474F;
  1174.  
  1175. -webkit-transition: color 0.3s;
  1176.  
  1177. transition: color 0.3s;
  1178.  
  1179. text-decoration: none;
  1180.  
  1181. }
  1182.  
  1183. .entry-title a:hover {
  1184.  
  1185. color: #FABE28;
  1186.  
  1187. }
  1188.  
  1189. .title-banner .entry-title,
  1190.  
  1191. .title-banner .page-title {
  1192.  
  1193. margin: 0;
  1194.  
  1195. color: #fff;
  1196.  
  1197. }
  1198.  
  1199. .title-banner {
  1200.  
  1201. background-color: #FABE28;
  1202.  
  1203. text-align: center;
  1204.  
  1205. }
  1206.  
  1207. .banner-inner {
  1208.  
  1209. padding: 45px;
  1210.  
  1211. background-color: #FABE28;
  1212.  
  1213. }
  1214.  
  1215. /*--------------------------------------------------------------
  1216.  
  1217. Asides
  1218.  
  1219. --------------------------------------------------------------*/
  1220.  
  1221. .blog .format-aside .entry-title,
  1222.  
  1223. .archive .format-aside .entry-title {
  1224.  
  1225. display: none;
  1226.  
  1227. }
  1228.  
  1229.  
  1230.  
  1231. /*--------------------------------------------------------------
  1232.  
  1233. Comments
  1234.  
  1235. --------------------------------------------------------------*/
  1236.  
  1237. .comments-area {
  1238.  
  1239. margin-bottom: 60px;
  1240.  
  1241. }
  1242.  
  1243. .comments-title {
  1244.  
  1245. margin: 0 0 30px 0;
  1246.  
  1247. font-size: 24px;
  1248.  
  1249. }
  1250.  
  1251. .comments-area ol {
  1252. list-style: none;
  1253.  
  1254. }
  1255.  
  1256. .comments-area ol {
  1257.  
  1258. padding: 0;
  1259.  
  1260. }
  1261.  
  1262. .comments-area .children {
  1263.  
  1264. padding-left: 20px;
  1265.  
  1266. }
  1267.  
  1268. .comments-area .fn {
  1269.  
  1270. }
  1271.  
  1272. .comment-author .avatar {
  1273.  
  1274. position: absolute;
  1275.  
  1276. }
  1277.  
  1278. .comment-author .fn,
  1279.  
  1280. .comment-metadata {
  1281.  
  1282. margin-left: 80px;
  1283.  
  1284. }
  1285.  
  1286. .comment-metadata {
  1287.  
  1288. font-size: 12px;
  1289.  
  1290. margin-bottom: 30px;
  1291.  
  1292. }
  1293.  
  1294. .comment-body {
  1295.  
  1296. padding: 15px;
  1297.  
  1298. margin-bottom: 20px;
  1299.  
  1300. border: 1px solid #DBDBDB;
  1301.  
  1302. background-color: #fff;
  1303.  
  1304. }
  1305.  
  1306. .reply {
  1307.  
  1308. text-align: right;
  1309.  
  1310. }
  1311.  
  1312. .comment-reply-link {
  1313.  
  1314. padding: 5px;
  1315.  
  1316. background-color: #fff;
  1317.  
  1318. font-size: 12px;
  1319.  
  1320. -webkit-transition: all 0.4s;
  1321.  
  1322. transition: all 0.4s;
  1323.  
  1324. }
  1325.  
  1326. a.comment-reply-link {
  1327.  
  1328. text-decoration: none;
  1329.  
  1330. }
  1331.  
  1332. a.comment-reply-link:hover {
  1333.  
  1334. color: #000;
  1335.  
  1336. box-shadow: 0 0 1px #505050;
  1337.  
  1338. }
  1339.  
  1340. .comments-area a.url {
  1341.  
  1342. text-decoration: underline;
  1343.  
  1344. }
  1345.  
  1346. .bypostauthor {
  1347.  
  1348. }
  1349.  
  1350.  
  1351.  
  1352. /*--------------------------------------------------------------
  1353.  
  1354. Infinite scroll
  1355.  
  1356. --------------------------------------------------------------*/
  1357.  
  1358. /* Globally hidden elements when Infinite Scroll is supported and in use. */
  1359.  
  1360. .infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
  1361.  
  1362. .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  1363.  
  1364. display: none;
  1365.  
  1366. }
  1367.  
  1368.  
  1369.  
  1370. /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
  1371.  
  1372. .infinity-end.neverending .site-footer {
  1373.  
  1374. display: block;
  1375.  
  1376. }
  1377.  
  1378.  
  1379.  
  1380. /*--------------------------------------------------------------
  1381.  
  1382. Media
  1383.  
  1384. --------------------------------------------------------------*/
  1385.  
  1386. .page-content img.wp-smiley,
  1387.  
  1388. .entry-content img.wp-smiley,
  1389.  
  1390. .comment-content img.wp-smiley {
  1391.  
  1392. border: none;
  1393.  
  1394. margin-bottom: 0;
  1395.  
  1396. margin-top: 0;
  1397.  
  1398. padding: 0;
  1399.  
  1400. }
  1401.  
  1402.  
  1403.  
  1404. /* Make sure embeds and iframes fit their containers */
  1405.  
  1406. embed,
  1407.  
  1408. iframe,
  1409.  
  1410. object {
  1411.  
  1412. max-width: 100%;
  1413.  
  1414. }
  1415.  
  1416. img {
  1417.  
  1418. max-width: 100%;
  1419.  
  1420. height: auto;
  1421.  
  1422. }
  1423.  
  1424. /*--------------------------------------------------------------
  1425.  
  1426. Captions
  1427.  
  1428. --------------------------------------------------------------*/
  1429.  
  1430. .wp-caption {
  1431.  
  1432. margin-bottom: 1.5em;
  1433.  
  1434. max-width: 100%;
  1435.  
  1436. }
  1437.  
  1438.  
  1439.  
  1440. .wp-caption img[class*="wp-image-"] {
  1441.  
  1442. display: block;
  1443.  
  1444. margin: 0 auto;
  1445.  
  1446. }
  1447.  
  1448.  
  1449.  
  1450. .wp-caption-text {
  1451.  
  1452. text-align: center;
  1453.  
  1454. }
  1455.  
  1456.  
  1457.  
  1458. .wp-caption .wp-caption-text {
  1459.  
  1460. margin: 0.8075em 0;
  1461.  
  1462. }
  1463.  
  1464.  
  1465.  
  1466. /*--------------------------------------------------------------
  1467.  
  1468. Galleries
  1469.  
  1470. --------------------------------------------------------------*/
  1471.  
  1472. .gallery {
  1473.  
  1474. margin-bottom: 1.5em;
  1475.  
  1476. }
  1477.  
  1478.  
  1479.  
  1480. .gallery-item {
  1481.  
  1482. display: inline-block;
  1483.  
  1484. text-align: center;
  1485.  
  1486. vertical-align: top;
  1487.  
  1488. width: 100%;]
  1489.  
  1490. margin-bottom: 10px;
  1491.  
  1492. }
  1493.  
  1494. .gallery-item:hover a {
  1495.  
  1496. outline: 0;
  1497.  
  1498. }
  1499.  
  1500. .gallery-columns-2 .gallery-item {
  1501.  
  1502. max-width: 50%;
  1503.  
  1504. }
  1505.  
  1506.  
  1507.  
  1508. .gallery-columns-3 .gallery-item {
  1509.  
  1510. max-width: 33.33%;
  1511.  
  1512. }
  1513.  
  1514.  
  1515.  
  1516. .gallery-columns-4 .gallery-item {
  1517.  
  1518. max-width: 25%;
  1519.  
  1520. }
  1521.  
  1522.  
  1523.  
  1524. .gallery-columns-5 .gallery-item {
  1525.  
  1526. max-width: 20%;
  1527.  
  1528. }
  1529.  
  1530.  
  1531.  
  1532. .gallery-columns-6 .gallery-item {
  1533.  
  1534. max-width: 16.66%;
  1535.  
  1536. }
  1537.  
  1538.  
  1539.  
  1540. .gallery-columns-7 .gallery-item {
  1541.  
  1542. max-width: 14.28%;
  1543.  
  1544. }
  1545.  
  1546.  
  1547.  
  1548. .gallery-columns-8 .gallery-item {
  1549.  
  1550. max-width: 12.5%;
  1551.  
  1552. }
  1553.  
  1554.  
  1555.  
  1556. .gallery-columns-9 .gallery-item {
  1557.  
  1558. max-width: 11.11%;
  1559.  
  1560. }
  1561.  
  1562.  
  1563.  
  1564. .gallery-caption {
  1565.  
  1566. display: block;
  1567.  
  1568. }
  1569.  
  1570. /*--------------------------------------------------------------
  1571.  
  1572. Mobile menu
  1573.  
  1574. --------------------------------------------------------------*/
  1575.  
  1576. .slicknav_menu .slicknav_menutxt { display: block; font-size: 30px; }
  1577.  
  1578. .slicknav_menu .slicknav_icon { display: none; }
  1579.  
  1580. .slicknav_menu .slicknav_no-text { margin: 0 }
  1581.  
  1582. .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  1583.  
  1584. .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
  1585.  
  1586. .slicknav_nav { clear: both }
  1587.  
  1588. .slicknav_nav ul,
  1589.  
  1590. .slicknav_nav li { display: block }
  1591.  
  1592. .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
  1593.  
  1594. .slicknav_nav .slicknav_item { cursor: pointer; }
  1595.  
  1596. .slicknav_nav .slicknav_row { display: block; }
  1597.  
  1598. .slicknav_nav a { display: block }
  1599.  
  1600. .slicknav_nav .slicknav_item a,
  1601.  
  1602. .slicknav_nav .slicknav_parent-link a { display: inline }
  1603.  
  1604. .slicknav_menu:before,
  1605.  
  1606. .slicknav_menu:after { content: " "; display: table; }
  1607.  
  1608. .slicknav_menu:after { clear: both }
  1609.  
  1610. /* IE6/7 support */
  1611.  
  1612. .slicknav_menu { *zoom: 1 }
  1613.  
  1614.  
  1615.  
  1616. .mobile-nav {
  1617.  
  1618. display: none;
  1619.  
  1620. }
  1621.  
  1622. /* Button */
  1623.  
  1624. .slicknav_btn {
  1625.  
  1626. margin: 5px 5px 6px;
  1627.  
  1628. text-decoration:none;
  1629.  
  1630. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  1631.  
  1632. -webkit-border-radius: 4px;
  1633.  
  1634. -moz-border-radius: 4px;
  1635.  
  1636. border-radius: 4px;
  1637.  
  1638. display: block;
  1639.  
  1640. }
  1641.  
  1642. /* Button Text */
  1643.  
  1644. .slicknav_menu .slicknav_menutxt {
  1645.  
  1646. color: #FFF;
  1647.  
  1648. font-weight: bold;
  1649.  
  1650. text-shadow: 0 1px 3px #000;
  1651.  
  1652. }
  1653.  
  1654. /* Button Lines */
  1655.  
  1656. .slicknav_menu .slicknav_icon-bar {
  1657.  
  1658. background-color: #f5f5f5;
  1659.  
  1660. }
  1661.  
  1662. .slicknav_menu {
  1663.  
  1664. text-align: center;
  1665.  
  1666. }
  1667.  
  1668. .slicknav_nav {
  1669.  
  1670. color:#fff;
  1671.  
  1672. margin:0;
  1673.  
  1674. padding:0;
  1675.  
  1676. }
  1677.  
  1678. .slicknav_nav, .slicknav_nav ul {
  1679.  
  1680. list-style: none;
  1681.  
  1682. overflow:hidden;
  1683.  
  1684. }
  1685.  
  1686. .slicknav_nav {
  1687.  
  1688. position: absolute;
  1689.  
  1690. left: 0;
  1691.  
  1692. background-color: #333;
  1693.  
  1694. width: 100%;
  1695.  
  1696. z-index: 999;
  1697.  
  1698. }
  1699.  
  1700. .slicknav_nav ul {
  1701.  
  1702. padding:0;
  1703.  
  1704. margin: 0;
  1705.  
  1706. }
  1707.  
  1708. .slicknav_nav .slicknav_row {
  1709.  
  1710. padding:5px 10px;
  1711.  
  1712. margin:2px 5px;
  1713.  
  1714. }
  1715.  
  1716. .slicknav_nav a{
  1717.  
  1718. padding:5px 10px;
  1719.  
  1720. margin:2px 5px;
  1721.  
  1722. text-decoration:none;
  1723.  
  1724. color:#fff;
  1725.  
  1726. }
  1727.  
  1728. .slicknav_nav .slicknav_item a,
  1729.  
  1730. .slicknav_nav .slicknav_parent-link a {
  1731.  
  1732. padding:0;
  1733.  
  1734. margin:0;
  1735.  
  1736. }
  1737.  
  1738. .slicknav_nav .slicknav_row:hover {
  1739.  
  1740. -webkit-border-radius: 6px;
  1741.  
  1742. -moz-border-radius: 6px;
  1743.  
  1744. border-radius: 6px;
  1745.  
  1746. background:#967171;
  1747.  
  1748. color:#fff;
  1749.  
  1750. }
  1751.  
  1752. .slicknav_nav a:hover{
  1753.  
  1754. -webkit-border-radius: 6px;
  1755.  
  1756. -moz-border-radius: 6px;
  1757.  
  1758. border-radius: 6px;
  1759.  
  1760. background:#967171;
  1761.  
  1762. color:#222;
  1763.  
  1764. }
  1765.  
  1766. .slicknav_nav .slicknav_txtnode {
  1767.  
  1768. margin-left:15px;
  1769.  
  1770. }
  1771.  
  1772. /*--------------------------------------------------------------
  1773.  
  1774. Structure
  1775.  
  1776. --------------------------------------------------------------*/
  1777.  
  1778. .header-image {
  1779.  
  1780. display: none;
  1781.  
  1782. }
  1783.  
  1784. .site-logo {
  1785.  
  1786. max-width: 200px;
  1787.  
  1788. }
  1789.  
  1790. .site-logo.show-title {
  1791.  
  1792. margin-bottom: 20px;
  1793.  
  1794. }
  1795.  
  1796. .site-branding {
  1797.  
  1798. padding: 0 45px 140px 20px; !important
  1799.  
  1800. text-align: left;
  1801.  
  1802. clear: left;
  1803.  
  1804. }
  1805.  
  1806. .site-title {
  1807.  
  1808. margin: 0;
  1809.  
  1810. text-transform: uppercase;
  1811.  
  1812. font-size: 62px;
  1813.  
  1814. text-shadow: 0 0 1px #000;
  1815.  
  1816. }
  1817.  
  1818. .site-title a {
  1819.  
  1820. color: #fff;
  1821.  
  1822. text-decoration: none;
  1823.  
  1824. }
  1825.  
  1826. .site-title a:hover {
  1827.  
  1828. color: #fff;
  1829.  
  1830. outline: 0;
  1831.  
  1832. }
  1833.  
  1834. .site-description {
  1835.  
  1836. margin: 15px 0 0;
  1837.  
  1838. font-size: 18px;
  1839.  
  1840. color: #FABE28;
  1841.  
  1842. text-shadow: 0 0 1px #000;
  1843.  
  1844. }
  1845.  
  1846. .site-content {
  1847.  
  1848. border-bottom: 4px solid #C6CBD0;
  1849.  
  1850. background-color: #fff;
  1851.  
  1852. }
  1853.  
  1854. .site-header {
  1855.  
  1856. border-bottom: 4px solid #FABE28;
  1857.  
  1858. position: relative;
  1859.  
  1860. }
  1861.  
  1862. .site-header .container {
  1863.  
  1864. background-color: #333;
  1865.  
  1866. padding: 0;
  1867.  
  1868. }
  1869.  
  1870. .site-content {
  1871.  
  1872. padding: 45px;
  1873.  
  1874. }
  1875.  
  1876. .page-template-page_live-composer .site-content {
  1877.  
  1878. padding: 0;
  1879.  
  1880. }
  1881.  
  1882. .content-area {
  1883.  
  1884. width: 730px;
  1885.  
  1886. float: left;
  1887.  
  1888. }
  1889.  
  1890. .error404 .content-area {
  1891.  
  1892. width: 100%;
  1893.  
  1894. }
  1895.  
  1896. .fullwidth {
  1897.  
  1898. width: 100%;
  1899.  
  1900. }
  1901.  
  1902. .widget-area {
  1903.  
  1904. width: 300px;
  1905.  
  1906. float: right;
  1907.  
  1908. }
  1909.  
  1910. .site-footer {
  1911.  
  1912. background-color: #333;
  1913.  
  1914. padding: 30px 0;
  1915.  
  1916. font-size: 16px;
  1917.  
  1918. }
  1919.  
  1920. .site-info {
  1921.  
  1922. text-align: center;
  1923.  
  1924. }
  1925.  
  1926. .site-info,
  1927.  
  1928. .site-info a {
  1929.  
  1930. color: #dadada;
  1931.  
  1932. }
  1933.  
  1934. .sidebar-toggle {
  1935.  
  1936. padding: 15px;
  1937.  
  1938. border: 2px solid #333;
  1939.  
  1940. font-size: 32px;
  1941.  
  1942. clear: both;
  1943.  
  1944. text-align: center;
  1945.  
  1946. line-height: 1;
  1947.  
  1948. border-radius: 10px;
  1949.  
  1950. color: #333;
  1951.  
  1952. cursor: pointer;
  1953.  
  1954. display: none;
  1955.  
  1956. }
  1957.  
  1958. /* Header search */
  1959.  
  1960. .site-header .amplify-search-form {
  1961.  
  1962. position: absolute;
  1963.  
  1964. bottom: 0;
  1965.  
  1966. right: 0
  1967.  
  1968. }
  1969.  
  1970. .site-header .amplify-search-form label {
  1971.  
  1972. margin: 0;
  1973.  
  1974. }
  1975.  
  1976. .site-header .search-field {
  1977.  
  1978. width: 0;
  1979.  
  1980. position: absolute;
  1981.  
  1982. bottom: 0;
  1983.  
  1984. right: 32px;
  1985.  
  1986. border-radius: 0;
  1987.  
  1988. height: 36px;
  1989.  
  1990. z-index: 1;
  1991.  
  1992. transition: all 0.4s;
  1993.  
  1994. -webkit-transition: all 0.4s;
  1995.  
  1996. }
  1997.  
  1998. .site-header .search-expanded {
  1999.  
  2000. width: 200px;
  2001.  
  2002. right: 52px;
  2003.  
  2004. font-weight: 400;
  2005.  
  2006. }
  2007.  
  2008. .amplify-search {
  2009.  
  2010. position: relative;
  2011.  
  2012. color: #fff;
  2013.  
  2014. background-color: #FABE28;
  2015.  
  2016. border: 0;
  2017.  
  2018. border-radius: 0;
  2019.  
  2020. font-size: 24px;
  2021.  
  2022. padding: 10px 15px;
  2023.  
  2024. cursor: pointer;
  2025.  
  2026. display: inline-block;
  2027.  
  2028. z-index: 2;
  2029.  
  2030. }
  2031.  
  2032.  
  2033.  
  2034. .site-header .bottom-left {
  2035.  
  2036. left: -4px;
  2037.  
  2038. right: auto;
  2039.  
  2040. }
  2041.  
  2042. .site-header .bottom-left .search-field {
  2043.  
  2044. left: 5px;
  2045.  
  2046. }
  2047.  
  2048. .site-header .bottom-left .search-expanded {
  2049.  
  2050. width: 200px;
  2051.  
  2052. left: 52px;
  2053.  
  2054. }
  2055.  
  2056.  
  2057.  
  2058. .hide-it {
  2059.  
  2060. display: none;
  2061.  
  2062. }
  2063.  
  2064. /* Masonry layout */
  2065.  
  2066. .home-masonry .hentry {
  2067.  
  2068. width: 330px;
  2069.  
  2070. margin: 15px;
  2071.  
  2072. }
  2073.  
  2074. .home-masonry .entry-title {
  2075.  
  2076. font-size: 24px;
  2077.  
  2078. }
  2079.  
  2080. /* Live composer */
  2081.  
  2082. .dslc-social {
  2083.  
  2084. text-align: center;
  2085.  
  2086. }
  2087.  
  2088. #dslc-content ul.dslc-social li {
  2089.  
  2090. float: none;
  2091.  
  2092. display: inline-block;
  2093.  
  2094. }
  2095.  
  2096. .dslc-modules-section-wrapper {
  2097.  
  2098. padding: 0 15px;
  2099.  
  2100. }
  2101.  
  2102. /*--------------------------------------------------------------
  2103.  
  2104. Front page template
  2105.  
  2106. --------------------------------------------------------------*/
  2107.  
  2108. .page-template-page_live-composer .site-content {
  2109.  
  2110. border: 0;
  2111.  
  2112. }
  2113.  
  2114. .page-template-page_live-composer .site-footer {
  2115.  
  2116. background-color: #333;
  2117.  
  2118. }
  2119.  
  2120. /*--------------------------------------------------------------
  2121.  
  2122. Portfolio page
  2123.  
  2124. --------------------------------------------------------------*/
  2125.  
  2126. #filter {
  2127.  
  2128. margin-bottom: 45px;
  2129.  
  2130. text-align: center;
  2131.  
  2132. }
  2133.  
  2134. #filter a {
  2135.  
  2136. color: #fff;
  2137.  
  2138. text-decoration: none;
  2139.  
  2140. display: inline-block;
  2141.  
  2142. padding: 10px;
  2143.  
  2144. background-color: #FABE28;
  2145.  
  2146. border-right: 1px solid #fff;
  2147.  
  2148. outline: 0;
  2149.  
  2150. }
  2151.  
  2152. .project {
  2153.  
  2154. padding: 0;
  2155.  
  2156. position: relative;
  2157.  
  2158. overflow: hidden;
  2159.  
  2160. -webkit-transition: bottom 0.3s;
  2161.  
  2162. transition: bottom 0.3s;
  2163.  
  2164. }
  2165.  
  2166. .project img {
  2167.  
  2168. -webkit-transition: bottom 0.3s;
  2169.  
  2170. transition: bottom 0.3s;
  2171.  
  2172. position: relative;
  2173.  
  2174. bottom: 0;
  2175.  
  2176. }
  2177.  
  2178. .project:hover img {
  2179.  
  2180. bottom: 50px;
  2181.  
  2182. }
  2183.  
  2184. .project-nav {
  2185.  
  2186. position: absolute;
  2187.  
  2188. height: 50%;
  2189.  
  2190. bottom: -50%;
  2191.  
  2192. width: 100%;
  2193.  
  2194. background-color: #FABE28;
  2195.  
  2196. -webkit-transition: bottom 0.3s;
  2197.  
  2198. transition: bottom 0.3s;
  2199.  
  2200. text-align: center;
  2201.  
  2202. font-size: 34px;
  2203.  
  2204. }
  2205.  
  2206. .project-nav .fa {
  2207.  
  2208. margin-top: 15px;
  2209.  
  2210. border: 2px solid #222;
  2211.  
  2212. padding: 10px;
  2213.  
  2214. border-radius: 5px;
  2215.  
  2216. background-color: #222;
  2217.  
  2218. -webkit-transition: background-color 0.3s;
  2219.  
  2220. transition: background-color 0.3s;
  2221.  
  2222. }
  2223.  
  2224. .project-nav .fa:hover {
  2225.  
  2226. background-color: transparent;
  2227.  
  2228. }
  2229.  
  2230. .project-magnify {
  2231.  
  2232. margin-right: 15px;
  2233.  
  2234. }
  2235.  
  2236. .project-nav a {
  2237.  
  2238. color: #fff;
  2239.  
  2240. outline: 0;
  2241.  
  2242. }
  2243.  
  2244. .project:hover .project-nav {
  2245.  
  2246. bottom: 0;
  2247.  
  2248. }
  2249.  
  2250. /*--------------------------------------------------------------
  2251.  
  2252. Resume page
  2253.  
  2254. --------------------------------------------------------------*/
  2255.  
  2256. .resume-intro {
  2257.  
  2258. margin-bottom: 45px;
  2259.  
  2260. }
  2261.  
  2262. .resume-thumb {
  2263.  
  2264. padding-left: 0;
  2265.  
  2266. }
  2267.  
  2268. .schools,
  2269.  
  2270. .skills {
  2271.  
  2272. display: none;
  2273.  
  2274. }
  2275.  
  2276. .resume-nav span {
  2277.  
  2278. display: block;
  2279.  
  2280. cursor: pointer;
  2281.  
  2282. padding: 10px;
  2283.  
  2284. background-color: #FABE28;
  2285.  
  2286. color: #fff;
  2287.  
  2288. line-height: 1;
  2289.  
  2290. border-right: 1px solid #fff;
  2291.  
  2292. }
  2293.  
  2294. .resume-nav {
  2295.  
  2296. margin-bottom: 45px;
  2297.  
  2298. text-align: center;
  2299.  
  2300. }
  2301.  
  2302. .job,
  2303.  
  2304. .school {
  2305.  
  2306. margin-bottom: 30px;
  2307.  
  2308. padding-top: 30px;
  2309.  
  2310. border-top: 1px solid #DBDBDB;
  2311.  
  2312. }
  2313.  
  2314. .job-position,
  2315.  
  2316. .company-name,
  2317.  
  2318. .school-name,
  2319.  
  2320. .school-degree {
  2321.  
  2322. display: block;
  2323.  
  2324. }
  2325.  
  2326. .company-name,
  2327.  
  2328. .school-degree {
  2329.  
  2330. color: #FABE28;
  2331.  
  2332. }
  2333.  
  2334. .job-date,
  2335.  
  2336. .school-date {
  2337.  
  2338. text-align: right;
  2339.  
  2340. display: table;
  2341.  
  2342. width: auto;
  2343.  
  2344. float: right;
  2345.  
  2346. padding: 5px;
  2347.  
  2348. border: 1px solid #41474F;
  2349.  
  2350. border-radius: 5px;
  2351.  
  2352. font-size: 16px;
  2353.  
  2354. line-height: 1;
  2355.  
  2356. }
  2357.  
  2358. .job-info,
  2359.  
  2360. .school-info {
  2361.  
  2362. padding: 0;
  2363.  
  2364. margin-bottom: 15px;
  2365.  
  2366. }
  2367.  
  2368. .skill {
  2369.  
  2370. position: relative;
  2371.  
  2372. background-color: #333;
  2373.  
  2374. margin-bottom: 15px;
  2375.  
  2376. color: #fff;
  2377.  
  2378. }
  2379.  
  2380. .skillbar-bar {
  2381.  
  2382. width: 0;
  2383.  
  2384. height: 50px;
  2385.  
  2386. background-color: #FABE28;
  2387.  
  2388. -webkit-transition: width 1.5s 0.5s;
  2389.  
  2390. transition: width 1.5s 0.5s;
  2391.  
  2392. }
  2393.  
  2394. .skillbar-title,
  2395.  
  2396. .skill-bar-percent {
  2397.  
  2398. position: absolute;
  2399.  
  2400. line-height: 50px;
  2401.  
  2402. top: 0;
  2403.  
  2404. }
  2405.  
  2406. .skillbar-title {
  2407.  
  2408. left: 15px;
  2409.  
  2410. }
  2411.  
  2412. .skill-bar-percent {
  2413.  
  2414. right: 15px;
  2415.  
  2416. }
  2417.  
  2418. /*--------------------------------------------------------------
  2419.  
  2420. Social menu
  2421.  
  2422. --------------------------------------------------------------*/
  2423.  
  2424. .social-navigation ul {
  2425.  
  2426. margin: 0 auto 30px;
  2427.  
  2428. text-align: center;
  2429.  
  2430. list-style: none;
  2431.  
  2432. }
  2433.  
  2434.  
  2435.  
  2436. .social-navigation li {
  2437.  
  2438. display: inline-block;
  2439.  
  2440. margin-right: 15px;
  2441.  
  2442. position: relative;
  2443.  
  2444. -webkit-transition: all 0.3s;
  2445.  
  2446. transition: all 0.3s;
  2447.  
  2448. text-align: center;
  2449.  
  2450. }
  2451.  
  2452. .social-widget li a,
  2453.  
  2454. .social-navigation li a {
  2455.  
  2456. text-decoration: none;
  2457.  
  2458. }
  2459.  
  2460. .social-navigation li a::before {
  2461.  
  2462. position: relative;
  2463.  
  2464. top: 3px;
  2465.  
  2466. line-height: 1;
  2467.  
  2468. color: #dadada;
  2469.  
  2470. font-family: FontAwesome;
  2471.  
  2472. }
  2473.  
  2474. .social-navigation li a::before {
  2475.  
  2476. font-size: 28px;
  2477.  
  2478. }
  2479.  
  2480. .social-navigation li a[href*="twitter.com"]::before {
  2481.  
  2482. content: '\f099';
  2483.  
  2484. }
  2485.  
  2486. .social-navigation a[href*="facebook.com"]::before {
  2487.  
  2488. content: '\f09a';
  2489.  
  2490. }
  2491.  
  2492. .social-navigation li a[href*="google.com/+"]::before {
  2493.  
  2494. content: '\f0d5';
  2495.  
  2496. }
  2497.  
  2498. .social-navigation li a[href*="dribbble.com"]::before {
  2499.  
  2500. content: '\f17d';
  2501.  
  2502. }
  2503.  
  2504. .social-navigation li a[href*="pinterest.com"]::before {
  2505.  
  2506. content: '\f0d2';
  2507.  
  2508. }
  2509.  
  2510. .social-navigation li a[href*="youtube.com"]::before {
  2511.  
  2512. content: '\f167';
  2513.  
  2514. }
  2515.  
  2516. .social-navigation li a[href*="flickr.com"]::before {
  2517.  
  2518. content: '\f16e';
  2519.  
  2520. }
  2521.  
  2522. .social-navigation li a[href*="vimeo.com"]::before {
  2523.  
  2524. content: '\f194';
  2525.  
  2526. }
  2527.  
  2528. .social-navigation li a[href*="instagram.com"]::before {
  2529.  
  2530. content: '\f16d';
  2531.  
  2532. }
  2533.  
  2534. .social-navigation li a[href*="linkedin.com"]::before {
  2535.  
  2536. content: '\f0e1';
  2537.  
  2538. }
  2539.  
  2540. .social-navigation li a[href*="foursquare.com"]::before {
  2541.  
  2542. content: '\f180';
  2543.  
  2544. }
  2545.  
  2546. .social-navigation li a[href*="tumblr.com"]::before {
  2547.  
  2548. content: '\f173';
  2549.  
  2550. }
  2551.  
  2552.  
  2553.  
  2554. /*--------------------------------------------------------------
  2555.  
  2556. Footer widget area
  2557.  
  2558. --------------------------------------------------------------*/
  2559.  
  2560. .footer-widget-area {
  2561.  
  2562. background-color: #333;
  2563.  
  2564. padding: 30px 0;
  2565.  
  2566. border-bottom: 1px solid #222;
  2567.  
  2568. }
  2569.  
  2570. .footer-widget-area .widget,
  2571.  
  2572. .footer-widget-area .widget a,
  2573.  
  2574. .footer-widget-area .widget-title {
  2575.  
  2576. color: #dadada;
  2577.  
  2578. }
  2579.  
  2580. /*--------------------------------------------------------------
  2581.  
  2582. Third party plugin support
  2583.  
  2584. --------------------------------------------------------------*/
  2585.  
  2586. /* Breadcrumb NavXT */
  2587.  
  2588. .breadcrumbs {
  2589.  
  2590. margin-bottom: 30px;
  2591.  
  2592. background-color: #f7f7f7;
  2593.  
  2594. border: 1px solid #ebebeb;
  2595.  
  2596. padding: 5px;
  2597.  
  2598. font-size: 14px;
  2599.  
  2600. }
  2601.  
  2602. /* WP-Pagenavi */
  2603.  
  2604. .wp-pagenavi {
  2605.  
  2606. display: table;
  2607.  
  2608. margin: 30px auto 0;
  2609.  
  2610. }
  2611.  
  2612. .wp-pagenavi a,
  2613.  
  2614. .wp-pagenavi span {
  2615.  
  2616. background: #606C74;
  2617.  
  2618. color: #fff;
  2619.  
  2620. text-decoration: none;
  2621.  
  2622. padding: 5px 10px;
  2623.  
  2624. }
  2625.  
  2626. .wp-pagenavi a:hover,
  2627.  
  2628. .wp-pagenavi span.current {
  2629.  
  2630. border-color: #444;
  2631.  
  2632. }
  2633.  
  2634. /*--------------------------------------------------------------
  2635.  
  2636. Responsive
  2637.  
  2638. --------------------------------------------------------------*/
  2639.  
  2640. @media only screen and (max-width: 1199px) {
  2641.  
  2642. .content-area {
  2643.  
  2644. width: 550px;
  2645.  
  2646. }
  2647.  
  2648. .fullwidth {
  2649.  
  2650. width: 100%;
  2651.  
  2652. }
  2653.  
  2654. .home-masonry .hentry {
  2655.  
  2656. width: 263px;
  2657.  
  2658. }
  2659.  
  2660. }
  2661.  
  2662. @media only screen and (max-width: 1024px) {
  2663.  
  2664. .main-navigation {
  2665.  
  2666. display: none;
  2667.  
  2668. }
  2669.  
  2670. .mobile-nav {
  2671.  
  2672. display: block;
  2673.  
  2674. }
  2675.  
  2676. .header-image {
  2677.  
  2678. display: block;
  2679.  
  2680. border-bottom: 4px solid #FABE28;
  2681.  
  2682. }
  2683.  
  2684. .site-header {
  2685.  
  2686. text-align: center;
  2687.  
  2688. }
  2689.  
  2690. .has-banner.site-header {
  2691.  
  2692. position: absolute;
  2693.  
  2694. top: 0;
  2695.  
  2696. background-color: transparent;
  2697.  
  2698. width: 100%;
  2699.  
  2700. border: 0;
  2701.  
  2702. }
  2703.  
  2704. .has-banner.site-header .container {
  2705.  
  2706. background-color: transparent;
  2707.  
  2708. }
  2709.  
  2710. .has-banner .container {
  2711.  
  2712. background-color: transparent;
  2713.  
  2714. }
  2715.  
  2716. .has-banner .site-branding {
  2717.  
  2718. padding: 10px 30px;
  2719.  
  2720. }
  2721.  
  2722. .site-header .amplify-search-form {
  2723.  
  2724. position: relative;
  2725.  
  2726. margin-top: 15px;
  2727.  
  2728. }
  2729.  
  2730. .site-header .search-field {
  2731.  
  2732. right: 50%;
  2733.  
  2734. }
  2735.  
  2736. .site-header .bottom-left .search-field {
  2737.  
  2738. left: 50%;
  2739.  
  2740. }
  2741.  
  2742. .site-header .bottom-left .search-expanded {
  2743.  
  2744. left: auto;
  2745.  
  2746. }
  2747.  
  2748. }
  2749.  
  2750. @media only screen and (max-width: 991px) {
  2751.  
  2752. .content-area,
  2753.  
  2754. .widget-area {
  2755.  
  2756. width: 100%;
  2757.  
  2758. }
  2759.  
  2760. .sidebar-toggle {
  2761.  
  2762. display: block;
  2763.  
  2764. }
  2765.  
  2766. .widget-area {
  2767.  
  2768. display: none;
  2769.  
  2770. margin-top: 30px;
  2771.  
  2772. }
  2773.  
  2774. .home-masonry .hentry {
  2775.  
  2776. width: 300px;
  2777.  
  2778. }
  2779.  
  2780. .has-banner.site-header {
  2781.  
  2782. position: relative;
  2783.  
  2784. }
  2785.  
  2786. }
  2787.  
  2788. @media only screen and (max-width: 767px) {
  2789.  
  2790. .home-masonry .hentry {
  2791.  
  2792. width: 100%;
  2793.  
  2794. margin: 0 0 30px;
  2795.  
  2796. }
  2797.  
  2798. .home-masonry {
  2799.  
  2800. max-width: 100%;
  2801.  
  2802. }
  2803.  
  2804. .site-content {
  2805.  
  2806. padding: 30px 15px;
  2807.  
  2808. }
  2809.  
  2810. .site-title {
  2811.  
  2812. font-size: 40px;
  2813.  
  2814. }
  2815.  
  2816. h1 {
  2817.  
  2818. font-size: 30px;
  2819.  
  2820. }
  2821.  
  2822. }
  2823.  
  2824. @media only screen and (max-width: 600px) {
  2825.  
  2826. .comment-list .children {
  2827.  
  2828. padding: 0;
  2829.  
  2830. }
  2831.  
  2832. .block-nav, .block-2 .block-icon, .block-2 .block-text, .block-4 .block-icon, .block-4 .block-text {
  2833.  
  2834. float: none;
  2835.  
  2836. }
  2837.  
  2838. .fp-block {
  2839.  
  2840. padding: 30px;
  2841.  
  2842. }
  2843.  
  2844. .project {
  2845.  
  2846. width: 100%;
  2847.  
  2848. }
  2849.  
  2850. .site-header {
  2851.  
  2852. text-align: none;
  2853.  
  2854. }
  2855.  
  2856. .site-branding {
  2857.  
  2858. text-align: center;
  2859.  
  2860. }
  2861.  
  2862. .amplify-search-form {
  2863.  
  2864. text-align: right;
  2865.  
  2866. }
  2867.  
  2868. .site-header .search-field {
  2869.  
  2870. right: 30px;
  2871.  
  2872. }
  2873.  
  2874. .site-header .bottom-left {
  2875.  
  2876. text-align: left;
  2877.  
  2878. }
  2879.  
  2880. .site-header .bottom-left .search-field {
  2881.  
  2882. left: 0;
  2883.  
  2884. }
  2885.  
  2886. .site-header .bottom-left .search-expanded {
  2887.  
  2888. left: 52px;
  2889.  
  2890. }
  2891.  
  2892. .site-branding .site-logo {
  2893.  
  2894. max-width: 200px;
  2895.  
  2896. }
  2897.  
  2898. }
  2899.  
  2900. @media only screen and (max-width: 450px) {
  2901.  
  2902. .job-info,
  2903.  
  2904. .job-date,
  2905.  
  2906. .school-info,
  2907.  
  2908. .school-date {
  2909.  
  2910. width: 100%;
  2911.  
  2912. text-align: center;
  2913.  
  2914. }
  2915.  
  2916. .job-date,
  2917.  
  2918. .school-date {
  2919.  
  2920. margin-bottom: 15px;
  2921.  
  2922. }
  2923.  
  2924. }
  2925.  
  2926. @media only screen and (max-width: 320px) {
  2927.  
  2928. .fp-block {
  2929.  
  2930. padding: 30px 15px;
  2931.  
  2932. }
  2933.  
  2934. .banner-meta {
  2935.  
  2936. font-size: 14px;
  2937.  
  2938. }
  2939.  
  2940. }
  2941.  
  2942. #site-generator {
  2943.  
  2944. display: none;
  2945.  
  2946. }
  2947.  
  2948. /*@media (min-width: 1025px) {*/
  2949.  
  2950. #site-navigation {
  2951.  
  2952. left: 0;
  2953.  
  2954. position: fixed;
  2955.  
  2956. }
  2957.  
  2958. /*}*/
RAW Paste Data