daily pastebin goal
14%
SHARE
TWEET

Untitled

a guest Nov 22nd, 2017 67 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*********************************************************************************************
  2.  
  3. Theme Name: Campus
  4. Theme URI: http://www.academiathemes.com/themes/campus/
  5. Description: Campus is a free WordPress theme for blogs and review websites.
  6. Author: AcademiaThemes.com
  7. Author URI: http://www.academiathemes.com/
  8. Version: 1.2.7
  9. License: GNU General Public License v2.0
  10. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  11. Tags: two-columns, right-sidebar, custom-background, custom-menu, featured-images, theme-options, threaded-comments, translation-ready
  12. Text Domain: campus
  13.  
  14. Campus WordPress theme, Copyright (C) 2016 AcademiaThemes.com
  15. Campus WordPress theme is licensed under the GPL.
  16.  
  17. **********************************************************************************************
  18.  
  19. 0.  CSS Reset  -------------------------  All Theme Files
  20. 1.  Page Structure: Common elements  ---  All Theme Files
  21. 2.  Page Structure: Header -------------  header.php
  22. 3.  Navigation  ------------------------  header.php
  23. 4.  Page Structure: Main Content  ------  
  24. 5.  Content Blocks ---------------------  
  25. 6.  Single Post / Page -----------------  single.php, page.php
  26. 7.  Comments Styling  ------------------  comments.php
  27. 8.  Page Structure: Footer  ------------  footer.php
  28. 9.  Misc  ------------------------------
  29. 10. Buttons, Forms  --------------------
  30. 11. Slideshow  -------------------------
  31. 12. Media Queries  ---------------------
  32.  
  33. **********************************************************************************************/
  34.  
  35.  
  36. /*********************************************************************************************
  37.  
  38. 0. CSS Reset  -------------------------  All Theme Files
  39.  
  40. *********************************************************************************************/
  41.  
  42. article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
  43. html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
  44. b, strong { font-weight: bold; }
  45. pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
  46. pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
  47. small { font-size: 85%; }
  48. ul, ol { margin: 0; padding: 0; list-style-position: inside; }
  49. ul li {list-style-type: none; }
  50. ul ul, ol ol, ul ol, ol ul { margin: 0; }
  51. nav ul, nav ol,
  52. img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
  53. svg:not(:root) { overflow: hidden; }
  54. figure, form, blockquote { margin: 0; }
  55. fieldset { border: 0; margin: 0; padding: 0; }
  56. legend { border: 0; *margin-left: -7px; padding: 0; }
  57. label { cursor: pointer; }
  58. button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
  59. button, input { line-height: normal; *overflow: visible; }
  60. table button, table input { *overflow: auto; }
  61. button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
  62. input[type=checkbox], input[type=radio] { box-sizing: border-box; }
  63. input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
  64. input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
  65. button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
  66. textarea { overflow: auto; vertical-align: top; resize: vertical; }
  67. input:valid, textarea:valid {  }
  68. input:invalid, textarea:invalid { background-color: #f0dddd; }
  69. table { border-collapse: collapse; border-spacing: 0; }
  70. th { text-align: left; }
  71. tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #EAE7DE; }
  72. td { vertical-align: top; }
  73. p { margin: 0 0 1em; }
  74.  
  75. /* Smart clearfix */
  76. .clearfix:before,
  77. .clearfix:after {
  78.     content: " ";
  79.     display: table;
  80. }
  81. .clearfix:after {
  82.     clear: both;
  83. }
  84. /* For IE 6/7 only */
  85. .clearfix {
  86.     *zoom: 1;
  87. }
  88.  
  89. /*********************************************************************************************
  90.  
  91. 1. Page Structure: Common layout elements
  92.  
  93. *********************************************************************************************/
  94.  
  95. ::-moz-selection{background:#00aeef; color:#fff; }
  96. ::selection{ background:#00aeef; color:#fff; }
  97.  
  98. a { color: #bf5085; text-decoration:none; }
  99. a:hover,
  100. a:focus { color: #2d7f8c; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }
  101.  
  102. body {
  103.     background-color: #f3f3f3;
  104.     color: #444;
  105.     font-family: 'Source Sans Pro', Arial, Tahoma, sans-serif;
  106.     font-size: 62.5%;
  107.     line-height: 1.3em;
  108.     text-align: center;
  109.     margin: 0;
  110.     padding: 0;
  111. }
  112.  
  113. h1,h2,h3,h4,h5,h6 {
  114.     color: #333;
  115.     font-weight: bold;
  116.     margin: 0;
  117.     padding: 0;
  118. }
  119.  
  120. h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .title a, .title-widget a {
  121.     color: #252525;
  122. }
  123.  
  124. h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .title a:hover, .title-widget a:hover {
  125.     color: #ef4832;
  126. }
  127.  
  128. #container {
  129.     font-size: 12px;
  130.     line-height: 1.4em;
  131.     padding: 0;
  132.     text-align: center;
  133.     width: 100%;
  134. }
  135.  
  136. .wrapper {
  137.     margin: 0 auto;
  138.     padding: 0 30px;
  139.     text-align: left;
  140.     width: 960px;
  141. }
  142.  
  143. .wrapper-center {
  144.     text-align: center;
  145. }
  146.  
  147. .wrapper-main {
  148.     background-color: #fff;
  149.     border-bottom: solid 2px #e7e7e7;
  150.     padding: 40px 30px;
  151. }
  152.  
  153. div.cleaner,
  154. div.divider {
  155.     margin:0;
  156.     clear: both;
  157.     font-size:1px;
  158.     height: 1px;  
  159.     line-height: 1px;
  160. }
  161.  
  162. div.divider {
  163.     border-top: solid 1px #f0e5d8;
  164.     margin: 20px 0;
  165. }
  166.  
  167. div.divider-blank {
  168.     border: 0;
  169.     margin: 20px 0;
  170. }
  171.  
  172. div.divider-notop {
  173.     margin-top: 0;
  174. }
  175.  
  176. div.divider-main {
  177.     background-color: #fff;
  178.     border-top: solid 4px #666;
  179.     border-bottom: solid 1px #d1d0cf;
  180.     height: 2px;
  181. }
  182.  
  183. .title-xl {
  184.     font-size: 34px;
  185.     line-height: 46px;
  186. }
  187.  
  188. .title-l {
  189.     font-size: 28px;
  190.     line-height: 40px;
  191. }
  192.  
  193. .title-m {
  194.     font-size: 22px;
  195.     line-height: 30px;
  196. }
  197.  
  198. .title-ms {
  199.     font-size: 18px;
  200.     line-height: 28px;
  201. }
  202.  
  203. .title-s {
  204.     font-size: 14px;
  205.     line-height: 24px;
  206. }
  207.  
  208. .title-xs {
  209.     font-size: 12px;
  210.     line-height: 22px;
  211. }
  212.  
  213. .title-widget {
  214.     font-size: 18px;
  215.     font-weight: bold;
  216.     line-height: 1.6em;
  217.     margin: 0 0 15px;
  218. }
  219.  
  220. .title-center {
  221.     text-align: center;
  222. }
  223.  
  224. .title-caps {
  225.     font-weight: normal;
  226.     text-transform: uppercase;
  227. }
  228.  
  229. .title-spacing {
  230.     letter-spacing: 4px;
  231. }
  232.  
  233. .title-margin {
  234.     margin-bottom: 20px;
  235. }
  236.  
  237. /*********************************************************************************************
  238.  
  239. 2. Page Structure: Header
  240.  
  241. *********************************************************************************************/
  242.  
  243. header {
  244.     background-color: #606a7a;
  245.     font-family: 'Source Sans Pro', Arial, Tahoma, sans-serif;
  246.     padding: 0;
  247. }
  248.  
  249. .wrapper-header {
  250.     background-color: #687281;
  251.     padding: 20px 30px 40px;
  252. }
  253.  
  254. #logo {
  255.     margin: 0;
  256. }
  257.  
  258. #logo-anchor {
  259.     color: #fff;
  260.     display: inline-block;
  261.     font-size: 40px;
  262.     font-weight: 600;
  263.     line-height: 1.5em;
  264.     margin: 0 0 5px;
  265.     text-transform: uppercase;
  266. }
  267.  
  268. #logo-anchor:hover {
  269.     color: #d7c6a3;
  270. }
  271.  
  272. #logo .logo-tagline {
  273.     color: #fff;
  274.     font-size: 15px;
  275.     line-height: 22px;
  276.     margin: 0;
  277. }
  278.  
  279. /*********************************************************************************************
  280.  
  281. 3. Navigation
  282.  
  283. *********************************************************************************************/
  284.  
  285. .secondary-menu {
  286.     margin: 0 0 20px;
  287.     text-align: right;
  288. }
  289.  
  290. .secondary-menu li {
  291.     display: inline-block;
  292.     font-size: 14px;
  293. }
  294.  
  295. .secondary-menu .divider {
  296.     color: #90a3b9;
  297.     display: inline-block;
  298.     margin: 0 2px 0 5px;
  299. }
  300.  
  301. .secondary-menu li:last-child .divider {
  302.     display: none;
  303. }
  304.  
  305. .secondary-menu a {
  306.     color: #fff;
  307. }
  308.  
  309. .secondary-menu a:hover {
  310.     color: #d7c6a3;
  311. }
  312.  
  313. /* Main Menu */
  314.  
  315. #header-menu {
  316.     background-color: #383e47;
  317.     margin: 0;
  318. }
  319.  
  320. #menu-main .academia-notice {
  321.     color: #aaa;
  322.     margin: 0;
  323.     padding: 15px 0;
  324.     text-transform: none;
  325. }
  326.  
  327. #menu-main .academia-notice a {
  328.     display: inline;
  329.     float: none;
  330.     padding: 0;
  331. }
  332.  
  333. #menu-main {
  334.     text-align: center;
  335. }
  336.  
  337. #menu-main li {
  338.     display: inline-block;
  339.     font-size: 16px;
  340.     font-weight: 600;
  341.     margin: 0;
  342.     position: relative;
  343.     text-transform: uppercase;
  344. }
  345.  
  346. #menu-main li li {
  347.     background-color: #333;
  348.     font-weight: 400;
  349.     text-transform: none;
  350. }
  351.  
  352. #menu-main li li .separator {
  353.     display: none;
  354. }
  355.  
  356. #menu-main li:hover {
  357.     visibility: inherit; /* fixes IE7 'sticky bug' */
  358. }
  359.  
  360. #menu-main li:last-child {
  361.     border-right: 0;
  362. }
  363.  
  364. #menu-main .current-menu-item > a,
  365. #menu-main .current-menu-ancestor > a,
  366. #menu-main a:hover,
  367. #menu-main a:focus,
  368. #menu-main a:active {
  369.     color: #ecd987;
  370. }
  371.  
  372. #menu-main .current-menu-item li a {
  373.     color: #aaa;
  374. }
  375.  
  376. #menu-main .dropdown ul {
  377.     position:       absolute;
  378.     top:            -999em;
  379.     width:          170px; /* left offset of submenus need to match (see below) */
  380.     text-align: left;
  381.     margin: 0;  
  382.     padding: 10px 5px;
  383.     background: #272727;
  384.     text-transform: none;
  385. }
  386.  
  387. #menu-main .dropdown ul li {
  388.     display: block;
  389.     width: 100%;
  390.     font-size: 14px;
  391.     line-height: 22px;
  392.     margin: 0;
  393.     padding: 3px 0;
  394.     border-right: 0;
  395.     border-bottom: solid 1px #444;
  396. }
  397.  
  398. #menu-main .dropdown ul li a {
  399.     display: block;
  400.     padding:6px 12px;
  401.     border-radius: 0;
  402.     -moz-border-radius: 0;
  403.     -webkit-border-radius: 0;
  404.     border-bottom: none;
  405. }
  406.  
  407. #menu-main a {
  408.     color: #fff;
  409.     display: inline-block;
  410.     padding: 16px 15px;
  411.     position: relative;
  412.     text-decoration: none;
  413. }
  414.  
  415. #menu-main li li a,
  416. #menu-main .current-menu-item li a,
  417. #menu-main li .current-menu-item a,
  418. #menu-main li li a:hover {
  419.     background: none;
  420.     border: none;
  421.     -moz-box-shadow: none;
  422.     -webkit-box-shadow: none;
  423. }
  424.  
  425. #menu-main li li a {
  426.     color: #aaa;
  427. }
  428.  
  429. #menu-main li li a:hover {
  430.     background-color: #333;
  431.     color: #fff;
  432. }
  433.  
  434. #menu-main .dropdown li:hover ul,
  435. #menu-main .dropdown .sfHover ul {
  436.     padding: 0;
  437.     margin: 0;
  438.     left:           0;
  439.     top:            3.0em; /* match top ul list item height */
  440.     z-index:        99;
  441.     border-top: solid 2px #555;
  442. }
  443.  
  444. #menu-main .dropdown li:hover li ul,
  445. #menu-main .dropdown .sfHover li ul {
  446.     border-top: solid 2px #555;
  447.     top:            -999em;
  448. }
  449.  
  450. #menu-main .dropdown li li:hover ul,
  451. #menu-main .dropdown li .sfHover ul {
  452.     left:           171px; /* match ul width */
  453.     top:            -2px;
  454. }
  455.  
  456. #menu-main .dropdown li li:hover li ul,
  457. #menu-main .dropdown li .sfHover li ul {
  458.     top:            -999em;
  459. }
  460.  
  461. #menu-main .dropdown li li li:hover ul,
  462. #menu-main .dropdown li li .sfHover ul {
  463.     left:           171px; /* match ul width */
  464.     top:            0;
  465. }
  466.  
  467. #menu-main .dropdown li:hover, .dropdown li.sfHover,
  468. #menu-main .dropdown a:focus, .dropdown a:hover, .dropdown a:active {
  469.     outline:        0;
  470. }
  471.  
  472. #menu-main .dropdown li ul .sf-sub-indicator { display:inline; }
  473.  
  474. #menu-main .cleaner {
  475.     clear: left;
  476.     display: block;
  477.     float: none;
  478.     font-size: 1px;
  479.     height: 1px;
  480.     line-height: 1px;
  481. }
  482.  
  483. /*********************************************************************************************
  484.  
  485. 4. Page Structure: Main Content
  486.  
  487. *********************************************************************************************/
  488.  
  489. #main {
  490.     display: inline;
  491.     float: left;
  492.     width: 68.75%;
  493. }
  494.  
  495. aside {
  496.     display: inline;
  497.     float: left;
  498.     width: 31.25%;
  499. }
  500.  
  501. aside .wrapper-aside {
  502.     margin-left: 20px;
  503. }
  504.  
  505. .wrapper-content {
  506.     margin-right: 30px;
  507. }
  508.  
  509. aside .widget {
  510.     font-size: 14px;
  511.     line-height: 1.75em;
  512.     margin-bottom: 30px;
  513. }
  514.  
  515. aside img,
  516. aside select,
  517. aside input {
  518.     height: auto;
  519.     max-width: 100%;
  520. }
  521.  
  522.  
  523. /*********************************************************************************************
  524.  
  525. 5. Content Blocks
  526.  
  527. *********************************************************************************************/
  528.  
  529. /* Academia Photos Gallery */
  530.  
  531. #academia-gallery {
  532.     max-width: 100%;
  533.     display: block;
  534.     z-index: 2;
  535.     width: 100%;
  536.     overflow: hidden;
  537.     position: relative;
  538.     text-align: center;
  539.     margin-bottom: 30px;
  540. }
  541.  
  542. #academia-gallery iframe {
  543.     max-width: 100%;
  544. }
  545.  
  546. .academia-gallery-slide {
  547.     position: relative;
  548. }
  549.  
  550. #academia-gallery .slide-meta {
  551.     background: transparent url(images/back-aside85.png) repeat top left;
  552.     color: #fff;
  553.     padding: 20px;
  554.     position: absolute;
  555.     bottom: 10px;
  556.     left: 0;
  557.     max-width: 75%;
  558.     text-align: left;
  559. }
  560.  
  561. #academia-gallery a {
  562.     color: #fff;
  563. }
  564.  
  565. #academia-gallery a:hover,
  566. #academia-gallery a:focus {
  567.     color: #f4dd97;
  568. }
  569.  
  570. #academia-gallery .title-post {
  571.     font-size: 18px;
  572.     font-weight: 600;
  573.     line-height: 30px;
  574. }
  575.  
  576. #academia-gallery img {
  577.     height: auto;
  578.     width: 100%;
  579. }
  580.  
  581. /* Academia Posts Archives */
  582.  
  583. .academia-posts .academia-post {
  584.     border-bottom: solid 1px #f1f1f1;
  585.     margin-bottom: 15px;
  586.     padding-bottom: 15px;
  587. }
  588.  
  589. .academia-posts li.sticky {
  590.     border-bottom-color: #b1b1b1;
  591. }
  592.  
  593. .academia-posts span.sticky {
  594.     color: #cc0000;
  595.     font-size: 12px;
  596.     font-weight: bold;
  597. }
  598.  
  599. .academia-posts .post-cover {
  600.     display: inline;
  601.     float: left;
  602.     margin-right: 4.7619%;
  603.     margin-bottom: 10px;
  604.     width: 41.2698%;
  605. }
  606.  
  607. .academia-posts .post-cover .thumbnail {
  608.     height: auto;
  609.     width: 100%;
  610. }
  611.  
  612. .academia-posts .post-meta,
  613. .post-intro .post-meta {
  614.     color: #999;
  615.     font-size: 13px;
  616.     letter-spacing: 1px;
  617.     margin: 20px 0 0;
  618.     text-transform: uppercase;
  619. }
  620.  
  621. .academia-posts .post-content {
  622.     overflow: hidden;
  623. }
  624.  
  625. .academia-posts .cover-wrapper {
  626.     padding-right: 20px;
  627. }
  628.  
  629. .academia-posts .title-post {
  630.     margin-bottom: 15px;
  631. }
  632.  
  633. .academia-posts .post-excerpt {
  634.     font-size: 15px;
  635.     line-height: 1.75em;
  636.     margin: 0;
  637. }
  638.  
  639. aside .widget_nav_menu .menu-item,
  640. footer .widget_nav_menu .menu-item,
  641. .academia-related-pages .academia-related-page {
  642.     list-style-type: circle;
  643. }
  644.  
  645. aside .widget_nav_menu .current-menu-item,
  646. footer .widget_nav_menu .current-menu-item,
  647. .academia-related-pages .current-page {
  648.     list-style-type: disc;
  649. }
  650.  
  651. .academia-related-pages .current-page a {
  652.     color: #222;
  653.     font-weight: bold;
  654. }
  655.  
  656. .academia-home-full {
  657.     border-bottom: solid 1px #ddd;
  658.     font-size: 16px;
  659.     line-height: 1.75em;
  660.     margin-bottom: 30px;
  661.     padding-bottom: 10px;
  662. }
  663.  
  664. .academia-home-full .title-widget {
  665.     font-size: 30px;
  666.     line-height: 1.4em;
  667. }
  668.  
  669. /*********************************************************************************************
  670.  
  671. 6. Single: Post/Page Styling
  672.  
  673. *********************************************************************************************/
  674.  
  675. .post-single {
  676.     color: #555;
  677.     font-size: 16px;  
  678.     line-height: 1.75em;
  679. }
  680.  
  681. .post-intro .divider {
  682.     border-top-color: #f1f1f1;
  683. }
  684.  
  685. .post-meta-single .divider {
  686.     margin: 10px 0;
  687. }
  688.  
  689. .post-single h2,
  690. .post-single h3,
  691. .post-single h4,
  692. .post-single h5,
  693. .post-single h6 {
  694.     font-weight: bold;
  695.     margin: 12px 0 12px;
  696.     line-height: 1.75em;
  697. }
  698.  
  699. .post-single h1 {
  700.     font-size: 32px;
  701.     line-height: 40px;
  702. }
  703.  
  704. .post-single h2 {
  705.     font-size: 26px;
  706. }
  707.  
  708. .post-single h3 {
  709.     font-size: 22px;
  710. }
  711.  
  712. .post-single h4 {
  713.     font-size: 18px;
  714. }
  715.  
  716. .post-single h5 {
  717.     font-size: 16px;
  718. }
  719.  
  720. .post-single h6 {
  721.     font-size: 14px;
  722. }
  723.  
  724. .post-single p {
  725.     margin-top: 0;
  726.     margin-bottom: 1.5em;
  727. }
  728.  
  729. .post-single img {
  730.     margin-bottom: 20px;
  731. }
  732.  
  733. .alignnone,
  734. .aligncenter,
  735. .alignleft,
  736. .alignright,
  737. .wp-caption img {
  738.     max-width: 100%;
  739.     width:auto;
  740.     height:auto;
  741. }
  742.  
  743. .alignleft {
  744.     display: inline;
  745.     float: left;
  746. }
  747.  
  748. .alignright {
  749.     display: inline;
  750.     float: right;
  751. }
  752.  
  753. .aligncenter {
  754.     display: block;
  755.     margin-left: auto;
  756.     margin-right: auto;
  757. }
  758.  
  759. .post-single img.alignleft {
  760.     margin-right: 20px;
  761. }
  762.  
  763. .post-single img.alignright {
  764.     margin-left: 20px;
  765. }
  766.  
  767. .post-single iframe,
  768. .wp-caption {
  769.     max-width: 100%;
  770. }
  771.  
  772. .post-single textarea {
  773.     max-width: 97%;
  774. }
  775.  
  776. .post-single ul,
  777. .post-single ol {
  778.     margin: 0 0 1em 1em;
  779. }
  780. .post-single li ul,
  781. .post-single li ol {
  782.     margin-bottom: 0;
  783. }
  784. .post-single li {
  785.     list-style-position: outside;
  786.     margin-left: 20px;
  787. }
  788. .post-single ul li {
  789.     list-style-type: square;
  790. }
  791. .post-single ol li {
  792.     list-style-type: decimal;
  793. }
  794. .post-single blockquote {
  795.     color:#999;
  796.     border-left: solid 3px #ececec;
  797.     padding: 0 15px;
  798.     margin: 10px;
  799. }
  800. .post-single a {
  801.     text-decoration:none;
  802. }
  803. .post-single a:hover {
  804.     text-decoration:underline;
  805.     cursor: pointer;
  806. }
  807.  
  808. .post-single th {
  809.     padding: 5px;
  810.     text-align: left;
  811. }
  812.  
  813. .post-single td {
  814.     padding: 5px;
  815. }
  816.  
  817. .academia-post-share {
  818.     margin: 15px 0;
  819.     padding-bottom: 15px;
  820. }
  821.  
  822. .post-featured-cover {
  823.     margin: 0 0 20px -40px;
  824. }
  825.  
  826. /*********************************************************************************************
  827.  
  828. 7. Comments Styling
  829.  
  830. *********************************************************************************************/
  831.  
  832. #academia-comments {
  833.     margin: 30px 0;
  834. }
  835.  
  836. .commentlist .comment,
  837. .commentlist .pingback,
  838. .commentlist .trackback {
  839.     border-bottom: solid 1px #e3e3e3;
  840.     list-style-type: none;
  841.     margin-bottom: 12px;
  842.     padding-bottom: 12px;
  843. }
  844.  
  845. .commentlist > .comment:last-child {
  846.     border-bottom: 0;
  847.     margin-bottom: 30px;
  848.     padding-bottom: 0;
  849. }
  850.  
  851. .commentlist .children {
  852.     padding-left: 12.9032%;
  853. }
  854.  
  855. .commentlist .avatar {
  856.     background-color: #fff;
  857.     border: solid 1px #eeeeee;
  858.     padding: 4px;
  859.     height: auto;
  860.     width: 100%;
  861.     max-width: 50px;
  862. }
  863.  
  864. .commentlist .byuser .avatar {
  865.     border-color: #ccc;
  866. }
  867.  
  868. .commentlist .byuser .comment-author-name {
  869.     color: #ef4832;
  870. }
  871.  
  872. .commentlist .comment-author {
  873.     display: inline;
  874.     float: left;
  875.     margin-right: 20px;
  876.     width: 60px;
  877.     text-align: center;
  878. }
  879.  
  880. .commentlist .comment-author-name {
  881.     color: #252525;
  882.     display: inline-block;
  883.     font-size: 15px;
  884.     font-weight: bold;
  885.     font-style: normal;
  886.     line-height: 22px;
  887.     margin-bottom: 12px;
  888. }
  889.  
  890. .commentlist .comment-timestamp {
  891.     color: #999;
  892.     font-size: 13px;
  893.     margin-left: 5px;
  894.     text-align: right;
  895. }
  896.  
  897. .commentlist .comment-bullet {
  898.     color: #ccc;
  899.     font-size: 13px;
  900.     margin: 0 2px;
  901. }
  902.  
  903. .commentlist .comment-body {
  904.     font-size: 14px;
  905.     line-height: 1.75em;
  906.     overflow: hidden;
  907.     padding-top: 5px;
  908. }
  909.  
  910. .commentlist .comment-edit-link {
  911.     font-size: 13px;
  912. }
  913.  
  914. .comment-body p {
  915.     margin: 0 0 1.5em;
  916. }
  917.  
  918. .comment-awaiting-moderation {
  919.     color: #999;
  920.     font-style: italic;
  921. }
  922.  
  923. .commentlist .reply {
  924.     margin-top: 10px;
  925.     text-transform: lowercase;
  926. }
  927.  
  928. .commentlist .comment-reply-link {
  929.     font-size: 13px;
  930.     padding: 4px 10px;
  931. }
  932.  
  933. /* Comment Form */
  934.  
  935. #respond .academia-comment-label {
  936.     color: #252525;
  937.     display: block;
  938.     font-size: 15px;
  939.     font-weight: bold;
  940.     margin: 0 0 8px;
  941. }
  942.  
  943. #respond .academia-comment-input {
  944.     border: solid 1px #ddd;
  945.     font-family: Arial, Tahoma, sans-serif;
  946.     font-size: 14px;
  947.     line-height: 20px;
  948.     padding: 5px;
  949.     width: 70%;
  950.     -webkit-border-radius: 2px;
  951.     -moz-border-radius: 2px;    
  952.     border-radius: 2px;
  953. }
  954.  
  955. #respond .academia-comment-input:focus {
  956.     background-color: #e1f2fa;
  957.     border-color: #bdd8e5;
  958. }
  959.  
  960. #respond .required_lab {
  961.     color: #ef4832;
  962. }
  963.  
  964. #respond .comment-form-p {
  965.     margin: 0 0 15px;
  966. }
  967.  
  968. #respond .form-submit {
  969.     margin: 0;
  970. }
  971.  
  972. #respond .comment-notes,
  973. #respond .form-allowed-tags {
  974.     display: none;
  975. }
  976.  
  977. #respond #submit {
  978.     margin-top: 10px;
  979. }
  980.  
  981. /* Reply Form */
  982.  
  983. .comment #respond {
  984.     margin-top: 30px;
  985. }
  986.  
  987. #reply-title {
  988.     font-size: 18px;
  989.     margin: 0 0 20px;
  990. }
  991.  
  992. #reply-title a {
  993.     color: #1c97d4;
  994. }
  995.  
  996. #reply-title a:hover {
  997.     color: #ef4832;
  998. }
  999.  
  1000. /*********************************************************************************************
  1001.  
  1002. 8. Page Structure: Footer
  1003.  
  1004. *********************************************************************************************/
  1005.  
  1006. footer {
  1007.     font-size: 14px;
  1008.     line-height: 1.75em;
  1009.     padding-top: 40px;
  1010. }
  1011.  
  1012. .wrapper-footer {
  1013.     padding-bottom: 0;
  1014. }
  1015.  
  1016. .wrapper-copy {
  1017.     border-top: solid 1px #ddd;
  1018.     font-size: 13px;
  1019.     padding: 30px 0 30px;
  1020. }
  1021.  
  1022. .wrapper-copy .academia-credit {
  1023.     display: inline;
  1024.     float: right;
  1025.     margin: 0;
  1026. }
  1027.  
  1028. .wrapper-copy a {
  1029.     color: #666;
  1030. }
  1031.  
  1032. .wrapper-copy a:hover {
  1033.     color: #cf5430;
  1034. }
  1035.  
  1036. footer .academia-column {
  1037.     display: inline;
  1038.     float: left;
  1039.     margin-right: 3.125%;
  1040.     width: 31.25%;
  1041. }
  1042.  
  1043. footer .academia-column-3 {
  1044.     margin-right: 0;
  1045. }
  1046.  
  1047. footer .widget {
  1048.     margin-bottom: 30px;
  1049. }
  1050.  
  1051. /*********************************************************************************************
  1052.  
  1053. 9. Misc
  1054.  
  1055. *********************************************************************************************/
  1056.  
  1057. /* Pagination */
  1058. div.navigation {text-align: center; margin: 20px 0 25px; font-size: 12px; }
  1059. div.navigation p {margin: 0;}
  1060. div.navigation a {padding: 7px 10px; line-height: 24px; background-color: #f1f1f1; color: #333; }
  1061. div.navigation .current { font-weight:bold; background-color: #bf5085; color: #fff; padding: 7px 10px; line-height: 24px;}
  1062. div.navigation a:hover {
  1063.     background: none;
  1064.     background-color: #bf5085;
  1065.     color: #fff;
  1066. }
  1067.  
  1068. #searchform label {
  1069.     display: none;
  1070. }
  1071.  
  1072. #s {
  1073.     background-color: #fff;
  1074.     display: inline;
  1075.     float: left;
  1076.     border: solid 1px #ccc;
  1077.     font-size: 13px;
  1078.     margin: 0 3px 10px 0;
  1079.     padding: 6px 5px;
  1080.     width: 70%;
  1081. }
  1082.  
  1083. #searchsubmit {
  1084.     border: none;
  1085.     display: inline;
  1086.     float: left;
  1087. }
  1088.  
  1089. /* Begin Images */
  1090. .post-single .aligncenter { display: block; margin-left: auto;  margin-right: auto; }
  1091. .post-single .alignright {  margin: 0 0 5px 20px;   display: inline;    }
  1092. .post-single .alignleft {   margin: 0 20px 5px 0;   display: inline;    }
  1093.  
  1094. /* Caption for images */
  1095. .wp-caption { background-color: #f3f3f3; border-bottom: solid 1px #e3e3e3; padding: 0 0 15px; }
  1096. .wp-caption img { background:none; margin: 0 0 15px; border:0 none; max-width:100%; width: 100%; height:auto; }
  1097. .wp-caption-text, .gallery-caption { color:#777; font-size:11px; line-height: 1.4em; margin:0 10px; }
  1098. .wp-caption.aligncenter { margin:0 auto 15px; }
  1099.  
  1100. /* Text meant only for screen readers. */
  1101. .screen-reader-text {
  1102.     clip: rect(1px, 1px, 1px, 1px);
  1103.     position: absolute !important;
  1104.     height: 1px;
  1105.     width: 1px;
  1106.     overflow: hidden;
  1107. }
  1108.  
  1109. .screen-reader-text:focus {
  1110.     background-color: #f1f1f1;
  1111.     border-radius: 3px;
  1112.     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  1113.     clip: auto !important;
  1114.     color: #21759b;
  1115.     display: block;
  1116.     font-size: 14px;
  1117.     font-size: 0.875rem;
  1118.     font-weight: bold;
  1119.     height: auto;
  1120.     left: 5px;
  1121.     line-height: normal;
  1122.     padding: 15px 23px 14px;
  1123.     text-decoration: none;
  1124.     top: 5px;
  1125.     width: auto;
  1126.     z-index: 100000; /* Above WP toolbar. */
  1127. }
  1128.  
  1129. /* [gallery] shortcode styling */
  1130. .post-single .gallery { margin: auto; text-align:center; clear:both; }
  1131. .post-single .gallery-icon {
  1132.     background-color: #fff;
  1133.     border: solid 1px #eeeeee;
  1134.     margin-bottom: 10px;
  1135.     padding: 4px;
  1136. }
  1137. .post-single .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; width: 30%; }
  1138. .post-single .gallery img { width: 100%; height: auto; margin: 0; }
  1139. .post-single .gallery-caption { margin-left: 0; }
  1140.  
  1141. /* Recent Comments Widget */
  1142.  
  1143. #recentcomments .recentcomments {
  1144.     font-size: 11px;
  1145.     margin-bottom: 8px;
  1146. }
  1147.  
  1148. /* Recent Posts Widget */
  1149.  
  1150. /* WordPress check fixes */
  1151.  
  1152. .sticky,
  1153. .bypostauthor {
  1154.    
  1155. }
  1156.  
  1157. /*********************************************************************************************
  1158.  
  1159. 10. Buttons, Forms
  1160.  
  1161. *********************************************************************************************/
  1162.  
  1163. .button {
  1164.     display: inline;
  1165. }
  1166.  
  1167. input.button.gform_button,
  1168. .button,
  1169. #respond #submit,
  1170. #searchsubmit {
  1171.     font-weight: bold;
  1172.     text-align: center;
  1173.     padding: 10px 20px;
  1174.     border: solid 1px #2b849e;
  1175.     cursor: pointer;
  1176.     height: auto;
  1177.     color: #fff;                
  1178.     -webkit-border-radius: 2px;
  1179.     -moz-border-radius: 2px;    
  1180.     border-radius: 2px;        
  1181.     -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  1182.     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  1183.     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  1184.     -webkit-transition: 0.1s linear all;
  1185.     -moz-transition: 0.1s linear all;
  1186.     -ms-transition: 0.1s linear all;
  1187.     -o-transition: 0.1s linear all;
  1188.     transition: 0.1s linear all;
  1189. }
  1190.  
  1191. input.button.gform_button,
  1192. .button.blue,
  1193. #respond #submit,
  1194. #searchsubmit {
  1195.     background-color: #0064cd;
  1196.     background-repeat: repeat-x;
  1197.     background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  1198.     background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  1199.     background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  1200.     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  1201.     background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  1202.     background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  1203.     background-image: linear-gradient(top, #049cdb, #0064cd);
  1204.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  1205.     border-color: #0064cd #0064cd #003f81;
  1206.     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1207.     text-shadow: #09509a 1px 1px 0;
  1208. }
  1209.  
  1210. .button.green {
  1211.     background-color: #57a957;
  1212.     background-repeat: repeat-x;
  1213.     background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  1214.     background-image: -moz-linear-gradient(top, #62c462, #57a957);
  1215.     background-image: -ms-linear-gradient(top, #62c462, #57a957);
  1216.     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  1217.     background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  1218.     background-image: -o-linear-gradient(top, #62c462, #57a957);
  1219.     background-image: linear-gradient(top, #62c462, #57a957);
  1220.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  1221.     border-color: #57a957 #57a957 #3d773d;
  1222.     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1223.     text-shadow: #3e783e 1px 1px 0;
  1224. }
  1225.  
  1226. .button.orange {
  1227.     background-color: #c98610;
  1228.     background-repeat: repeat-x;
  1229.     background-image: -khtml-gradient(linear, left top, left bottom, from(#e49d1f), to(#c98610));
  1230.     background-image: -moz-linear-gradient(top, #e49d1f, #c98610);
  1231.     background-image: -ms-linear-gradient(top, #e49d1f, #c98610);
  1232.     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e49d1f), color-stop(100%, #c98610));
  1233.     background-image: -webkit-linear-gradient(top, #e49d1f, #c98610);
  1234.     background-image: -o-linear-gradient(top, #e49d1f, #c98610);
  1235.     background-image: linear-gradient(top, #e49d1f, #c98610);
  1236.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e49d1f', endColorstr='#c98610', GradientType=0);
  1237.     border-color: #c98610 #c98610 #bf831c;
  1238.     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1239.     text-shadow: #bf831c 1px 1px 0;
  1240. }
  1241.  
  1242. .button.purple {
  1243.     background-color: #4f337d;
  1244.     background-repeat: repeat-x;
  1245.     background-image: -khtml-gradient(linear, left top, left bottom, from(#664a96), to(#4f337d));
  1246.     background-image: -moz-linear-gradient(top, #664a96, #4f337d);
  1247.     background-image: -ms-linear-gradient(top, #664a96, #4f337d);
  1248.     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #664a96), color-stop(100%, #4f337d));
  1249.     background-image: -webkit-linear-gradient(top, #664a96, #4f337d);
  1250.     background-image: -o-linear-gradient(top, #664a96, #4f337d);
  1251.     background-image: linear-gradient(top, #664a96, #4f337d);
  1252.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#664a96', endColorstr='#4f337d', GradientType=0);
  1253.     border-color: #4f337d #4f337d #382458;
  1254.     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1255.     text-shadow: #3a2164 1px 1px 0;
  1256. }
  1257.  
  1258. .button.red {
  1259.     background-color: #c43c35;
  1260.     background-repeat: repeat-x;
  1261.     background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  1262.     background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  1263.     background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  1264.     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  1265.     background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  1266.     background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  1267.     background-image: linear-gradient(top, #ee5f5b, #c43c35);
  1268.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  1269.     border-color: #c43c35 #c43c35 #882a25;
  1270.     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1271.     text-shadow: #a8332d 1px 1px 0;
  1272. }
  1273.  
  1274. .button.silver {
  1275.     background-color: #e6e6e6;
  1276.     background-repeat: repeat-x;
  1277.     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  1278.     background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  1279.     background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  1280.     background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  1281.     background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  1282.     background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  1283.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  1284.     border-color: #339bb9 #339bb9 #22697d;
  1285.     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1286.     text-shadow: #fff 1px 1px 0;
  1287.     color: #333;
  1288. }
  1289.  
  1290. .button.teal {
  1291.     background-color: #339bb9;
  1292.     background-repeat: repeat-x;
  1293.     background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
  1294.     background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  1295.     background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  1296.     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
  1297.     background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  1298.     background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  1299.     background-image: linear-gradient(top, #5bc0de, #339bb9);
  1300.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
  1301.     border-color: #339bb9 #339bb9 #22697d;
  1302.     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1303.     text-shadow: #2a819a 1px 1px 0;
  1304. }
  1305.  
  1306. input.button.gform_button:hover,
  1307. .button:hover,
  1308. #respond #submit:hover,
  1309. #searchsubmit:hover {
  1310.     background-position: 0 -15px;
  1311.     text-decoration: none;
  1312. }
  1313.  
  1314. input.button.gform_button:active,
  1315. .button:active,
  1316. #respond #submit:active,
  1317. #searchsubmit:active {
  1318.     -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  1319.     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  1320.     box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  1321. }
  1322.  
  1323. #searchsubmit,
  1324. input.button.gform_button,
  1325. .button.submit {
  1326.     height: auto;
  1327.     font-size: 11px;
  1328.     padding: 7px 15px;
  1329. }
  1330.  
  1331. /*********************************************************************************************
  1332.  
  1333. 11. Slideshow
  1334.  
  1335. *********************************************************************************************/
  1336.  
  1337. /*
  1338.  * jQuery FlexSlider v2.0
  1339.  * http://www.woothemes.com/flexslider/
  1340.  *
  1341.  * Copyright 2012 WooThemes
  1342.  * Free to use under the GPLv2 license.
  1343.  * http://www.gnu.org/licenses/gpl-2.0.html
  1344.  *
  1345.  * Contributing author: Tyler Smith (@mbmufffin)
  1346.  */
  1347.  
  1348.  
  1349. /* Browser Resets */
  1350. .flex-container a:active,
  1351. .flexslider a:active,
  1352. .flex-container a:focus,
  1353. .flexslider a:focus  {outline: none;}
  1354. .academia-slides,
  1355. .flex-control-nav,
  1356. .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
  1357.  
  1358. /* FlexSlider Necessary Styles
  1359. *********************************/
  1360. .flexslider {margin: 0; padding: 0; }
  1361. .flexslider .academia-slides > li { display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
  1362. .flexslider .academia-slides img { display: block; width: 100%; }
  1363.  
  1364. /* Clearfix for the .slides element */
  1365. .academia-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
  1366. html[xmlns] .academia-slides {display: block;}
  1367. html .academia-slides {height: 1%;}
  1368.  
  1369. /* No JavaScript Fallback */
  1370. /* If you are not using another script, such as Modernizr, make sure you
  1371.  * include js that eliminates this class on page load */
  1372. .no-js .academia-slides > li:first-child {display: block;}
  1373.  
  1374.  
  1375. /* FlexSlider Default Theme
  1376. *********************************/
  1377. .flexslider {position: relative; zoom: 1;}
  1378. .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
  1379. .loading .flex-viewport {max-height: 300px;}
  1380. .flexslider .academia-slides {zoom: 1;}
  1381.  
  1382. .carousel li {margin-right: 5px; }
  1383.  
  1384.  
  1385. /* Direction Nav */
  1386. .flex-direction-nav {*height: 0;}
  1387. .flex-direction-nav a {
  1388.     background:url(images/academia-arrows.png) no-repeat;
  1389.     cursor: pointer;
  1390.     position: absolute;
  1391.     top: 42%;
  1392.     width: 40px;
  1393.     height: 60px;
  1394.     text-indent:-9999px;
  1395.     z-index: 60;
  1396.     zoom: 1;
  1397.     filter: alpha(opacity=40);
  1398.     opacity: 0.30;
  1399.     -webkit-transition: all .3s ease;
  1400. }
  1401.  
  1402. .flexslider-normal .flex-direction-nav a {
  1403.     top: 40%;
  1404. }
  1405.  
  1406. .flexslider:hover .flex-next {right: 5px; filter: alpha(opacity=70); opacity: 0.7; }
  1407. .flexslider:hover .flex-prev {left: 5px; filter: alpha(opacity=70); opacity: 0.7; }
  1408.  
  1409. #academia-gallery a.flex-next { background-position:-40px 0; right:0;}
  1410. #academia-gallery a.flex-prev { background-position: 0 0; left:0; }
  1411. #academia-gallery a.flex-next:hover {   filter: alpha(opacity=100); opacity: 1; }
  1412. #academia-gallery a.flex-prev:hover { filter: alpha(opacity=100); opacity: 1; }
  1413.  
  1414. /*********************************************************************************************
  1415.  
  1416. 12. Media Queries
  1417.  
  1418. *********************************************************************************************/  
  1419.  
  1420. /* Tablet Landscape */
  1421. @media screen and (max-width: 1060px) {
  1422.  
  1423.     div.wrapper,
  1424.     #content div.wrapper {
  1425.         padding-right: 3%;
  1426.         padding-left: 3%;
  1427.         width: 94%;
  1428.     }
  1429.    
  1430.     #content div.wrapper-slider {
  1431.         padding: 0;
  1432.         width: 100%;
  1433.     }
  1434.    
  1435.     div.wrapper-menu {
  1436.         padding-right: 0;
  1437.         padding-left: 0;
  1438.     }
  1439.  
  1440. }
  1441.  
  1442. /* Tablet Landscape */
  1443. @media screen and (max-width: 960px) {
  1444.    
  1445.     .title-m {
  1446.         font-size: 20px;
  1447.         line-height: 28px;
  1448.     }
  1449.    
  1450.     .title-ms {
  1451.         font-size: 17px;
  1452.         line-height: 26px;
  1453.     }
  1454.    
  1455.     #menu-main li {
  1456.         font-size: 15px;
  1457.     }
  1458.    
  1459.     #menu-main a {
  1460.         padding-right: 13px;
  1461.         padding-left: 13px;
  1462.     }
  1463.    
  1464.     .academia-home-full {
  1465.         font-size: 15px;
  1466.     }
  1467.  
  1468.     .academia-home-full .title-widget {
  1469.         font-size: 28px;
  1470.     }
  1471. }
  1472.  
  1473. /* Tabled Portrait */
  1474. @media screen and (max-width: 768px) {
  1475.    
  1476.     .title-l {
  1477.         font-size: 26px;
  1478.         line-height: 36px;
  1479.     }
  1480.    
  1481.     .title-m {
  1482.         font-size: 18px;
  1483.         line-height: 26px;
  1484.     }
  1485.  
  1486.     .title-ms {
  1487.         font-size: 16px;
  1488.         line-height: 25px;
  1489.     }
  1490.  
  1491.     .secondary-menu {
  1492.         text-align: center;
  1493.     }
  1494.    
  1495.     .secondary-menu li {
  1496.         font-size: 13px;
  1497.     }
  1498.    
  1499.     #menu-main li {
  1500.         font-size: 14px;
  1501.     }
  1502.  
  1503.     #menu-main a {
  1504.         padding-right: 12px;
  1505.         padding-left: 12px;
  1506.     }
  1507.  
  1508.     .academia-home-full {
  1509.         font-size: 14px;
  1510.     }
  1511.  
  1512.     .academia-home-full .title-widget {
  1513.         font-size: 26px;
  1514.     }
  1515.    
  1516.     .academia-posts .post-excerpt {
  1517.         font-size: 14px;
  1518.     }
  1519.    
  1520.     .academia-posts .post-cover {
  1521.         margin-right: 6.5934%;
  1522.         width: 32.9670%;
  1523.     }
  1524.    
  1525.     .wrapper-copy .academia-credit {
  1526.         display: none;
  1527.     }
  1528.    
  1529.     .post-single {
  1530.         font-size: 15px;
  1531.     }
  1532.  
  1533. }
  1534.  
  1535. /* All Mobile Sizes (devices and browser) */
  1536. @media screen and (max-width: 640px) {
  1537.  
  1538.     .title-margin {
  1539.         margin-bottom: 15px;
  1540.     }
  1541.    
  1542.     .title-l {
  1543.         font-size: 24px;
  1544.         line-height: 34px;
  1545.     }
  1546.  
  1547.     .secondary-menu li {
  1548.         font-size: 12px;
  1549.     }
  1550.    
  1551.     #main,
  1552.     aside {
  1553.         display: block;
  1554.         float: none;
  1555.         width: 100%;
  1556.     }
  1557.    
  1558.     #main {
  1559.         margin-bottom: 30px;
  1560.     }
  1561.    
  1562.     .wrapper-content {
  1563.         margin-right: 0;
  1564.     }
  1565.    
  1566.     footer {
  1567.         font-size: 13px;
  1568.     }
  1569.    
  1570.     footer .academia-column {
  1571.         display: block;
  1572.         float: none;
  1573.         margin-right: 0;
  1574.         margin-bottom: 30px;
  1575.         width: 100%;
  1576.     }
  1577.  
  1578. }
  1579.  
  1580. /* All Mobile Sizes (devices and browser) */
  1581. @media screen and (max-width: 480px) {
  1582.  
  1583. }
  1584.  
  1585.  
  1586. /* Author Spotlight style begins */
  1587. #author-spotlight {
  1588.     background: #f2f7fc;
  1589.     border-top: 4px solid #000;
  1590.     clear: both;
  1591.     font-size: 13px;
  1592.     line-height: 15px;
  1593.     overflow: hidden;
  1594.     padding: 10px;
  1595. }
  1596. #author-spotlight #author-avatar {
  1597.     background: #fff;
  1598.     border: 1px solid #e7e7e7;
  1599.     float: left;
  1600.     align:left;
  1601.     padding: 5px;
  1602. }
  1603. #author-spotlight #author-profile{
  1604.     float: left;
  1605. }
  1606. #author-spotlight #author-description{
  1607.     margin-top:5px;
  1608. }
  1609. #author-spotlight #author-link{
  1610.     margin-top:5px;
  1611.     float:right;            
  1612. }
  1613. #author-spotlight #social-icons{
  1614.     padding-bottom:16px;
  1615.     margin-top:2px;
  1616.     padding-top:0px;
  1617.     align:center;
  1618.     background:#DFF3F9;
  1619. }
  1620. #author-spotlight #social-icons img{
  1621.     margin:0px;
  1622.     border:none;
  1623.     background:none;
  1624. }
  1625. #author-spotlight h2 {
  1626.     color: #000;
  1627.     font-size: 100%;
  1628.     font-weight: bold;
  1629.     margin-bottom: 0;
  1630. }
  1631. #author-spotlight img {
  1632.     align:left;
  1633.     float:left;
  1634.     padding:5px;
  1635.     margin:5px 10px 0.5px 0px;
  1636.     background: #fff;
  1637.     border: 1px solid #e7e7e7;
  1638. }
  1639. /* Author Spotlight style ends */
RAW Paste Data
Top