Advertisement
Guest User

Untitled

a guest
May 6th, 2013
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 57.19 KB | None | 0 0
  1. @charset "utf-8";
  2. /*
  3. Theme Name: Pinboard
  4. Theme URI: http://www.onedesigns.com/wordpress-themes/pinboard
  5. Description: A crafty and elegant theme powered by an advanced theme framework and grid system. With virtually unlimited layout options and styles, ideal for showcasing your portfolio of works or other multimedia elements like images, photo galleries, videos and podcasts.
  6. Version: 1.0.7
  7. Author: One Designs
  8. Author URI: http://www.onedesigns.com/
  9. Tags: blue, gray, silver, white, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging
  10.  
  11. License: GNU General Public License v2.0
  12. License URI: license.txt
  13. */
  14.  
  15. /*
  16. DO NOT EDIT THIS STYLESHEET!
  17. Any modifications made to this file will be lost if you update the theme.
  18. Instead, go to Appearance > Theme Options > Layout and enter your custom CSS there or create a child theme.
  19. Any style attributes declared there will override the ones in this file and will not be lost during theme update.
  20. */
  21.  
  22. html, body, div, span, applet, object, iframe,
  23. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  24. a, abbr, acronym, address, big, cite, code,
  25. del, dfn, em, img, ins, kbd, q, s, samp,
  26. small, strike, strong, sub, sup, tt, var,
  27. b, u, i, center,
  28. dl, dt, dd, ol, ul, li,
  29. fieldset, form, label, legend,
  30. table, caption, tbody, tfoot, thead, tr, th, td,
  31. article, aside, canvas, details, embed,
  32. figure, figcaption, footer, header, hgroup,
  33. menu, nav, output, ruby, section, summary,
  34. time, mark, audio, video {
  35. margin: 0;
  36. padding: 0;
  37. border: 0;
  38. font-size: 100%;
  39. font: inherit;
  40. vertical-align: baseline;
  41. }
  42. /* HTML5 display-role reset for older browsers */
  43. article, aside, details, figcaption, figure,
  44. footer, header, hgroup, menu, nav, section {
  45. display: block;
  46. }
  47. body {
  48. line-height: 1;
  49. }
  50. ol, ul {
  51. list-style: none;
  52. }
  53. blockquote, q {
  54. quotes: none;
  55. }
  56. blockquote:before, blockquote:after,
  57. q:before, q:after {
  58. content: '';
  59. content: none;
  60. }
  61. table {
  62. border-collapse: collapse;
  63. border-spacing: 0;
  64. }
  65.  
  66. /*
  67. Clear Floated Elements
  68. */
  69.  
  70. .clear {
  71. clear:both;
  72. display:block;
  73. overflow:hidden;
  74. visibility:hidden;
  75. width:0;
  76. height:0;
  77. }
  78.  
  79. .clear:after {
  80. clear:both;
  81. content:' ';
  82. display:block;
  83. font-size:0;
  84. line-height:0;
  85. visibility:hidden;
  86. width:0;
  87. height:0;
  88. }
  89.  
  90. * html .clear {
  91. height:1%;
  92. }
  93.  
  94. /*
  95. Style HTML Tags
  96. */
  97.  
  98. body {
  99. background:#ccc;
  100. color:#333;
  101. font-family:"Open Sans", sans-serif;
  102. font-size:13px;
  103. line-height:1.62em;
  104. }
  105.  
  106. a {
  107. color:#21759b;
  108. text-decoration:none;
  109. -moz-transition: color .25s ease, margin .25s ease;
  110. -webkit-transition: color .25s ease, margin .25s ease;
  111. -o-transition: color .25s ease, margin .25s ease;
  112. -ms-transition: color .25s ease, margin .25s ease;
  113. transition: color .25s ease, margin .25s ease;
  114. }
  115.  
  116. a:hover {
  117. color:#21759B;
  118. }
  119.  
  120. h1, h2, h3, h4, h5, h6 {
  121. margin-bottom:18px;
  122. font-family:"Oswald", sans-serif;
  123. font-weight:300;
  124. line-height:1.62em;
  125. letter-spacing:1px;
  126. }
  127.  
  128. h1 {
  129. font-size:36px;
  130. }
  131.  
  132. h2 {
  133. font-size:32px;
  134. }
  135.  
  136. h3 {
  137. font-size:24px;
  138. }
  139.  
  140. h4 {
  141. font-size:18px;
  142. }
  143.  
  144. h5 {
  145. font-size:16px;
  146. }
  147.  
  148. h6 {
  149. font-size:15px;
  150. }
  151.  
  152. p {
  153. margin-bottom:24px;
  154. }
  155.  
  156. blockquote {
  157. position:relative;
  158. color:#444;
  159. font-family:Georgia, "URW Bookman L", serif;
  160. font-style:italic;
  161. margin:0 30px 0 60px;
  162. }
  163.  
  164. blockquote:before {
  165. position:absolute;
  166. top:30px;
  167. left:-75px;
  168. content:"\201C";
  169. color:#DDD;
  170. font-family:serif;
  171. font-size:96px;
  172. }
  173.  
  174. blockquote cite {
  175. font-style:normal;
  176. }
  177.  
  178. blockquote cite:before {
  179. content:"\2014";
  180. padding-right:8px;
  181. }
  182.  
  183. table {
  184. width:100%;
  185. border-collapse:collapse;
  186. text-align:center;
  187. margin-bottom:24px;
  188. }
  189.  
  190. table tr:nth-child(even) {
  191. background:#F8F8F8;
  192. }
  193.  
  194. table th,
  195. table td {
  196. padding:6px 0;
  197. }
  198.  
  199. table th {
  200. font-weight:600;
  201. }
  202.  
  203. fieldset {
  204. border:#EEE 1px solid;
  205. padding:2%;
  206. }
  207.  
  208. input[type="text"],
  209. input[type="password"],
  210. textarea {
  211. padding:1.5%;
  212. box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .05);
  213. background:#FCFCFC;
  214. border:#EEE 1px solid;
  215. color:#999;
  216. font-family:"Droid Sans", sans-serif;
  217. font-size:13px;
  218. }
  219.  
  220. input[type="text"]:focus,
  221. input[type="password"]:focus,
  222. textarea:focus {
  223. background:#FFF;
  224. border:#ddd 1px solid;
  225. color:#333;
  226. outline: none;
  227. }
  228.  
  229. textarea {
  230. font-size:15px;
  231. }
  232.  
  233. input[type=submit],
  234. input[type=reset],
  235. input[type=button] {
  236. padding:4px 15px;
  237. border-radius:15px;
  238. box-shadow:0 0 5px rgba(0, 0, 0, .1);
  239. background:#F8F8F8;
  240. background:-moz-linear-gradient(#FCFCFC, #F3F3F3);
  241. background:-webkit-linear-gradient(#FCFCFC, #F3F3F3);
  242. background:-o-linear-gradient(#FCFCFC, #F3F3F3);
  243. background:-ms-linear-gradient(#FCFCFC, #F3F3F3);
  244. background:linear-gradient(#FCFCFC, #F3F3F3);
  245. border:none;
  246. border-bottom:#DDD 1px solid;
  247. color:#444;
  248. font-family:"Open Sans", sans-serif;
  249. font-size:13px;
  250. }
  251.  
  252. input[type=submit]:hover,
  253. input[type=reset]:hover,
  254. input[type=button]:hover {
  255. box-shadow:#aaa 0 0 5px;
  256. }
  257.  
  258. input[type=submit]:focus,
  259. input[type=reset]:focus,
  260. input[type=button]:focus {
  261. box-shadow:#aaa 0 0 5px;
  262. background:-moz-linear-gradient(#EEE, #F9F9F9);
  263. background:-webkit-linear-gradient(#EEE, #F9F9F9);
  264. background:-o-linear-gradient(#EEE, #F9F9F9);
  265. background:-ms-linear-gradient(#EEE, #F9F9F9);
  266. background:linear-gradient(#EEE, #F9F9F9);
  267. }
  268.  
  269. hr {
  270. border:none;
  271. border-top:#EEE 1px solid;
  272. }
  273.  
  274. dt {
  275. font-weight:600;
  276. margin-bottom:24px;
  277. }
  278.  
  279. dd {
  280. margin-left:30px;
  281. margin-bottom:24px;
  282. }
  283.  
  284. ul {
  285. list-style-type:disc;
  286. margin-left:30px;
  287. margin-bottom:24px;
  288. }
  289.  
  290. ul li {
  291. margin-top:4px;
  292. }
  293.  
  294. ul ul {
  295. list-style-type:square;
  296. margin-bottom:0;
  297. }
  298.  
  299. ul ul ul {
  300. list-style-type:circle;
  301. }
  302.  
  303. ol {
  304. list-style-type:decimal;
  305. margin-left:30px;
  306. margin-bottom:24px;
  307. }
  308.  
  309. ol ol {
  310. list-style: upper-alpha;
  311. margin-bottom:0
  312. }
  313.  
  314. ol ol ol {
  315. list-style: lower-roman;
  316. }
  317.  
  318. ol ol ol ol {
  319. list-style: lower-alpha;
  320. }
  321.  
  322. address {
  323. font-size:14px;
  324. font-style:italic;
  325. margin-bottom:16px;
  326. }
  327.  
  328. code {
  329. padding:1px 4px;
  330. background:#F8F8F8;
  331. background:-moz-linear-gradient(#F8F8F8, #F3F3F3);
  332. background:-webkit-linear-gradient(#F9F9F9, #F3F3F3);
  333. background:-o-linear-gradient(#F8F8F8, #F3F3F3);
  334. background:-ms-linear-gradient(#F8F8F8, #F3F3F3);
  335. background:linear-gradient(#F8F8F8, #F3F3F3);
  336. border-radius:4px;
  337. box-shadow:0 1px 1px rgba(0, 0, 0, .2);
  338. font-family:Monaco, Consolas, "Lucida Console", "Bitstream Vera Sans Mono", monospace;
  339. font-size:12px;
  340. }
  341.  
  342. kbd,
  343. tt {
  344. font-family:monospace;
  345. }
  346.  
  347. abbr,
  348. acronym {
  349. border-bottom:#999 1px dotted;
  350. cursor:help;
  351. }
  352.  
  353. big {
  354. font-size:1.3em;
  355. }
  356.  
  357. cite,
  358. em {
  359. font-style:italic;
  360. }
  361.  
  362. ins {
  363. padding:1px 4px;
  364. background:#FF0;
  365. background:-moz-linear-gradient(#FF3, #EE0);
  366. background:-webkit-linear-gradient(#FF3, #EE0);
  367. background:-o-linear-gradient(#FF3, #EE0);
  368. background:-ms-linear-gradient(#FF3, #EE0);
  369. background:linear-gradient(#FF3, #EE0);
  370. border-radius:4px;
  371. box-shadow:0 1px 1px rgba(0, 0, 0, .2);
  372. text-decoration:none;
  373. }
  374.  
  375. pre {
  376. padding:15px;
  377. background:#F8F8F8;
  378. border:#E3E3E3 1px dashed;
  379. color:#000;
  380. font-family:Monaco, Consolas, "Lucida Console", "Bitstream Vera Sans Mono", monospace;
  381. font-size:12px;
  382. line-height:1.62em;
  383. margin-bottom:24px;
  384. overflow:auto;
  385. }
  386.  
  387. q {
  388. quotes:inherit;
  389. }
  390.  
  391. q:before {
  392. content:open-quote;
  393. }
  394.  
  395. q:after {
  396. content:close-quote;
  397. }
  398.  
  399. strong {
  400. font-weight:600;
  401. }
  402.  
  403. sup,
  404. sub {
  405. height:0;
  406. line-height:1;
  407. vertical-align:baseline;
  408. position:relative;
  409. font-size:10px;
  410. }
  411.  
  412. sup {
  413. bottom:1ex;
  414. }
  415.  
  416. sub {
  417. top:.5ex;
  418. }
  419.  
  420. img,
  421. video {
  422. max-width:100%;
  423. height:auto;
  424. }
  425.  
  426. figure img {
  427. display:block;
  428. margin:0 auto;
  429. }
  430.  
  431. video {
  432. display:block;
  433. }
  434.  
  435. audio {
  436. max-width:100%;
  437. }
  438.  
  439. .entry-content a img,
  440. #attachment-nav a img {
  441. max-width: 98.5%;
  442. padding:0.8%;
  443. box-shadow:0 0 3px #EEE;
  444. background:#FFF;
  445. border:#EEE 1px solid;
  446. }
  447.  
  448. .entry-content a:hover img,
  449. #attachment-nav a:hover img {
  450. background:#F0F0F0;
  451. }
  452.  
  453. /*
  454. WordPress Standard Tags
  455. */
  456.  
  457. .aligncenter {
  458. display:block;
  459. margin:20px auto;
  460. }
  461.  
  462. .alignleft {
  463. float:left;
  464. margin:10px 20px 10px 0;
  465. }
  466.  
  467. .alignright {
  468. float:right;
  469. margin:10px 0 10px 20px;
  470. }
  471.  
  472. .wp-caption {
  473. max-width:96%;
  474. padding:3% 2%;
  475. box-shadow:0 0 5px rgba(0, 0, 0, .1);
  476. background:#FCFCFC;
  477. border-bottom:#EEE 1px solid;
  478. }
  479.  
  480. .wp-caption a img {
  481. display:block;
  482. padding:0;
  483. margin:0 auto;
  484. border:none;
  485. box-shadow:none;
  486. }
  487.  
  488. .wp-caption-text {
  489. margin:3% 0 0;
  490. color:#333;
  491. font-size:13px;
  492. line-height:1.62em;
  493. text-align:center;
  494. }
  495.  
  496. .gallery {
  497. margin:auto;
  498. }
  499.  
  500. .gallery-item {
  501. float:left;
  502. padding:10px 0;
  503. background:#FCFCFC;
  504. border-bottom:#EEE 1px solid;
  505. box-shadow:0 0 5px rgba(0, 0, 0, .1);
  506. text-align:center;
  507. }
  508.  
  509. .gallery-columns-1 .gallery-item {
  510. width:90%;
  511. margin:0 1.5% 3%;
  512. }
  513.  
  514. .gallery-columns-2 .gallery-item {
  515. width:45%;
  516. margin:0 1.5% 3%;
  517. }
  518.  
  519. .gallery-columns-3 .gallery-item {
  520. width:30%;
  521. margin:0 1.3% 3%;
  522. }
  523.  
  524. .gallery-columns-4 .gallery-item {
  525. width:22%;
  526. margin:0 1.2% 3%;
  527. }
  528.  
  529. .gallery-columns-5 .gallery-item {
  530. width:17%;
  531. margin:0 1.2% 3%;
  532. }
  533.  
  534. .gallery-item:hover {
  535. background:#F4F4F4;
  536. }
  537.  
  538. .gallery-item a img {
  539. display:block;
  540. padding:0;
  541. margin:0 auto;
  542. border:none;
  543. box-shadow:none;
  544. }
  545.  
  546. .gallery-icon {
  547. margin:0;
  548. }
  549.  
  550. .gallery-caption {
  551. padding:10px 10px 0;
  552. margin:0;
  553. font-size:12px;
  554. line-height:16px;
  555. text-align:center;
  556. }
  557.  
  558. .sticky {
  559. }
  560.  
  561. .bypostauthor > .comment-body {
  562. background:#F0F0F0;
  563. }
  564.  
  565. /*
  566. Grid System
  567. */
  568.  
  569. .column {
  570. float:left;
  571. }
  572.  
  573. .onecol {
  574. width:100%;
  575. }
  576.  
  577. .twocol {
  578. width:50%;
  579. }
  580.  
  581. .threecol {
  582. width:33.3%;
  583. }
  584.  
  585. .fourcol {
  586. width:25%;
  587. }
  588.  
  589. .twothirdcol {
  590. width:66.7%;
  591. }
  592.  
  593. .threefourthcol {
  594. width:75%;
  595. }
  596.  
  597. /*
  598. Theme Design, Layout and Typography
  599. */
  600.  
  601. #wrapper {
  602. position:relative;
  603. max-width:1140px;
  604. margin:0 auto;
  605. box-shadow:0 0 18px rgba(0, 0, 0, .4);
  606. background:#f8f8f8;
  607.  
  608.  
  609. }
  610.  
  611. .page-template-template-no-sidebars-php #wrapper,
  612. .page-template-template-blog-no-sidebars-php #wrapper,
  613. .page-template-template-portfolio-no-sidebars-php #wrapper {
  614. max-width:760px;
  615. }
  616.  
  617. #header {
  618. border-top:#111 3px solid;
  619. size: cover;
  620. }
  621.  
  622. #site-title a,
  623. #site-description {
  624. color:#333;
  625. }
  626.  
  627. #site-title,
  628. #site-description {
  629. margin:0;
  630. font-weight:300;
  631. float:left;
  632. line-height:150px;
  633. }
  634.  
  635. #site-title {
  636. margin: 0 auto;
  637. text-align:center;
  638. font-family:"Oswald", sans-serif;
  639. font-size:32px;
  640. letter-spacing:1px;
  641. }
  642.  
  643. #site-title img {
  644.  
  645. margin: 0 auto;
  646. text-align:center;
  647. }
  648.  
  649. #site-description {
  650. margin-left:20px;
  651. font-size:12px;
  652. font-weight:normal;
  653. }
  654.  
  655. #sidebar-header {
  656. float:right;
  657. width:728px;
  658. height:90px;
  659. margin:15px 0;
  660. overflow:hidden;
  661. }
  662.  
  663. .page-template-template-no-sidebars-php #sidebar-header {
  664. width:468px;
  665. height:60px;
  666. margin-top:20px;
  667. }
  668.  
  669. #sidebar-header .widget {
  670. margin:0;
  671. }
  672.  
  673. #sidebar-header .widget-title {
  674. margin-top:0;
  675. }
  676.  
  677. #sidebar-header img {
  678. display:block;
  679. margin:0;
  680. }
  681.  
  682. #header #searchform {
  683. margin:60px 3.4% 0 3px;
  684. }
  685.  
  686. #header input#s {
  687. width: 0;
  688. height: 16px;
  689. padding:8px 16px;
  690. margin-right:0;
  691. background:#dedede url(images/search.png) right center no-repeat;
  692. background:rgba(0, 0, 0, .1) url(images/search.png) right center no-repeat;
  693. border:none;
  694. border-radius:24px;
  695. box-shadow: none;
  696. color:#999;
  697. font-size:12px;
  698. font-family:"Open Sans", sans-serif;
  699. text-indent: 16px;
  700. -moz-transition: width .25s ease, margin .25s ease;
  701. -webkit-transition: width .25s ease, margin .25s ease;
  702. -o-transition: width .25s ease, margin .25s ease;
  703. -ms-transition: width .25s ease, margin .25s ease;
  704. transition: width .25s ease, margin .25s ease;
  705. }
  706.  
  707. #header input#s:focus {
  708. width:180px;
  709. background:#ececec url(images/search.png) right center no-repeat;
  710. box-shadow:inset 1px 1px 5px 1px rgba(0, 0, 0, .1);
  711. color:#333;
  712. text-indent: 0;
  713. }
  714.  
  715. .widget-area #s {
  716. padding: 3%;
  717. margin: 0;
  718. width: 94%;
  719. }
  720.  
  721. #sidebar-left #s,
  722. #sidebar-right #s {
  723. max-width:88%;
  724. width: auto;
  725. padding: 6%;
  726. }
  727.  
  728. input#searchsubmit {
  729. display:none;
  730. width:30px;
  731. padding:2px;
  732. margin-right:10px;
  733. background:#a8a8a8;
  734. background:-moz-linear-gradient(#CCC,#999);
  735. background:-webkit-linear-gradient(#CCC,#999);
  736. background:-o-linear-gradient(#CCC,#999);
  737. background:-ms-linear-gradient(#CCC,#999);
  738. background:linear-gradient(#CCC,#999);
  739. border:#999 1px solid;
  740. color:#333;
  741. text-align:center;
  742. }
  743.  
  744. #social-media-icons {
  745. float: right;
  746. margin-top: 60px;
  747. }
  748.  
  749. a.social-media-icon {
  750. display: inline-block;
  751. width: 32px;
  752. height: 32px;
  753. margin-right: 6px;
  754. background-position: 0 0;
  755. overflow: hidden;
  756. text-indent: -1000px;
  757. -moz-transition: background-position .25s ease;
  758. -webkit-transition: background-position .25s ease;
  759. -o-transition: background-position .25s ease;
  760. -ms-transition: background-position .25s ease;
  761. transition: background-position .25s ease;
  762. }
  763.  
  764. a.social-media-icon:hover {
  765. background-position: 0 -32px;
  766. }
  767.  
  768. .facebook {
  769. background-image: url(images/facebook.png);
  770. }
  771.  
  772. .twitter {
  773. background-image: url(images/twitter.png);
  774. }
  775.  
  776. .pinterest {
  777. background-image: url(images/pinterest.png);
  778. }
  779.  
  780. .flickr {
  781. background-image: url(images/flickr.png);
  782. }
  783.  
  784. .vimeo {
  785. background-image: url(images/vimeo.png);
  786. }
  787.  
  788. .youtube {
  789. background-image: url(images/youtube.png);
  790. }
  791.  
  792. .google-plus {
  793. background-image: url(images/google-plus.png);
  794. }
  795.  
  796. .dribble {
  797. background-image: url(images/dribble.png);
  798. }
  799.  
  800. .linkedin {
  801. background-image: url(images/linkedin.png);
  802. }
  803.  
  804. #header-image {
  805. float: none;
  806. display:block;
  807. max-width:99.1%;
  808. padding:0.45%;
  809. margin-bottom:1.76%;
  810. box-shadow:0 0 3px #999;
  811. background:#fff;
  812. text-align: center;
  813. }
  814.  
  815. #access {
  816. padding:0 20px;
  817. background:#111;
  818. box-shadow:0 0 7px rgba(0, 0, 0, .1);
  819. }
  820.  
  821. #access ul {
  822. float:left;
  823. padding:0;
  824. margin:0;
  825. list-style:none;
  826. font-weight:600;
  827. text-transform:uppercase;
  828. }
  829.  
  830. #access li {
  831. position:relative;
  832. float:left;
  833. padding:0;
  834. margin:0;
  835. }
  836.  
  837. #access ul li:first-child {
  838. padding-left:0;
  839. }
  840.  
  841. #access a {
  842. display:block;
  843. padding:15px 24px;
  844. color:#f0f0f0;
  845. text-decoration:none;
  846. -moz-transition: background-color .25s ease, margin .25s ease;
  847. -webkit-transition: background-color .25s ease, margin .25s ease;
  848. -o-transition: background-color .25s ease, margin .25s ease;
  849. -ms-transition: background-color .25s ease, margin .25s ease;
  850. transition: background-color .25s ease, margin .25s ease;
  851. }
  852.  
  853.  
  854. #access a:hover,
  855. #access li.current_page_item > a,
  856. #access li.current-menu-item > a {
  857. background:rgba(255, 255, 255, .2);
  858. color:#fff;
  859. text-decoration:none;
  860. }
  861.  
  862. #access a span {
  863. color:#999;
  864. font-size:11px;
  865. font-style:italic;
  866. font-weight:normal;
  867. line-height:1.62em;
  868. text-transform:none;
  869. }
  870.  
  871. .drop-down-toggle {
  872. display:none;
  873. position:absolute;
  874. top:7px;
  875. right:16px;
  876. width:20px;
  877. height:20px;
  878. background:#333;
  879. border:#eee 3px solid;
  880. border-radius:15px;
  881. }
  882.  
  883. .drop-down-arrow {
  884. display:block;
  885. width:0;
  886. height:0;
  887. margin:8px 0 0 5px;
  888. border-top:5px solid #eee;
  889. border-left:transparent 5px solid;
  890. border-right:transparent 5px solid;
  891. }
  892.  
  893. #access li li {
  894. float:none;
  895. min-width:190px;
  896. padding:0;
  897. margin:0;
  898. background:#333;
  899. border-top:rgba(255, 255, 255, .05) 1px solid;
  900. border-bottom:rgba(0, 0, 0, .1) 1px solid;
  901. }
  902.  
  903. #access li li a {
  904. min-width:150px;
  905. padding:5px 24px;
  906. margin:0;
  907. background: none;
  908. font-size:13px;
  909. line-height:33px;
  910. text-align:left;
  911. overflow:hidden;
  912. }
  913.  
  914. #access li li:first-child > a {
  915. border-top: none;
  916. }
  917.  
  918. #access li li:last-child > a {
  919. border-bottom: none;
  920. }
  921.  
  922. #access li li a:hover {
  923. background:rgba(255, 255, 255, .2);
  924. }
  925.  
  926. #access li ul {
  927. display:none;
  928. position:absolute;
  929. z-index:9999;
  930. min-width:240px;
  931. height:auto;
  932. padding:0;
  933. margin:0;
  934. box-shadow:0 0 3px #333;
  935. font-weight: normal;
  936. text-transform: none;
  937. }
  938.  
  939. #access li ul ul {
  940. margin:-45px 0 0 240px !important;
  941. }
  942.  
  943. #access li:hover > ul,
  944. #access li li:hover > ul,
  945. #access li li li:hover > ul {
  946. display:block;
  947. }
  948.  
  949. #access .nav-show,
  950. #access .nav-hide {
  951. display:none;
  952. }
  953.  
  954. .page-template-template-no-sidebars-php #container {
  955. margin:2.4%;
  956. }
  957.  
  958. #slider {
  959. position:relative;
  960. }
  961.  
  962. #slider a:active {
  963. outline:none;
  964. }
  965.  
  966. .slides,
  967. .flex-control-nav {
  968. margin:0;
  969. padding:0;
  970. list-style:none;
  971. }
  972.  
  973. .slides {
  974. width:100%;
  975. overflow:hidden;
  976. }
  977.  
  978. #slider .slides > li {
  979. display:none;
  980. position:relative;
  981. margin:0;
  982. }
  983.  
  984. #slider .slides li:first-child {
  985. display:list-item;
  986. }
  987.  
  988. .flex-pauseplay span {
  989. text-transform:capitalize;
  990. }
  991.  
  992. .slides:after {
  993. content:".";
  994. display:block;
  995. clear:both;
  996. visibility:hidden;
  997. line-height:0;
  998. height:0;
  999. }
  1000.  
  1001. .flex-control-nav {
  1002. position:absolute;
  1003. right:0;
  1004. bottom:4%;
  1005. width:100%;
  1006. list-style: none;
  1007. text-align:center;
  1008. }
  1009.  
  1010. .flex-control-nav li {
  1011. display:inline-block;
  1012. margin:0 0 0 15px;
  1013. }
  1014.  
  1015. .flex-control-nav li:first-child {
  1016. margin:0;
  1017. }
  1018.  
  1019. .flex-control-nav li a {
  1020. display:block;
  1021. width:10px;
  1022. height:10px;
  1023. cursor:pointer;
  1024. background:rgba(255, 255, 255, .4);
  1025. border-radius:24px;
  1026. color:#333;
  1027. font-weight:600;
  1028. line-height:24px;
  1029. text-indent:-48px;
  1030. overflow:hidden;
  1031. }
  1032.  
  1033. .flex-control-nav li a.flex-active,
  1034. .flex-control-nav li a:hover {
  1035. background:rgba(255, 255, 255, .8);
  1036. }
  1037.  
  1038. .flex-direction-nav,
  1039. .flex-pauseplay {
  1040. position:absolute;
  1041. right:43px;
  1042. bottom:8%;
  1043. width:100px;
  1044. margin: 0;
  1045. list-style: none;
  1046. font-size: 18px;
  1047. font-weight: 600;
  1048. z-index: 2;
  1049. }
  1050.  
  1051. .flex-pauseplay {
  1052. right:30px;
  1053. width: 26px;
  1054. font-size: 15px;
  1055. }
  1056.  
  1057. .flex-pause {
  1058. font-family: sans-serif;
  1059. }
  1060.  
  1061. .flex-direction-nav li,
  1062. .flex-pauseplay a {
  1063. float: left;
  1064. margin: 0 5px;
  1065. background: rgba(0, 0, 0, .15);
  1066. border-radius: 4px;
  1067. }
  1068.  
  1069. .flex-direction-nav a,
  1070. .flex-pauseplay a {
  1071. display: inline-block;
  1072. width: 18px;
  1073. padding: 4px 8px;
  1074. color: #fff;
  1075. opacity: .8;
  1076. text-align: center;
  1077. cursor: pointer;
  1078. }
  1079.  
  1080. .flex-direction-nav a:hover,
  1081. .flex-pauseplay a {
  1082. opacity: 1;
  1083. }
  1084.  
  1085. #slider .hentry {
  1086. margin:0;
  1087. box-shadow:none;
  1088. background:none;
  1089. border:none;
  1090. color:#fff;
  1091. text-align:right;
  1092. }
  1093.  
  1094. #slider .wp-post-image,
  1095. #slider .entry-attachment {
  1096. position:relative;
  1097. top:0;
  1098. left:0;
  1099. width:100%;
  1100. }
  1101.  
  1102. #slider .entry-attachment {
  1103. z-index: 1;
  1104. }
  1105.  
  1106. #slider ul li:first-child .entry-container {
  1107. display: block;
  1108. }
  1109.  
  1110. #slider .entry-title {
  1111. display: none;
  1112. position:absolute;
  1113. top:32%;
  1114. right:0;
  1115. z-index:1;
  1116. float:right;
  1117. float:right;
  1118. margin:0;
  1119. font-family: "Open Sans", sans-serif;
  1120. font-size:36px;
  1121. line-height:1.62em;
  1122. }
  1123.  
  1124. #slider li:first-child .entry-title {
  1125. display: block;
  1126. }
  1127.  
  1128. #slider .entry-title a {
  1129. display:block;
  1130. padding:10px 20px;
  1131. background:rgba(0, 0, 0, .15);
  1132. color:#fff;
  1133. }
  1134.  
  1135. #slider .entry-summary {
  1136. clear: both;
  1137. float:right;
  1138. max-width: 61.8%;
  1139. min-width: 324px;
  1140. padding:10px 20px;
  1141. background:rgba(0, 0, 0, .15);
  1142. }
  1143.  
  1144. #slider .entry-summary .entry-attachment {
  1145. position:static;
  1146. max-width:100%;
  1147. height:auto;
  1148. padding:0;
  1149. background:none;
  1150. }
  1151.  
  1152. #slider .entry-attachment,
  1153. #slider .entry-attachment p {
  1154. margin-bottom:0;
  1155. }
  1156.  
  1157. #current-location,
  1158. #sidebar-wide,
  1159. #sidebar-footer-wide {
  1160. padding: 20px 3.1%;
  1161. background: #eee;
  1162. border-bottom: #e0e0e0 1px solid;
  1163. border-bottom: rgba(0, 0, 0, .055) 1px solid;
  1164. font-weight: 300;
  1165. }
  1166.  
  1167. #sidebar-wide,
  1168. #sidebar-footer-wide {
  1169. text-align:center;
  1170. }
  1171.  
  1172. #current-location {
  1173. padding-top:12px;
  1174. }
  1175.  
  1176. #current-location .prefix-text {
  1177. margin:12px 0 0;
  1178. color:#999;
  1179. font-family:"Open Sans", sans-serif;
  1180. font-size:12px;
  1181. font-weight:300;
  1182. line-height:1.62em;
  1183. text-transform:uppercase;
  1184. }
  1185.  
  1186. .category-description {
  1187. margin-top: 4px;
  1188. color: #999;
  1189. }
  1190.  
  1191. .category-description p {
  1192. margin: 0;
  1193. }
  1194.  
  1195. .page-title,
  1196. #sidebar-wide .widget-title,
  1197. #sidebar-footer-wide .widget-title {
  1198. margin:0;
  1199. font-family:"Open Sans", sans-serif;
  1200. font-size:32px;
  1201. font-style:italic;
  1202. font-weight:300;
  1203. letter-spacing:normal;
  1204. }
  1205.  
  1206. #sidebar-wide .widget,
  1207. #sidebar-footer-wide .widget {
  1208. margin:0;
  1209. }
  1210.  
  1211. #sidebar-boxes {
  1212. padding:1.6%;
  1213. }
  1214.  
  1215. #container {
  1216. margin:1.6%;
  1217. }
  1218.  
  1219. .page-template-template-no-sidebars-php #content,
  1220. .page-template-template-blog-no-sidebars-php #content,
  1221. .page-template-template-portfolio-no-sidebars-php #content {
  1222. width: 100%;
  1223. }
  1224.  
  1225. .content-sidebar-wrap {
  1226. float:left;
  1227. width:85.15%;
  1228. }
  1229.  
  1230. .category-filter a {
  1231. display: inline-block;
  1232. padding: 1% 2%;
  1233. margin-left: 2%;
  1234. background:#fff;
  1235. border-bottom:#eee 1px solid;
  1236. border-radius: 4px;
  1237. font-weight: 300;
  1238. }
  1239.  
  1240. .category-filter a:first-child {
  1241. margin: 0;
  1242. }
  1243.  
  1244. .category-filter a:hover {
  1245. background:#fcfcfc;
  1246. }
  1247.  
  1248. .single #content .hentry,
  1249. .page #content .hentry {
  1250. box-shadow:none;
  1251. background:none;
  1252. border:none;
  1253. }
  1254.  
  1255. .page-template-template-sidebar-content-php #content,
  1256. .page-template-template-sidebar-content-half-php #content,
  1257. .page-template-template-blog-left-sidebar-php #content,
  1258. .page-template-template-portfolio-left-sidebar-php #content {
  1259. float:right;
  1260. }
  1261.  
  1262. .page-template-template-content-sidebar-php #content {
  1263. float:left;
  1264. }
  1265.  
  1266. .page-template-template-sidebar-content-sidebar-php .content-sidebar-wrap #content {
  1267. float:right;
  1268. width:80.5%;
  1269. }
  1270.  
  1271. .entry,
  1272. #comments,
  1273. #respond {
  1274. margin:2.5%;
  1275. background:#fff;
  1276. border-bottom:#DDD 1px solid;
  1277. border-bottom:rgba(0, 0, 0, .13) 1px solid;
  1278. box-shadow:0 0 5px rgba(0, 0, 0, .1);
  1279. }
  1280.  
  1281. .onecol .hentry .entry,
  1282. .onecol .hentry #comments,
  1283. .onecol .hentry #respond,
  1284. .category-filter {
  1285. margin:1.7%;
  1286. }
  1287.  
  1288. .onecol .twocol .entry {
  1289. margin: 3.4%;
  1290. }
  1291.  
  1292. .twocol .entry,
  1293. .onecol .threecol .entry,
  1294. #sidebar-boxes .widget,
  1295. .threecol .widget {
  1296. margin:5%;
  1297. }
  1298.  
  1299. .threefourthcol .threecol .entry,
  1300. .onecol .fourcol .entry,
  1301. .fourcol .widget {
  1302. margin:7.5%;
  1303. }
  1304.  
  1305. .twocol .onecol .entry,
  1306. .twocol .onecol #comments,
  1307. .twocol .onecol #respond,
  1308. .twocol .widget {
  1309. margin: 3.4%;
  1310. }
  1311.  
  1312. .single .entry,
  1313. .page .entry,
  1314. .error404 .entry {
  1315. padding: 20px;
  1316. margin-bottom:5.1% !important;
  1317. }
  1318.  
  1319. .page-template-template-blog-php.page .entry,
  1320. .page-template-template-blog-full-width-php.page .entry,
  1321. .page-template-template-blog-four-col-php.page .entry,
  1322. .page-template-template-blog-left-sidebar-php.page .entry,
  1323. .page-template-template-blog-no-sidebars-php.page .entry,
  1324. .page-template-template-portfolio-php.page .entry,
  1325. .page-template-template-portfolio-right-sidebar-php.page .entry,
  1326. .page-template-template-portfolio-four-col-php.page .entry,
  1327. .page-template-template-portfolio-left-sidebar-php.page .entry,
  1328. .page-template-template-portfolio-no-sidebars-php.page .entry {
  1329. padding: 0;
  1330. }
  1331.  
  1332. .page-template-template-no-sidebars-php .onecol .hentry .entry {
  1333. margin: 2.5%;
  1334. }
  1335.  
  1336. .wp-post-image {
  1337. display:block;
  1338. width:100%;
  1339. }
  1340.  
  1341. .page-template-template-full-width-php .hentry.onecol .wp-post-image,
  1342. .page-template-template-full-width-php .hentry.onecol .entry-attachment,
  1343. .page-template-template-full-width-php .hentry.onecol .post-gallery {
  1344. float:right;
  1345. max-width:69.5%;
  1346. margin-bottom:2.9%;
  1347. }
  1348.  
  1349. .page-template-template-full-width-php .hentry.onecol .entry-attachment,
  1350. .page-template-template-full-width-php .hentry.onecol .post-gallery {
  1351. width:69.5%;
  1352. }
  1353.  
  1354. .format-status .avatar {
  1355. display: block;
  1356. float:left;
  1357. margin-right: 20px;
  1358. }
  1359.  
  1360. .format-image figure img {
  1361. width:100%;
  1362. }
  1363.  
  1364. .format-audio object {
  1365. height:24px;
  1366. }
  1367.  
  1368. .twocol .entry-attachment p {
  1369. margin-bottom:6px;
  1370. }
  1371.  
  1372. .entry-container {
  1373. padding:2.9%;
  1374. margin:0;
  1375. }
  1376.  
  1377. .twocol .entry-container {
  1378. padding:5.8%;
  1379. }
  1380.  
  1381. .threecol .entry-container {
  1382. padding:6.1%;
  1383. }
  1384.  
  1385. .fourcol .entry-container {
  1386. padding:8.5%;
  1387. }
  1388.  
  1389. .page-template-template-portfolio-php .post.onecol .entry-header {
  1390. float:left;
  1391. width:27.6%;
  1392. }
  1393.  
  1394. .page-template-template-portfolio-php .post.onecol .entry-summary {
  1395. float:right;
  1396. width:69.5%;
  1397. }
  1398.  
  1399. .page-template-template-portfolio-php .post.onecol .wp-post-image,
  1400. .page-template-template-portfolio-php .post.onecol .entry-attachment,
  1401. .page-template-template-portfolio-php .post.onecol .post-gallery {
  1402. float:right;
  1403. max-width:69.5%;
  1404. }
  1405.  
  1406. .page-template-template-portfolio-php .post.onecol .entry-attachment,
  1407. .page-template-template-portfolio-php .post.onecol .post-gallery {
  1408. width:69.5%;
  1409. }
  1410.  
  1411. .page-template-template-portfolio-right-sidebar-php .twocol .entry-title,
  1412. .page-template-template-portfolio-left-sidebar-php .twocol .entry-title,
  1413. .page-template-template-portfolio-php .threecol .entry-title,
  1414. .page-template-template-portfolio-four-col-php .fourcol .entry-title,
  1415. .page-template-template-portfolio-no-sidebars-php .twocol .entry-title {
  1416. margin: 0;
  1417. text-align: center;
  1418. }
  1419.  
  1420. .entry-title,
  1421. #comments-title,
  1422. #reply-title {
  1423. font-family:"Oswald", sans-serif;
  1424. font-weight:300;
  1425. letter-spacing:1px;
  1426. overflow: hidden;
  1427. }
  1428.  
  1429. .page-template-template-full-width-php .hentry.onecol .entry-header,
  1430. .page-template-template-blog-full-width-php .hentry.onecol .entry-header,
  1431. .page-template-template-blog-four-col-php .hentry.onecol .entry-header {
  1432. float:left;
  1433. width:27.6%;
  1434. }
  1435.  
  1436. .single.page-template-template-full-width-php .hentry.onecol .entry-header,
  1437. .page.page-template-template-full-width-php .hentry.onecol .entry-header,
  1438. .error404.page-template-template-full-width-php .hentry.onecol .entry-header {
  1439. float: none;
  1440. width: auto;
  1441. }
  1442.  
  1443. .page-template-template-full-width-php .hentry.onecol .entry-summary,
  1444. .page-template-template-blog-full-width-php .hentry.onecol .entry-summary,
  1445. .page-template-template-blog-four-col-php .hentry.onecol .entry-summary,
  1446. .page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
  1447. .page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
  1448. .page-template-template-blog-four-col-php .hentry.onecol .entry-thumbnail {
  1449. float:right;
  1450. width:69.5%;
  1451. }
  1452.  
  1453. .page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
  1454. .page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
  1455. .page-template-template-blog-four-col-php .hentry.onecol .entry-thumbnail {
  1456. margin-bottom: 24px;
  1457. }
  1458.  
  1459. .entry-title
  1460. .page.page-template-template-blog-php .onecol .entry-title,
  1461. .page.page-template-template-portfolio-php .onecol .entry-title {
  1462. font-size:28px;
  1463. line-height:1.62em;
  1464. }
  1465.  
  1466. .single .entry-title,
  1467. .page .entry-title,
  1468. .error404 .entry-title {
  1469. margin:0 0 18px 0;
  1470. font-size:36px;
  1471. line-height:1.62em;
  1472. }
  1473.  
  1474. .twocol .entry-title,
  1475. .threecol .entry-title,
  1476. .page-template-template-blog-php .twocol .entry-title,
  1477. .page-template-template-blog-php .threecol .entry-title,
  1478. .page-template-template-portfolio-php .twocol .entry-title,
  1479. .page-template-template-portfolio-php .threecol .entry-title {
  1480. font-size:24px;
  1481. line-height:1.62em;
  1482. }
  1483.  
  1484. .fourcol .entry-title,
  1485. .page-template-template-blog-php .fourcol .entry-title,
  1486. .page-template-template-portfolio-php .fourcol .entry-title {
  1487. font-size:18px;
  1488. line-height:1.62em;
  1489. }
  1490.  
  1491. .page .entry-title,
  1492. .error404 .entry-title {
  1493. margin-bottom:24px;
  1494. }
  1495.  
  1496. .entry-title a {
  1497. color:#333;
  1498. }
  1499.  
  1500. .entry-title a:hover {
  1501. color:#eb9ea6;
  1502. }
  1503.  
  1504. .format-link .entry-title a:after {
  1505. content:"\2192";
  1506. padding-left:8px;
  1507. }
  1508.  
  1509. .entry-meta {
  1510. padding:1.5% 2.9%;
  1511. background:#FCFCFC;
  1512. border-top:#F3F3F3 1px solid;
  1513. border-top:rgba(0, 0, 0, .035) 1px solid;
  1514. color:#CCC;
  1515. font-size:12px;
  1516. font-weight:300;
  1517. }
  1518.  
  1519. .entry-header .entry-meta {
  1520. padding:0;
  1521. background:none;
  1522. border:none;
  1523. }
  1524.  
  1525. .single .entry-meta {
  1526. padding:1.5% 2.4%;
  1527. margin-bottom:24px;
  1528. background:none;
  1529. border-top:#F4F4F4 1px solid;
  1530. border-bottom:#F4F4F4 1px solid;
  1531. }
  1532.  
  1533. .entry-meta span {
  1534. padding-left:24px;
  1535. margin-left:32px;
  1536. }
  1537.  
  1538. .entry-header .entry-meta span {
  1539. display:block;
  1540. float:none;
  1541. padding:6px 0 6px 24px;
  1542. margin:0;
  1543. }
  1544.  
  1545. .single .entry-meta span {
  1546. display:inline;
  1547. padding:0 0 0 24px;
  1548. margin-left:32px;
  1549. }
  1550.  
  1551. .entry-meta span.custom-meta,
  1552. .single .entry-meta span.custom-meta {
  1553. padding-left: 0;
  1554. background: none;
  1555. color: #999;
  1556. }
  1557.  
  1558. .custom-meta.entry-category {
  1559. font-weight: normal;
  1560. text-transform: uppercase;
  1561. }
  1562.  
  1563. .entry-meta span:first-child,
  1564. .single .entry-meta span:first-child,
  1565. .page .entry-meta span:first-child {
  1566. margin: 0;
  1567. }
  1568.  
  1569. .entry-meta a {
  1570. color:#7597B9;
  1571. }
  1572.  
  1573. .entry-meta a:hover {
  1574. color:#d54e21;
  1575. }
  1576.  
  1577. .entry-summary .entry-attachment {
  1578. margin-bottom:18px;
  1579. }
  1580.  
  1581. .entry-author-link {
  1582. background:url(images/user.png) left center no-repeat;
  1583. }
  1584.  
  1585. .entry-date {
  1586. background:url(images/time.png) left center no-repeat;
  1587. }
  1588.  
  1589. .entry-category {
  1590. background:url(images/ribbon.png) left center no-repeat;
  1591. }
  1592.  
  1593. .attachment-size {
  1594. background:url(images/image.png) left center no-repeat;
  1595. }
  1596.  
  1597. .edit-link {
  1598. background:url(images/edit.png) left center no-repeat;
  1599. }
  1600.  
  1601. .entry-permalink {
  1602. float:right;
  1603. margin:0;
  1604. background:url(images/link.png) left center no-repeat;
  1605. }
  1606.  
  1607. .entry-summary p {
  1608. margin:0;
  1609. }
  1610.  
  1611. .format-aside .entry-summary p,
  1612. .format-status .entry-summary p,
  1613. .format-quote .entry-summary p {
  1614. margin-bottom:6px;
  1615. }
  1616.  
  1617. .onecol .onecol .entry-summary,
  1618. .entry-content {
  1619. font-size:15px;
  1620. line-height:1.62em;
  1621. }
  1622.  
  1623. .format-chat .entry-content {
  1624. margin-bottom:2.9%;
  1625. }
  1626.  
  1627. .single-format-chat .entry-content {
  1628. margin-bottom:24px;
  1629. }
  1630.  
  1631. .format-chat .entry-content p,
  1632. .format-chat .entry-summary p {
  1633. padding:2px 2.9%;
  1634. margin:0;
  1635. }
  1636.  
  1637.  
  1638.  
  1639. .twocol.format-chat .entry-content p,
  1640. .twocol.format-chat .entry-summary p {
  1641. padding:2px 5.8%;
  1642. }
  1643.  
  1644. .threecol.format-chat .entry-content p,
  1645. .threecol.format-chat .entry-summary p {
  1646. padding:2px 6.1%;
  1647. }
  1648.  
  1649. .format-chat .entry-content p:nth-child(odd),
  1650. .format-chat .entry-summary p:nth-child(odd) {
  1651. background:#f9f9f9;
  1652. font-weight:600;
  1653. }
  1654.  
  1655. .single .format-chat .entry-content p:last-child
  1656. .single .format-chat .entry-summary p:last-child {
  1657. margin-bottom:24px;
  1658. }
  1659.  
  1660. .entry-content .entry-attachment {
  1661. margin-bottom:24px;
  1662. }
  1663.  
  1664. .entry-attachment p {
  1665. margin:0;
  1666. }
  1667.  
  1668. .post-gallery-item img {
  1669. display:block;
  1670. float:left;
  1671. }
  1672.  
  1673. .attachment-gallery-1-thumb {
  1674. max-width:61.714288%;
  1675. }
  1676.  
  1677. .attachment-gallery-2-thumb,
  1678. .attachment-gallery-3-thumb {
  1679. max-width:38.285712%;
  1680. }
  1681.  
  1682. .entry-attachment img {
  1683. display:block;
  1684. margin:0 auto 18px;
  1685. }
  1686.  
  1687. .button {
  1688. display: inline-block;
  1689. padding: 5px 18px;
  1690. border-radius: 100px;
  1691. box-shadow:0 0 5px rgba(0, 0, 0, .1);
  1692. color: #fff;
  1693. margin: 5px;
  1694. }
  1695.  
  1696. a.button:hover {
  1697. color: #fff;
  1698. box-shadow:0 0 5px rgba(0, 0, 0, .2);
  1699. }
  1700.  
  1701. .button-big {
  1702. padding: 10px 24px;
  1703. font-size: 18px;
  1704. }
  1705.  
  1706. .button-blue {
  1707. background: #30AEE7;
  1708. background: -webkit-linear-gradient(#30AEE7, #247FA8);
  1709. border-bottom: 1px solid #14455B;
  1710. }
  1711.  
  1712. .button-blue:hover {
  1713. background: -webkit-linear-gradient(#247FA8, #30AEE7);
  1714. }
  1715.  
  1716. .button-yellow {
  1717. background: #F4F434;
  1718. background: -webkit-linear-gradient(#F4F434, #DADA2F);
  1719. border-bottom: 1px solid #686817;
  1720. }
  1721.  
  1722. .button-yellow:hover {
  1723. background: -webkit-linear-gradient(#DADA2F, #F4F434);
  1724. }
  1725.  
  1726. .button-olive {
  1727. background: #E7AE31;
  1728. background: -webkit-linear-gradient(#E7AE31, #A87F24);
  1729. border-bottom: 1px solid #5B4514;
  1730. }
  1731.  
  1732. .button-olive:hover {
  1733. background: -webkit-linear-gradient(#A87F24, #E7AE31);
  1734. }
  1735.  
  1736. .button-purple {
  1737. background: #E731AE;
  1738. background: -webkit-linear-gradient(#E731AE, #A8247F);
  1739. border-bottom: 1px solid #5B1445;
  1740. }
  1741.  
  1742. .button-purple:hover {
  1743. background: -webkit-linear-gradient(#A8247F, #E731AE);
  1744. }
  1745.  
  1746. .button-red {
  1747. background: #E73131;
  1748. background: -webkit-linear-gradient(#E73131, #A82424);
  1749. border-bottom: 1px solid #5B1445;
  1750. }
  1751.  
  1752. .button-red:hover {
  1753. background: -webkit-linear-gradient(#A82424, #E73131);
  1754. }
  1755.  
  1756. .button-green {
  1757. background: #31E731;
  1758. background: -webkit-linear-gradient(#31E731, #24A824);
  1759. border-bottom: 1px solid #5B1445;
  1760. }
  1761.  
  1762. .button-green:hover {
  1763. background: -webkit-linear-gradient(#24A824, #31E731);
  1764. }
  1765.  
  1766. .button-orange {
  1767. background: #FF6103;
  1768. background: -webkit-linear-gradient(#FF6103, #E55703);
  1769. border-bottom: 1px solid #5B1445;
  1770. }
  1771.  
  1772. .button-orange:hover {
  1773. background: -webkit-linear-gradient(#E55703, #FF6103);
  1774. }
  1775.  
  1776. .notice {
  1777. padding: 12px;
  1778. margin-bottom: 24px;
  1779. border-radius: 4px;
  1780. box-shadow:0 0 5px rgba(0, 0, 0, .1);
  1781. }
  1782.  
  1783. .info {
  1784. background: #CEFFCE;
  1785. border-bottom: 1px solid #9ABF9A;
  1786. }
  1787.  
  1788. .warning {
  1789. background: #FFFFCE;
  1790. border-bottom: 1px solid #BFBF9A;
  1791. }
  1792.  
  1793. .error {
  1794. background: #FFCECE;
  1795. border-bottom: 1px solid #BF9A9A;
  1796. }
  1797.  
  1798. .dropcap:first-letter {
  1799. display: inline-block;
  1800. float: left;
  1801. min-width: 42px;
  1802. padding: 20px 10px;
  1803. border-radius: 4px;
  1804. font-size: 48px;
  1805. font-weight:600;
  1806. text-align: center;
  1807. }
  1808.  
  1809. .dropcap-blue:first-letter {
  1810. color: #30AEE7;
  1811. }
  1812.  
  1813. .dropcap-yellow:first-letter {
  1814. color: #F4F434;
  1815. }
  1816.  
  1817. .dropcap-olive:first-letter {
  1818. color: #E7AE31;
  1819. }
  1820.  
  1821. .dropcap-purple:first-letter {
  1822. color: #E731AE;
  1823. }
  1824.  
  1825. .dropcap-red:first-letter {
  1826. color: #E73131;
  1827. }
  1828.  
  1829. .dropcap-green:first-letter {
  1830. color: #31E731;
  1831. }
  1832.  
  1833. .dropcap-orange:first-letter {
  1834. color: #FF6103;
  1835. }
  1836.  
  1837. .dropcap-grey:first-letter {
  1838. margin-right: 10px;
  1839. background: #eee;
  1840. }
  1841.  
  1842. .dropcap-black:first-letter {
  1843. margin-right: 10px;
  1844. background: #333;
  1845. color: #ddd;
  1846. }
  1847.  
  1848. .dropcap-circle:first-letter {
  1849. border-radius: 60px;
  1850. }
  1851.  
  1852. .columns .column {
  1853. margin-left: 3%;
  1854. }
  1855.  
  1856. .columns .column:first-child {
  1857. margin: 0;
  1858. }
  1859.  
  1860. .columns .twocol {
  1861. width: 48.5%;
  1862.  
  1863. }
  1864.  
  1865. .columns .threecol {
  1866. width: 31.3%;
  1867. }
  1868.  
  1869. .columns .fourcol {
  1870. width: 22.75%;
  1871.  
  1872. }
  1873.  
  1874. .columns .twothirdcol {
  1875. width: 65.7%;
  1876. }
  1877.  
  1878. .columns .threefourthcol {
  1879. width: 74.5%;
  1880. }
  1881.  
  1882. .column .threecol.box {
  1883. width: 25.3%;
  1884. padding: 3%;
  1885. margin-bottom: 24px;
  1886. background: #f8f8f8;
  1887. border-bottom:#ddd 1px solid;
  1888. box-shadow:0 0px 5px rgba(0, 0, 0, .15);
  1889. }
  1890.  
  1891. .column .threecol.box p {
  1892. margin: 0;
  1893. }
  1894.  
  1895. .entry-utility {
  1896. padding-top:20px;
  1897. border-top:#eee 1px solid;
  1898. }
  1899.  
  1900. .post-pagination {
  1901. margin-bottom:12px;
  1902. }
  1903.  
  1904. #attachment-nav {
  1905. padding-bottom:12px;
  1906. margin-bottom:18px;
  1907. border-bottom:#EEE 1px solid;
  1908. }
  1909.  
  1910. #attachment-nav a img {
  1911. display:block;
  1912. max-width: 50%;
  1913. }
  1914.  
  1915. #attachment-nav .nav-previous img {
  1916. float:left;
  1917. padding: 5px;
  1918. }
  1919.  
  1920. #attachment-nav .nav-next img {
  1921. float:right;
  1922. padding: 5px;
  1923. }
  1924.  
  1925. .entry-tags {
  1926. margin: -8px -8px 16px;
  1927. }
  1928.  
  1929. .entry-tags a {
  1930. position: relative;
  1931. display: inline-block;
  1932. padding:1px 4px 1px 16px;
  1933. margin: 8px;
  1934. background:#F8F8F8;
  1935. background:-moz-linear-gradient(#F8F8F8, #F3F3F3);
  1936. background:-webkit-linear-gradient(#F9F9F9, #F3F3F3);
  1937. background:-o-linear-gradient(#F8F8F8, #F3F3F3);
  1938. background:-ms-linear-gradient(#F8F8F8, #F3F3F3);
  1939. background:linear-gradient(#F8F8F8, #F3F3F3);
  1940. border-radius:4px;
  1941. box-shadow:0 1px 1px rgba(0, 0, 0, .2);
  1942. color: #333;
  1943. font-size: 12px;
  1944. }
  1945.  
  1946. .entry-tags a:before {
  1947. content: "";
  1948. position: absolute;
  1949. top: 8px;
  1950. left: 6px;
  1951. width: 6px;
  1952. height: 6px;
  1953. background: #fff;
  1954. border-radius: 3px;
  1955. box-shadow:inset 0 1px 1px rgba(0, 0, 0, .2);
  1956. }
  1957.  
  1958. .entry-tags a:hover {
  1959. top: -3px;
  1960. -moz-transition: top .1s ease;
  1961. -webkit-transition: top .1s ease;
  1962. -o-transition: top .1s ease;
  1963. -ms-transition: top .1s ease;
  1964. transition: top .1s ease;
  1965. }
  1966.  
  1967. .social-bookmarks {
  1968. margin-bottom:20px;
  1969. font-size:12px;
  1970. font-weight:600;
  1971. }
  1972.  
  1973. .social-bookmarks p {
  1974. margin-bottom:12px;
  1975. }
  1976.  
  1977. .facebook-like,
  1978. .twitter-button,
  1979. .google-plusone,
  1980. .pinterest-button {
  1981. float:left;
  1982. }
  1983.  
  1984. .facebook-like {
  1985. width:110px;
  1986. }
  1987.  
  1988. .fb_edge_comment_widget {
  1989. width:401px;
  1990. }
  1991.  
  1992. .entry-author {
  1993. padding:20px;
  1994. margin-bottom:20px;
  1995. background:#FCFCFC;
  1996. border-bottom:#EEE 1px solid;
  1997. box-shadow:0 0 5px rgba(0, 0, 0, .1);
  1998. font-size:13px;
  1999. line-height:1.62em;
  2000. }
  2001.  
  2002. .entry-author .avatar {
  2003. float:left;
  2004. padding:5px;
  2005. border-bottom:#DDD 1px solid;
  2006. background:#fff;
  2007. box-shadow:0 0 5px rgba(0, 0, 0, .1);
  2008. }
  2009.  
  2010. .entry-author .author {
  2011. margin-bottom:10px;
  2012. font-family:"Open Sans", sans-serif;
  2013. font-size:15px;
  2014. letter-spacing:normal;
  2015. }
  2016.  
  2017. .entry-author .author,
  2018. .author-bio,
  2019. .entry-author .author-meta {
  2020. margin-left:126px;
  2021. }
  2022.  
  2023. .author-bio {
  2024. margin-bottom:10px;
  2025. }
  2026.  
  2027. .entry-author .author-website,
  2028. .entry-author .author-twitter {
  2029. float:left;
  2030. width:50%;
  2031. text-align:center;
  2032. }
  2033.  
  2034. .nocomments {
  2035. margin:0;
  2036. color:#999;
  2037. font-size:18px;
  2038. line-height:1.62em;
  2039. text-align:center;
  2040. }
  2041.  
  2042. #comments {
  2043. background: none;
  2044. border: none;
  2045. box-shadow: none;
  2046. }
  2047.  
  2048. #comments-title,
  2049. #reply-title {
  2050. margin-bottom:18px;
  2051. font-size:24px;
  2052. line-height:1.62em;
  2053. }
  2054.  
  2055. #comments-title {
  2056. margin:35px 0;
  2057. }
  2058.  
  2059. .navigation {
  2060. margin:35px 0;
  2061. }
  2062.  
  2063. .commentlist {
  2064. margin:0 0 20px 0;
  2065. list-style:none;
  2066. }
  2067.  
  2068. .commentlist .children {
  2069. margin:20px 0 0 40px;
  2070. list-style:none;
  2071. }
  2072.  
  2073. .comment {
  2074. margin:0;
  2075. }
  2076.  
  2077. .comment-body {
  2078. padding:20px;
  2079. margin-bottom:35px;
  2080. box-shadow:0 0 5px rgba(0, 0, 0, .1);
  2081. background:#fff;
  2082. border-bottom:#DDD 1px solid;
  2083. overflow: hidden;
  2084. }
  2085.  
  2086. .commentlist .comment:first-child .comment-body {
  2087. margin-top:0;
  2088. }
  2089.  
  2090. .comment .avatar {
  2091. float:right;
  2092. padding:5px;
  2093. margin:0 0 20px 20px;
  2094. background:#fff;
  2095. border-bottom:#DDD 1px solid;
  2096. box-shadow:0 0 5px rgba(0, 0, 0, .1);
  2097. }
  2098.  
  2099. .comment .fn {
  2100. font-size:15px;
  2101. font-style:normal;
  2102. font-weight:600;
  2103. line-height:1.62em;
  2104. }
  2105.  
  2106. .comment-meta {
  2107. margin-bottom:18px;
  2108. font-size:12px;
  2109. }
  2110.  
  2111. a.comment-reply-link {
  2112. padding:4px 15px;
  2113. border-radius:15px;
  2114. box-shadow:0 0 5px rgba(0, 0, 0, .1);
  2115. background:#F8F8F8;
  2116. background:-moz-linear-gradient(#FCFCFC, #F3F3F3);
  2117. background:-webkit-linear-gradient(#FCFCFC, #F3F3F3);
  2118. background:-o-linear-gradient(#FCFCFC, #F3F3F3);
  2119. background:-ms-linear-gradient(#FCFCFC, #F3F3F3);
  2120. background:linear-gradient(#FCFCFC, #F3F3F3);
  2121. border-bottom:#DDD 1px solid;
  2122. color:#333;
  2123. text-decoration:none;
  2124. }
  2125.  
  2126. a.comment-reply-link:hover {
  2127. box-shadow:#CCC 0 0 5px;
  2128. }
  2129.  
  2130. a.comment-reply-link:focus {
  2131. box-shadow:0 0 5px rgba(0, 0, 0, .4);
  2132. background:-moz-linear-gradient(#F3F3F3, #FCFCFC);
  2133. background:-webkit-linear-gradient(#F3F3F3, #FCFCFC);
  2134. background:-o-linear-gradient(#F3F3F3, #FCFCFC);
  2135. background:-ms-linear-gradient(#F3F3F3, #FCFCFC);
  2136. background:linear-gradient(#F3F3F3, #FCFCFC);
  2137. }
  2138.  
  2139. #respond {
  2140. width:auto;
  2141. padding:20px;
  2142. margin-bottom:5.1%;
  2143. }
  2144.  
  2145. .commentlist #respond {
  2146. margin: 0 0 5.1% 0;
  2147. }
  2148.  
  2149. .comment-notes,
  2150. .form-allowed-tags {
  2151. color:#aaa;
  2152. font-size:12px;
  2153. line-height:16px;
  2154. }
  2155.  
  2156. .comment-form-author,
  2157. .comment-form-email,
  2158. .comment-form-url,
  2159. .comment-form-comment {
  2160. position:relative;
  2161. }
  2162.  
  2163. .comment-form-author label,
  2164. .comment-form-email label,
  2165. .comment-form-url label,
  2166. .comment-form-comment label {
  2167. display:inline-block;
  2168. position:absolute;
  2169. top:1px;
  2170. left:1px;
  2171. z-index:1;
  2172. width:60px;
  2173. padding:0 10px;
  2174. color:#444;
  2175. line-height:36px;
  2176. }
  2177.  
  2178. .comment-form-author .required,
  2179. .comment-form-email .required,
  2180. .comment-form-url .required,
  2181. .comment-form-comment .required {
  2182. position:absolute;
  2183. top:1px;
  2184. right:1.5%;
  2185. z-index:2;
  2186. color:#FF0000;
  2187. font-size:24px;
  2188. line-height:44px;
  2189. }
  2190.  
  2191. #author,
  2192. #email,
  2193. #url,
  2194. #comment {
  2195. position:relative;
  2196. width:97%;
  2197. text-indent:80px;
  2198. }
  2199.  
  2200. input#author:focus,
  2201. input#email:focus,
  2202. input#url:focus,
  2203. textarea#comment:focus {
  2204. position:relative;
  2205. z-index:1;
  2206. text-indent:0;
  2207. }
  2208.  
  2209. #comment {
  2210. font-size:15px;
  2211. }
  2212.  
  2213. .form-allowed-tags code {
  2214. padding: 0;
  2215. background: none;
  2216. box-shadow: none;
  2217. }
  2218.  
  2219. #post-nav,
  2220. #posts-nav {
  2221. clear:both;
  2222. margin:0;
  2223. font-family:"Oswald", sans-serif;
  2224. font-size:16px;
  2225. font-weight:300;
  2226. letter-spacing:1px;
  2227. }
  2228.  
  2229. #posts-nav {
  2230. position: relative;
  2231. padding:2.9%;
  2232. margin:2.46%;
  2233. box-shadow:0 0 5px rgba(0, 0, 0, .1);
  2234. background:#fff;
  2235. border-bottom:#DDD 1px solid;
  2236. border-bottom:rgba(0, 0, 0, .13) 1px solid;
  2237. }
  2238.  
  2239. .onecol #posts-nav {
  2240. padding:1.95%;
  2241. margin:1.7%;
  2242. }
  2243.  
  2244. .nav-prev,
  2245. .nav-previous {
  2246. float:left;
  2247. width:50%;
  2248. }
  2249.  
  2250. .nav-next {
  2251. float:right;
  2252. width:50%;
  2253. text-align:right;
  2254. }
  2255.  
  2256. .ajax-load {
  2257. position: absolute;
  2258. top: 0;
  2259. left: 0;
  2260. width: 100%;
  2261. background: #fff;
  2262. line-height: 42px;
  2263. text-align: center;
  2264. }
  2265.  
  2266. a.ajax-load:hover {
  2267. background: #fcfcfc;
  2268. }
  2269.  
  2270. .page-numbers {
  2271. padding:0 4px;
  2272. }
  2273.  
  2274. .page-numbers.prev {
  2275. padding-left:0;
  2276. }
  2277.  
  2278. .page-numbers.next {
  2279. padding-right:0;
  2280. }
  2281.  
  2282. #sidebar {
  2283. color:#ccc;
  2284. }
  2285.  
  2286. #sidebar-left .widget,
  2287. #sidebar-right .widget {
  2288. margin:10%;
  2289. }
  2290.  
  2291. .page-template-template-content-sidebar-half-php #sidebar-left .widget,
  2292. .page-template-template-content-sidebar-half-php #sidebar-right .widget,
  2293. .page-template-template-sidebar-content-half-php #sidebar-left .widget,
  2294. .page-template-template-sidebar-content-half-php #sidebar-right .widget {
  2295. margin:6.55%;
  2296. }
  2297.  
  2298. .widget-area {
  2299. font-weight:300;
  2300. }
  2301.  
  2302. .page-template-template-sidebar-content-php #sidebar,
  2303. .page-template-template-sidebar-content-half-php #sidebar,
  2304. .page-template-template-blog-left-sidebar-php #sidebar,
  2305. .page-template-template-portfolio-left-sidebar-php #sidebar {
  2306. float:left;
  2307. }
  2308.  
  2309. .page-template-template-content-sidebar-php #sidebar {
  2310. float:right;
  2311. }
  2312.  
  2313. .page-template-template-sidebar-content-sidebar-php #sidebar-left {
  2314. width:17.4%;
  2315. }
  2316.  
  2317. .page-template-template-sidebar-content-sidebar-php #sidebar-right {
  2318. width:12.75%;
  2319. }
  2320.  
  2321. .widget-title {
  2322. margin:0;
  2323. font-family:"Oswald", sans-serif;
  2324. font-size:20px;
  2325. font-weight:300;
  2326. letter-spacing:1px;
  2327. }
  2328.  
  2329. #sidebar-boxes .widget-title {
  2330. font-family:"Open Sans", sans-serif;
  2331. font-size:13px;
  2332. font-weight:600;
  2333. text-transform: uppercase;
  2334. }
  2335.  
  2336. .widget-area ul {
  2337. margin:0;
  2338. list-style:none;
  2339. overflow:hidden;
  2340. }
  2341.  
  2342. .widget-area li {
  2343. padding:7px 0;
  2344. margin:0;
  2345. border-bottom:#EEE 1px solid;
  2346. rborder-bottom:rgba(0, 0, 0, .036) 1px solid;
  2347. line-height:1.62em;
  2348. }
  2349.  
  2350. .widget-area li li {
  2351. border-bottom:none;
  2352. }
  2353.  
  2354. .widget-area li ul {
  2355. margin-left:20px;
  2356. }
  2357.  
  2358. .widget-area a {
  2359. color:#7597B9;
  2360. }
  2361. .widget-area a:hover {
  2362. color:#d54e21;
  2363. }
  2364.  
  2365. #sidebar-footer-wide {
  2366. margin-top: 2.1%;
  2367. border: none;
  2368. border-top:#e0e0e0 1px solid;
  2369. }
  2370.  
  2371. #footer {
  2372. clear:both;
  2373. border-top:#333 1px solid;
  2374. border-top:rgba(0, 0, 0, .79) 1px solid;
  2375. }
  2376.  
  2377. #footer-area {
  2378. position:relative;
  2379. z-index:1;
  2380. padding:1.6%;
  2381. background:#222;
  2382. border-top:#555 1px solid;
  2383. border-top: rgba(255, 255, 255, .235) 1px solid;
  2384. box-shadow:none;
  2385. color:#CCC;
  2386. }
  2387.  
  2388. #footer-area .widget-title {
  2389. color:#e0e0e0;
  2390. font-size:18px;
  2391. }
  2392.  
  2393. #footer-area li {
  2394. border-bottom:#2C2C2C 1px solid;
  2395. border-bottom:rgba(255, 255, 255, .05) 1px solid;
  2396. }
  2397.  
  2398. .tagcloud {
  2399. margin: 0 -8px 16px;
  2400. }
  2401.  
  2402. .tagcloud a {
  2403. position: relative;
  2404. display: inline-block;
  2405. padding: 1px 6px 1px 18px;
  2406. margin: 8px;
  2407. background:#fff;
  2408. background:-moz-linear-gradient(#fff, #fcfcfc);
  2409. background:-webkit-linear-gradient(#fff, #fcfcfc);
  2410. background:-o-linear-gradient(#fff, #fcfcfc);
  2411. background:-ms-linear-gradient(#fff, #fcfcfc);
  2412. background:linear-gradient(#fff, #fcfcfc);
  2413. border-radius:4px;
  2414. box-shadow:0 1px 1px rgba(0, 0, 0, .2);
  2415. color: #333;
  2416. font-size: 12px !important;
  2417. }
  2418.  
  2419. .tagcloud a:before {
  2420. content: "";
  2421. position: absolute;
  2422. top: 8px;
  2423. left: 6px;
  2424. width: 6px;
  2425. height: 6px;
  2426. background: #F8F8F8;
  2427. border-radius: 3px;
  2428. box-shadow:inset 0 1px 1px rgba(0, 0, 0, .2);
  2429. }
  2430.  
  2431. .tagcloud a:hover {
  2432. top: -3px;
  2433. color: #333;
  2434. -moz-transition: top .1s ease;
  2435. -webkit-transition: top .1s ease;
  2436. -o-transition: top .1s ease;
  2437. -ms-transition: top .1s ease;
  2438. transition: top .1s ease;
  2439. }
  2440.  
  2441. #footer-area .tagcloud a {
  2442. background:#444;
  2443. background:-moz-linear-gradient(#444, #333);
  2444. background:-webkit-linear-gradient(#444, #333);
  2445. background:-o-linear-gradient(#444, #333);
  2446. background:-ms-linear-gradient(#444, #333);
  2447. background:linear-gradient(#444, #333);
  2448. border-radius:4px;
  2449. box-shadow:0 1px 1px rgba(255, 255, 255, .2);
  2450. color: #CCC;
  2451. }
  2452.  
  2453. #footer-area .tagcloud a:before {
  2454. background:#222;
  2455. }
  2456.  
  2457. #footer-area .tagcloud a:hover {
  2458. color:#CCC;
  2459. }
  2460.  
  2461. #copyright {
  2462. clear:both;
  2463. padding:1.4% 3.2%;
  2464. background:#111;
  2465. border-top:#333 1px solid;
  2466. border-top:rgba(255, 255, 255, .145) 1px solid;
  2467. color:#CCC;
  2468. font-weight:300;
  2469. }
  2470.  
  2471. .copyright {
  2472. float:left;
  2473. }
  2474.  
  2475. .credits {
  2476. float:right;
  2477. margin-right:12px;
  2478. text-align:right;
  2479. }
  2480.  
  2481. #copyright p {
  2482. margin:0;
  2483. }
  2484.  
  2485. #copyright a {
  2486. color:#7597B9;
  2487. text-decoration:none;
  2488. }
  2489.  
  2490. #copyright a:hover {
  2491. color:#d54e21;
  2492. }
  2493.  
  2494. @media screen and (max-width: 1152px) {
  2495.  
  2496. .threefourthcol {
  2497. width: 66.7%;
  2498. }
  2499.  
  2500. .threefourthcol .threecol {
  2501. width: 50%;
  2502. }
  2503.  
  2504. .fourcol,
  2505. .onecol .fourcol {
  2506. width: 33.3%;
  2507. }
  2508.  
  2509. #wrapper {
  2510. max-width:960px;
  2511. }
  2512.  
  2513. #slider .entry-container {
  2514. top:28%;
  2515. }
  2516.  
  2517. .threefourthcol .threecol .entry,
  2518. .onecol .fourcol .entry,
  2519. .fourcol .widget {
  2520. margin: 5%;
  2521. }
  2522.  
  2523. img.attachment-gallery-thumb {
  2524. max-width:82px;
  2525. }
  2526.  
  2527. .twocol img.attachment-gallery-thumb {
  2528. max-width:74px;
  2529. }
  2530.  
  2531. .single img.attachment-gallery-thumb {
  2532. max-width:100%;
  2533. }
  2534.  
  2535. .format-audio object {
  2536. min-height:24px;
  2537. }
  2538.  
  2539. .single .format-audio object {
  2540. height:24px;
  2541. }
  2542.  
  2543. .social-bookmarks iframe {
  2544. min-height:0;
  2545. }
  2546.  
  2547. #sidebar-header {
  2548. width:468px;
  2549. height:60px;
  2550. margin-top:20px;
  2551. }
  2552.  
  2553. }
  2554.  
  2555. @media screen and (max-width : 960px) {
  2556.  
  2557. .onecol .threecol,
  2558. .onecol .fourcol {
  2559. width:50%;
  2560. }
  2561.  
  2562. #wrapper {
  2563. max-width:760px;
  2564. }
  2565.  
  2566. #slider .entry-container {
  2567. top:32%;
  2568. padding: 0;
  2569. }
  2570.  
  2571. #slider .entry-summary {
  2572. display: none;
  2573. }
  2574.  
  2575. #container {
  2576. margin:2.2%;
  2577. }
  2578.  
  2579. .content-sidebar-wrap,
  2580. #content,
  2581. .page-template-template-sidebar-content-sidebar-php .content-sidebar-wrap #content,
  2582. #sidebar {
  2583. width:100%;
  2584. }
  2585.  
  2586. .onecol .hentry .entry,
  2587. .onecol .hentry #comments,
  2588. .onecol .hentry #respond {
  2589. margin:2.4%;
  2590. }
  2591.  
  2592. .onecol .twocol .entry,
  2593. .onecol .threecol .entry,
  2594. .threefourthcol .threecol .entry,
  2595. .onecol .fourcol .entry {
  2596. margin:4.5%;
  2597. }
  2598.  
  2599. .page-template-template-full-width-php .hentry.onecol .wp-post-image,
  2600. .page-template-template-full-width-php .hentry.onecol .entry-attachment,
  2601. .page-template-template-full-width-php .hentry.onecol .post-gallery,
  2602. .page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
  2603. .page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
  2604. .page-template-template-blog-four-col-php .entry-thumbnail {
  2605. float:none;
  2606. max-width:100%;
  2607. margin:0;
  2608. }
  2609.  
  2610. .page-template-template-full-width-php .hentry.onecol .entry-attachment,
  2611. .page-template-template-full-width-php .hentry.onecol .post-gallery {
  2612. width:100%;
  2613. }
  2614.  
  2615. .page-template-template-full-width-php .hentry.onecol .entry-header,
  2616. .page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
  2617. .page-template-template-full-width-php .hentry.onecol .entry-summary,
  2618. .page-template-template-blog-full-width-php .hentry.onecol .entry-header,
  2619. .page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
  2620. .page-template-template-blog-full-width-php .hentry.onecol .entry-summary,
  2621. .page-template-template-blog-four-col-php .hentry.onecol .entry-header,
  2622. .page-template-template-blog-four-col-php .hentry.onecol .entry-thumbnail,
  2623. .page-template-template-blog-four-col-php .hentry.onecol .entry-summary {
  2624. float:none;
  2625. width:auto;
  2626. }
  2627.  
  2628. .single .format-audio object {
  2629. height:30px;
  2630. }
  2631.  
  2632. .onecol .onecol .entry-summary {
  2633. font-size:13px;
  2634. line-height:1.62em;
  2635. }
  2636.  
  2637. .social-bookmarks iframe {
  2638. min-height:0;
  2639. }
  2640.  
  2641. .page-template-template-portfolio-php .post.onecol .wp-post-image,
  2642. .page-template-template-portfolio-php .post.onecol .entry-attachment,
  2643. .page-template-template-portfolio-php .post.onecol .post-gallery {
  2644. float:none;
  2645. max-width:100%;
  2646. margin:0;
  2647. }
  2648.  
  2649. .page-template-template-portfolio-php .post.onecol .entry-attachment,
  2650. .page-template-template-portfolio-php .post.onecol .post-gallery {
  2651. width:100%;
  2652. }
  2653.  
  2654. .page-template-template-portfolio-php .post.onecol .entry-header,
  2655. .page-template-template-portfolio-php .post.onecol .entry-summary {
  2656. float:none;
  2657. width:auto;
  2658. }
  2659.  
  2660. .onecol #posts-nav {
  2661. padding:2.8%;
  2662. margin:2.3%;
  2663. }
  2664.  
  2665. #sidebar .onecol {
  2666. width:33.3%;
  2667. }
  2668.  
  2669. #sidebar .twocol {
  2670. float:none;
  2671. width:auto;
  2672. }
  2673.  
  2674. #sidebar-left .widget,
  2675. #sidebar-right .widget {
  2676. margin:5.8%;
  2677. }
  2678.  
  2679. #sidebar .widget,
  2680. #footer-area .widget,
  2681. #sidebar-boxes .widget,
  2682. .page-template-template-content-sidebar-half-php #sidebar-left .widget,
  2683. .page-template-template-content-sidebar-half-php #sidebar-right .widget,
  2684. .page-template-template-sidebar-content-half-php #sidebar-left .widget,
  2685. .page-template-template-sidebar-content-half-php #sidebar-right .widget {
  2686. margin:6.7%;
  2687. }
  2688.  
  2689. #sidebar-boxes,
  2690. #footer-area {
  2691. padding:2.2%;
  2692. }
  2693.  
  2694. #copyright {
  2695. padding:1.7% 4.3%;
  2696. }
  2697.  
  2698. }
  2699.  
  2700. @media screen and (max-width: 760px) {
  2701.  
  2702. .twocol,
  2703. .threecol,
  2704. .fourcol,
  2705. .onecol .threecol,
  2706. .threefourthcol .threecol,
  2707. .onecol .fourcol {
  2708. float:none;
  2709. width:100%;
  2710. }
  2711.  
  2712. .alignleft,
  2713. .alignright {
  2714. display: block;
  2715. float: none;
  2716. margin:20px auto;
  2717. }
  2718.  
  2719. #wrapper,
  2720. .page-template-template-no-sidebars-php #wrapper,
  2721. .page-template-template-blog-no-sidebars-php #wrapper,
  2722. .page-template-template-portfolio-no-sidebars-php #wrapper {
  2723. max-width:380px;
  2724. }
  2725.  
  2726. .wp-caption {
  2727. padding:10px 0 0;
  2728. }
  2729.  
  2730. #site-title,
  2731. #site-description {
  2732. float:none;
  2733. margin:0;
  2734. line-height:1.62em;
  2735. text-align:center;
  2736. }
  2737.  
  2738. #site-title {
  2739. margin:18px 0;
  2740. }
  2741.  
  2742. #site-description {
  2743. display: none;
  2744. padding-bottom:18px;
  2745. }
  2746.  
  2747. #sidebar-header {
  2748. float:none;
  2749. width:auto;
  2750. height:auto;
  2751. max-height:90px;
  2752. margin-top:0;
  2753. }
  2754.  
  2755. #access {
  2756. position: absolute;
  2757. top: 0;
  2758. left: 0;
  2759. z-index: 2;
  2760. width: 100%;
  2761. padding: 0;;
  2762. background: none;
  2763. box-shadow: none;
  2764. }
  2765.  
  2766. #access .nav-show,
  2767. #access a.nav-show:hover {
  2768. position: absolute;
  2769. top: 93px;
  2770. right: 14%;
  2771. display:block;
  2772. width: 40px;
  2773. height: 32px !important;
  2774. padding: 0;
  2775. background: url(images/nav.png) no-repeat;
  2776. border: none;
  2777. text-indent: -1000px;
  2778. overflow: hidden;
  2779. }
  2780.  
  2781. #access .nav-hide {
  2782. display: none;
  2783. }
  2784.  
  2785. #access:target .nav-hide,
  2786. #access:target a.nav-hide:hover {
  2787. display: block;
  2788. position: absolute;
  2789. top: 0;
  2790. left: 0;
  2791. bottom: -101em;
  2792. width: 100%;
  2793. height: auto !important;
  2794. background: none;
  2795. overflow: hidden;
  2796. text-indent: -1000px;
  2797. }
  2798.  
  2799. #access .menu {
  2800. text-align: center;
  2801. }
  2802.  
  2803. #access:target .menu {
  2804. margin-top: 134px;
  2805. background: #111;
  2806. }
  2807.  
  2808. #access li ul {
  2809. position:static;
  2810. }
  2811.  
  2812. #access li ul ul {
  2813. margin:0 !important;
  2814. }
  2815.  
  2816. #access ul,
  2817. #access li {
  2818. float:none;
  2819. max-width:100%;
  2820. }
  2821.  
  2822. #access a {
  2823. width:100%;
  2824. height: 0 !important;
  2825. padding:0;
  2826. border: none;
  2827. overflow: hidden;
  2828. }
  2829.  
  2830. #access:target .menu a {
  2831. padding-top: 600px;
  2832. height: 40px !important;
  2833. border-top: 1px solid #444;
  2834. line-height: 40px;
  2835. -moz-transition: height .25s, line-height .25s;
  2836. -webkit-transition: height .25s, line-height .25s;
  2837. -o-transition: height .25s, line-height .25s;
  2838. -ms-transition: height .25s, line-height .25s;
  2839. transition: height .25s, line-height .25s;
  2840. }
  2841.  
  2842. #access .menu a:hover {
  2843. background:#555;
  2844. }
  2845.  
  2846. #access br {
  2847. display: none;
  2848. }
  2849.  
  2850. #access a span {
  2851. padding-left: 5px;
  2852. }
  2853.  
  2854. #access li li a {
  2855. padding: 0;
  2856. background:#3c3c3c;
  2857. border-top-color:#4f4f4f;
  2858. text-align:center;
  2859. }
  2860.  
  2861. #access li li li a {
  2862. background:#444;
  2863. border-top-color:#555;
  2864. }
  2865.  
  2866. #access li:hover > ul,
  2867. #access li li:hover > ul,
  2868. #access li li li:hover > ul {
  2869. display:none;
  2870. }
  2871.  
  2872. #access:target .drop-down-toggle {
  2873. display:block;
  2874. }
  2875.  
  2876. #access li li .drop-down-toggle {
  2877. top:5px;
  2878. }
  2879.  
  2880. #header #searchform {
  2881. float:none;
  2882. width:278px;
  2883. margin: 18px auto;
  2884. }
  2885.  
  2886. #header input#s {
  2887. position: absolute;
  2888. z-index: 999;
  2889. display:block;
  2890. width:168px;
  2891. margin-left:12px;
  2892. background:#ececec url(images/search.png) right center no-repeat;
  2893. box-shadow:inset 1px 1px 5px 1px rgba(0, 0, 0, .1);
  2894. text-indent: 0;
  2895. }
  2896. #header input#s:focus {
  2897. width: 246px;
  2898. margin: 0;
  2899. }
  2900.  
  2901. #social-media-icons {
  2902. float: none;
  2903. margin: 18px 0;
  2904. text-align: center;
  2905. }
  2906.  
  2907. #slider {
  2908. border-bottom: 50px solid #fff;
  2909. }
  2910.  
  2911. .flex-control-nav {
  2912. display: none;
  2913. }
  2914.  
  2915. .flex-direction-nav,
  2916. .flex-pauseplay {
  2917. bottom: -40px;
  2918. height: 30px;
  2919. }
  2920.  
  2921. .flex-direction-nav{
  2922. right: 41%;
  2923. }
  2924.  
  2925. .flex-pauseplay {
  2926. right: 37.5%;
  2927. }
  2928.  
  2929. .flex-direction-nav li,
  2930. .flex-pauseplay a {
  2931.  
  2932. }
  2933.  
  2934. #slider .entry-title {
  2935. font-size:24px;
  2936. line-height:1.62em;
  2937. }
  2938.  
  2939. #current-location,
  2940. #sidebar-wide {
  2941. border-top: #E0E0E0 1px solid;
  2942. border-top: rgba(0, 0, 0, .055) 1px solid;
  2943. }
  2944.  
  2945. #container {
  2946. margin:3.2%;
  2947. }
  2948.  
  2949. .entry,
  2950. .twocol .entry,
  2951. .onecol .hentry .entry,
  2952. .onecol .threecol .entry,
  2953. .threefourthcol .threecol .entry,
  2954. .onecol .fourcol .entry,
  2955. #comments
  2956. #respond {
  2957. margin:3.4%;
  2958. }
  2959.  
  2960. .entry-container {
  2961. padding:5.8%;
  2962. }
  2963.  
  2964. .entry-meta {
  2965. padding:2.8% 5.8%;
  2966. }
  2967.  
  2968. .entry-meta span,
  2969. .single .entry-meta span,
  2970. .page .entry-meta span {
  2971. display:block;
  2972. float:none;
  2973. padding:6px 0 6px 24px;
  2974. margin:0;
  2975. }
  2976.  
  2977. .has-thumbnail .entry-summary {
  2978. clear:both;
  2979. margin:0;
  2980. }
  2981.  
  2982. .has-thumbnail.format-aside .entry-summary,
  2983. .has-thumbnail.format-quote .entry-summary {
  2984. clear:none;
  2985. margin-left:28.15%;
  2986. width:71.85%;
  2987. }
  2988.  
  2989. .has-thumbnail.format-chat .entry-content {
  2990. clear:both;
  2991. margin:0;
  2992. }
  2993.  
  2994. .twocol.has-thumbnail .entry-title,
  2995. .twocol.has-thumbnail .entry-summary {
  2996. clear:none;
  2997. padding-left:3%;
  2998. }
  2999.  
  3000. .twocol.format-gallery .entry-summary {
  3001. height:auto;
  3002. margin:0;
  3003. }
  3004.  
  3005. .twocol.format-image .wp-post-image {
  3006. float:none;
  3007. max-width:100%;
  3008. }
  3009.  
  3010. .format-status .wp-post-image {
  3011. display:none;
  3012. }
  3013.  
  3014. img.attachment-gallery-thumb {
  3015. max-width:74px;
  3016. }
  3017.  
  3018. .single img.attachment-gallery-thumb {
  3019. max-width:100%;
  3020. }
  3021.  
  3022. .single .format-audio object {
  3023. height:24px;
  3024. }
  3025.  
  3026. .entry-content {
  3027. font-size:17px;
  3028. line-height:1.62em;
  3029. }
  3030.  
  3031. .columns .twocol,
  3032. .columns .threecol,
  3033. .columns .fourcol,
  3034. .columns .twothirdcol,
  3035. .columns .threefourthcol {
  3036. width: 100%;
  3037. margin: 0;
  3038. }
  3039.  
  3040. .column .threecol.box {
  3041. width: 94%;
  3042. }
  3043.  
  3044.  
  3045. .entry-author,
  3046. .comment-body {
  3047. padding:12px;
  3048. }
  3049.  
  3050. .entry-author .avatar,
  3051. .comment .avatar {
  3052. max-width:40px;
  3053. padding:3px;
  3054. }
  3055.  
  3056. .entry-author .author,
  3057. .author-bio,
  3058. .entry-author .author-meta {
  3059. margin-left:76px;
  3060. }
  3061.  
  3062. #posts-nav,
  3063. .onecol #posts-nav {
  3064. padding:5.7%;
  3065. margin:3.4%;
  3066. }
  3067.  
  3068. .page-numbers .text {
  3069. display:none;
  3070. }
  3071.  
  3072. .social-bookmarks > div {
  3073. width: 50%;
  3074. margin-bottom: 12px;
  3075. }
  3076.  
  3077. #sidebar-boxes {
  3078. text-align: center;
  3079. }
  3080.  
  3081. #sidebar .onecol {
  3082. width:100%;
  3083. }
  3084.  
  3085. #sidebar .twocol {
  3086. float:left;
  3087. width:50%;
  3088. }
  3089.  
  3090. #sidebar-boxes .threecol {
  3091. margin-bottom: 6.8%;
  3092. }
  3093.  
  3094. #sidebar-boxes .threecol:last-child {
  3095. margin: 0;
  3096. }
  3097.  
  3098. #sidebar .widget,
  3099. #footer-area .widget,
  3100. #sidebar-boxes .widget {
  3101. margin:3.4%;
  3102. }
  3103.  
  3104. #sidebar-left .widget,
  3105. #sidebar-right .widget {
  3106. margin:6.8%;
  3107. }
  3108.  
  3109. #sidebar-boxes,
  3110. #footer-area {
  3111. padding:3.2%;
  3112. }
  3113.  
  3114. #copyright {
  3115. padding:1.7% 6.5%;
  3116. line-height:2em;
  3117. }
  3118.  
  3119. .copyright,
  3120. .credits {
  3121. float:none;
  3122. max-width:100%;
  3123. text-align:left;
  3124. }
  3125.  
  3126. }
  3127.  
  3128. @media screen and (-webkit-min-device-pixel-ratio : 1.5), screen and (min-device-pixel-ratio : 1.5) {
  3129.  
  3130. #access .nav-show,
  3131. #access a.nav-show:hover {
  3132. background-image: url(images/nav_2x.png);
  3133. background-size:100%;
  3134. }
  3135.  
  3136. #header input#s {
  3137. background-image: url(images/search_2x.png);
  3138. background-size:36px;
  3139. background-position: -3px center;
  3140. }
  3141.  
  3142. .facebook {
  3143. background-image: url(images/facebook_2x.png);
  3144. background-size:100%;
  3145. }
  3146.  
  3147. .twitter {
  3148. background-image: url(images/twitter_2x.png);
  3149. background-size:100%;
  3150. }
  3151.  
  3152. .pinterest {
  3153. background-image: url(images/pinterest_2x.png);
  3154. background-size:100%;
  3155. }
  3156.  
  3157. .google-plus {
  3158. background-image: url(images/google-plus_2x.png);
  3159. background-size:100%;
  3160. }
  3161.  
  3162. .vimeo {
  3163. background-image: url(images/vimeo_2x.png);
  3164. background-size:100%;
  3165. }
  3166.  
  3167. .dribble {
  3168. background-image: url(images/dribble_2x.png);
  3169. background-size:100%;
  3170. }
  3171.  
  3172. .flickr {
  3173. background-image: url(images/flickr_2x.png);
  3174. background-size:100%;
  3175. }
  3176.  
  3177. .youtube {
  3178. background-image: url(images/youtube_2x.png);
  3179. background-size:100%;
  3180. }
  3181.  
  3182. .linkedin {
  3183. background-image: url(images/linkedin_2x.png);
  3184. background-size:100%;
  3185. }
  3186.  
  3187. .entry-author-link {
  3188. background-image: url(images/user_2x.png);
  3189. background-size: 12px;
  3190. }
  3191.  
  3192. .entry-date {
  3193. background-image: url(images/time_2x.png);
  3194. background-size: 12px;
  3195. }
  3196.  
  3197. .entry-category {
  3198. background-image: url(images/ribbon_2x.png);
  3199. background-size: 12px;
  3200. }
  3201.  
  3202. .attachment-size {
  3203. background-image: url(images/image_2x.png);
  3204. background-size: 12px;
  3205. }
  3206.  
  3207. .edit-link {
  3208. background-image: url(images/edit_2x.png);
  3209. background-size: 12px;
  3210. }
  3211.  
  3212. .entry-permalink {
  3213. background-image: url(images/link_2x.png);
  3214. background-size: 12px;
  3215. }
  3216.  
  3217. #infscr-loading img {
  3218. width: 32px;
  3219. height: 32px;
  3220. }
  3221.  
  3222. }
  3223.  
  3224. .masonry,
  3225. .masonry .masonry-brick {
  3226. -webkit-transition-duration: 0.7s;
  3227. -moz-transition-duration: 0.7s;
  3228. -ms-transition-duration: 0.7s;
  3229. -o-transition-duration: 0.7s;
  3230. transition-duration: 0.7s;
  3231. }
  3232.  
  3233. .masonry {
  3234. -webkit-transition-property: height, width;
  3235. -moz-transition-property: height, width;
  3236. -ms-transition-property: height, width;
  3237. -o-transition-property: height, width;
  3238. transition-property: height, width;
  3239. }
  3240.  
  3241. .masonry .masonry-brick {
  3242. -webkit-transition-property: left, right, top;
  3243. -moz-transition-property: left, right, top;
  3244. -ms-transition-property: left, right, top;
  3245. -o-transition-property: left, right, top;
  3246. transition-property: left, right, top;
  3247. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement