API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 19th, 2012
296
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 40.86 KB | None | 0 0
raw download clone embed print report
  1. /* --
  2. Theme Name: Energized WP
  3. Theme URL: http://themeforest.net/user/DanyDuchaine/portfolio
  4. Description: A Premium Responsive Corporate Theme
  5. Author: Dany Duchaine
  6. Author URI: http://themeforest.net/user/DanyDuchaine/portfolio
  7. License URI: http://www.gnu.org/licenses/gpl-3.0.html
  8. License:
  9. Version: 1.02
  10.  
  11. All files, unless otherwise stated, are released under the GNU General Public License version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
  12.  
  13. -- */
  14.  
  15.  
  16. * {
  17.     box-sizing: border-box;
  18.     -moz-box-sizing: border-box;
  19.     -webkit-box-sizing: border-box;
  20. }
  21.  
  22. body {
  23.     font-family: 'Open Sans', sans-serif;
  24.     font-size: 13px;
  25.     line-height: 24px;
  26.     background: #FCFCFC;
  27. }
  28.  
  29. .boxed {
  30.     background: #fff;
  31.     width: 1015px;
  32.     margin: 0 auto;
  33.     padding-bottom: 19px;
  34.     -webkit-box-shadow: 0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
  35.     -moz-box-shadow: 0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
  36.     box-shadow: 0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
  37.     -webkit-border-radius: 0 0 3px 3px;
  38. }
  39.  
  40. header {
  41.     padding: 40px 0 20px 0 !important;
  42.  
  43. }
  44.  
  45. /* #Images */
  46.  
  47. .content-img {
  48.     margin-top: 20px;
  49.     -webkit-box-shadow: none !important;
  50.     -moz-box-shadow:none !important;
  51.     box-shadow: none !important;
  52. }
  53.  
  54. img {
  55.     max-width: 100%;
  56.     height: auto;
  57. }
  58. .zuperSlider img {
  59.     max-width: none;
  60.     height: inherit;
  61. }
  62. .page-content img {
  63.     -webkit-border-radius: 3px;
  64.     -moz-border-radius: 3px;
  65.     border-radius: 3px;
  66.     -webkit-box-shadow: 0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
  67.     -moz-box-shadow: 0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
  68.     box-shadow: 0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
  69. }
  70.  
  71. .alignleft {
  72.     float: left;
  73.     width: 50%;
  74.     margin: 10px 30px 10px 0 !important;
  75. }
  76. .alignright {
  77.     float: right;
  78.     width: 50%;
  79.     margin: 10px 0 10px 30px !important;
  80. }
  81.  
  82.  
  83. /* #Typography */
  84.  
  85. h2, h3, h4, h5, h6 {
  86.     border-bottom: 1px solid #dadada;
  87.     padding: 20px;
  88.     font-family: 'Noticia Text', serif;
  89.     font-weight: normal;
  90.     font-style: italic;  
  91.     background: #fbfbfb;
  92.     color: #222;
  93.     margin: 20px 0 25px 0;
  94. }
  95.  
  96. .ei-title h2 {
  97.     background: none;
  98.     border: none;
  99.     padding: none;
  100.     margin: none;
  101. }
  102. .heading_link a {
  103.     float: right;
  104.     font-family: 'Noticia Text', serif;
  105.     font-weight: normal;
  106.     font-style: italic;
  107.     opacity: 0.7;
  108.     font-size: 13px;
  109.     letter-spacing: normal;
  110.     text-decoration: none;
  111. }
  112. .tagline h4 {
  113.     padding: 10px 30px;
  114.      border-bottom: none;
  115.     font-family: 'Open Sans', sans-serif;
  116.     font-weight: 300;
  117.     font-size: 23px;
  118.     background: none;
  119.     border-top: none;
  120.     margin: 0;
  121.     font-style: none;
  122. }
  123. .tagline p {
  124.     float: left;
  125.     line-height: 25px;
  126.     font-family: 'Noticia Text', serif;
  127.     font-weight: normal;
  128.     font-style: italic;
  129.     opacity: 0.7;
  130.     letter-spacing: 0;
  131.     margin-top: 10px;
  132.     font-size: 17px;
  133. }
  134. .page-title {
  135.     text-decoration: none;
  136.     font-style: italic;
  137.     font-weight: 600 !important;
  138.     float: left;
  139.     letter-spacing: -0.08em;
  140.     color: #444;
  141. }
  142.  
  143. .logo a {
  144.     font-family: 'Open Sans', sans-serif;
  145.     font-weight: 300;
  146.     font-size: 26px;
  147.     font-style: italic;
  148.     font-weight: 800;
  149.     text-decoration: none;
  150.     color: #181818;
  151.     letter-spacing: -0.08em;
  152.     display: block;
  153. }
  154. .logo h2 {
  155.     border: none;
  156.     padding: 0;
  157.     background: none;
  158.     margin: 0;
  159.  
  160. line-height: 22px;
  161. float: left;
  162. font-size: 42px;
  163. }
  164. .logo h1 {
  165.     margin: 0;
  166.     line-height: 22px;
  167.     float: left;
  168. }
  169. .blog_info h1 a {
  170.     padding: 0;
  171.     border-bottom: none;
  172.     font-family: 'Open Sans', sans-serif;
  173.     font-weight: 300;
  174.     font-size: 25px;
  175.     background: none;
  176.     border-top: none;
  177.     margin: 0;
  178.     color: #222;
  179.     font-style: italic;
  180.     text-decoration: none;
  181. }
  182. .blog_info h1 {
  183.         line-height: 28px;
  184. }
  185. .blog_info h1 a:hover {
  186.     text-decoration: underline;
  187.     color: #000;
  188. }
  189. .logo span {
  190.     font-family: 'Noticia Text', serif;
  191.     font-weight: normal;
  192.     font-style: italic;
  193.     opacity: 0.7;
  194.     font-size: 13px;
  195.     display: block;
  196.     margin-top: 4px;
  197.     letter-spacing: normal;
  198. }
  199. blockquote p {
  200.     margin-top: 0;
  201. }
  202.  
  203. /* #Social Icons Styling */
  204.  
  205. #social {
  206.     margin-top: 7px;
  207.     float: right;
  208. }
  209. #social a {
  210.    display:inline-block;
  211.     margin: 0 3px;
  212.     text-indent: -999999px;
  213.     -webkit-border-radius: 99px;
  214.     -moz-border-radius:99px;;
  215.     border-radius: 99px;
  216. }
  217. #social a:hover {
  218.     -webkit-box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12);
  219.     -moz-box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12);
  220.     box-shadow: inset 0 10px 20px rgba(255,255,255, 0.15);
  221. }
  222. #social a:active {
  223.     -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.4), inset 0 10px 20px rgba(0,0,0, 0.08);
  224.     -moz-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.4), inset 0 10px 20px rgba(0,0,0, 0.08);
  225.     box-shadow: inset 0 1px 2px rgba(0,0,0, 0.4), inset 0 10px 20px rgba(0,0,0, 0.08);
  226. }
  227. .vimeo {
  228.     background: url(images/social/icon-vimeo.png) #5b98bf;
  229.     width: 33px;
  230.     height: 33px;
  231.     display: block;
  232.     text-indent: -9999px;
  233. }
  234. .youtube {
  235.     background: url(images/social/icon-youtube.png) #c7322c;
  236.     width: 33px;
  237.     height: 33px;
  238.     display: block;
  239.     text-indent: -9999px;
  240. }
  241. .dribbble {
  242.     background: url(images/social/icon-dribbble.png) #d2567c;
  243.     width: 33px;
  244.     height: 33px;
  245.     display: block;
  246.     text-indent: -9999px;
  247. }
  248. .twitter2 {
  249.     background: url(images/social/icon-twitter.png) #5ba9bf;
  250.     width: 33px;
  251.     height: 33px;
  252.     display: block;
  253.     text-indent: -9999px;
  254. }
  255. .facebook2 {
  256.     background: url(images/social/icon-facebook.png) #2162ab;
  257.     width: 33px;
  258.     height: 33px;
  259.     display: block;
  260.     text-indent: -9999px;
  261. }
  262. .linkedin {
  263.     background: url(images/social/icon-linkedin.png) #2184ab;
  264.     width: 33px;
  265.     height: 33px;
  266.     display: block;
  267.     text-indent: -9999px;
  268. }
  269.  
  270. /* #Tooltips Styling */
  271.  
  272. .tooltip {
  273.   position: absolute;
  274.   z-index: 1020;
  275.   display: block;
  276.   visibility: visible;
  277.   padding: 5px;
  278.   font-size: 11px;
  279.   opacity: 0;
  280.   filter: alpha(opacity=0);
  281. }
  282. .tooltip.in {
  283.   opacity: 0.8;
  284.   filter: alpha(opacity=80);
  285. }
  286. .tooltip.top {
  287.   margin-top: -2px;
  288. }
  289. .tooltip.right {
  290.   margin-left: 2px;
  291. }
  292. .tooltip.bottom {
  293.   margin-top: 2px;
  294. }
  295. .tooltip.left {
  296.   margin-left: -2px;
  297. }
  298. .tooltip.top .tooltip-arrow {
  299.   bottom: 0;
  300.   left: 50%;
  301.   margin-left: -5px;
  302.   border-left: 5px solid transparent;
  303.   border-right: 5px solid transparent;
  304.   border-top: 5px solid #000000;
  305. }
  306. .tooltip.left .tooltip-arrow {
  307.   top: 50%;
  308.   right: 0;
  309.   margin-top: -5px;
  310.   border-top: 5px solid transparent;
  311.   border-bottom: 5px solid transparent;
  312.   border-left: 5px solid #000000;
  313. }
  314. .tooltip.bottom .tooltip-arrow {
  315.   top: 0;
  316.   left: 50%;
  317.   margin-left: -5px;
  318.   border-left: 5px solid transparent;
  319.   border-right: 5px solid transparent;
  320.   border-bottom: 5px solid #000000;
  321. }
  322. .tooltip.right .tooltip-arrow {
  323.   top: 50%;
  324.   left: 0;
  325.   margin-top: -5px;
  326.   border-top: 5px solid transparent;
  327.   border-bottom: 5px solid transparent;
  328.   border-right: 5px solid #000000;
  329. }
  330. .tooltip-inner {
  331.   max-width: 200px;
  332.   padding: 3px 8px;
  333.   color: #ffffff;
  334.   text-align: center;
  335.   text-decoration: none;
  336.   background-color: #000000;
  337.   -webkit-border-radius: 4px;
  338.   -moz-border-radius: 4px;
  339.   border-radius: 4px;
  340. }
  341. .tooltip-arrow {
  342.   position: absolute;
  343.   width: 0;
  344.   height: 0;
  345. }
  346.  
  347. .fade {
  348.   -webkit-transition: opacity 0.15s linear;
  349.   -moz-transition: opacity 0.15s linear;
  350.   -ms-transition: opacity 0.15s linear;
  351.   -o-transition: opacity 0.15s linear;
  352.   transition: opacity 0.15s linear;
  353.   opacity: 0;
  354. }
  355. .fade.in {
  356.   opacity: 1;
  357. }
  358.  
  359. /* #Header Form Styling */
  360.  
  361. #searcharea label, #searchsubmit, .sidebar .widget_search label {
  362.     display: none;
  363. }
  364. #searchform  {
  365.     margin: 7px 0 0 0;
  366.  
  367. }
  368. .sidebar .widget_search  {
  369.     margin: 20px 0 0 0;
  370.  
  371. }
  372. #s {
  373.     width: 100%;
  374.     -webkit-border-radius: 3px;
  375.     -moz-border-radius: 3px;
  376.     border-radius: 3px;
  377.         -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0, 0.04);
  378.             -moz-box-shadow: inset 0 2px 3px rgba(0,0,0, 0.04);
  379.                 box-shadow: inset 0 2px 3px rgba(0,0,0, 0.04);
  380.     background: url(images/mag.png) 11px 11px no-repeat #fff;
  381.     padding: 8px 0 8px 30px;
  382.     color: #888;
  383.     border: 1px solid #dadada;
  384.     margin: 0;
  385. }
  386.  
  387. /* #Navigation Styling */
  388.  
  389. nav select {
  390.     display: none;
  391.     width: 100%;
  392.     padding: 7px;
  393. }
  394. .main {
  395.     margin: 20px 0;
  396. }
  397. .main ul {
  398.     margin: 0;
  399.        border-top: 1px solid #dadada;
  400.    border-bottom: 1px solid #dadada;
  401.       background: #fff;
  402. }
  403. .main ul li {
  404.     display: inline;
  405.     float: left;
  406.     text-align: center;
  407.     margin: 0;
  408. }
  409. .main .title {
  410.        text-transform: uppercase;
  411. }
  412. .main ul li a {
  413.    padding: 20px 30px;
  414.    display: block;
  415.    position: relative;
  416.    text-decoration: none;
  417.    font-family: 'Open Sans', sans-serif;
  418.    font-size: 12px;
  419.    font-weight: 800;
  420.    color: #777;
  421.    letter-spacing: -0.08px;
  422.    border-right: 1px solid #dadada;
  423.    margin-top: 1px;
  424. }
  425. .sub-menu li a {
  426.     border: none !important;
  427.     text-align: left;
  428.     padding: 0 !important;
  429. }
  430. .sub-menu li {
  431.     border: none !important;
  432.       padding: 20px 20px 0 20px !important;
  433. }
  434. .sub-menu .current-menu-item a {
  435.     margin-top: 1px !important;
  436. }
  437. .sub-menu, .sub-menu li, .sub-menu li a { z-index: 9999 !important; }
  438. .sub-menu {
  439.     margin: 0;
  440.     padding: 0;
  441.     z-index: 9999 !important;
  442.     padding-bottom: 20px;
  443.     -webkit-border-radius: 3px;
  444.     -moz-border-radius: 3px;
  445.     border-radius: 3px;
  446.     -webkit-box-shadow: 0 1px 4px rgba(0,0,0, 0.15),0 1px 7px rgba(0,0,0, 0.2), 0 1px 1px rgba(0,0,0, 0.1);
  447.     -moz-box-shadow: 0 1px 4px rgba(0,0,0, 0.15),0 1px 7px rgba(0,0,0, 0.2), 0 1px 1px rgba(0,0,0, 0.1);
  448.     box-shadow: 0 1px 4px rgba(0,0,0, 0.15),0 1px 7px rgba(0,0,0, 0.2), 0 1px 1px rgba(0,0,0, 0.1);
  449.      border: none !important;
  450. }
  451. .main .sub-menu li a:hover, .main ul .current-menu-item .sub-menu a {
  452.      margin-top: 1px !important;
  453. }
  454. .main ul li a:hover, .current_page_item a, .hover  {
  455.     color: #222;
  456.     padding: 20px 30px;
  457.     margin-top: -1px !important;
  458. }
  459. .hover  {
  460.     color: #222 !important;
  461. }
  462. .current_page_item .sub-menu li a, .current-menu-item .sub-menu li a {
  463.     color: #777 !important;
  464. }
  465. .current_page_item .sub-menu li a:hover, .current-menu-item .sub-menu li a:hover {
  466.     color: #222 !important;
  467. }
  468. .main ul li:last-child a {
  469.     border-right: none;
  470. }
  471. .main ul li a .description {
  472.     display: block;
  473.     font-family: 'Noticia Text', serif;
  474.     font-weight: normal;
  475.     font-style: italic;
  476.     opacity: 0.7;
  477.     font-size: 13px;
  478.     margin-top: 3px;
  479. }
  480. .main ul .current-menu-item  a {
  481.     color: #222;
  482.     padding: 20px 30px;
  483.     margin-top: -1px;
  484. }
  485.  
  486.  
  487. /* #Widgets */
  488.  
  489. .widget {
  490.     list-style: none;
  491.     margin-bottom: 30px;
  492. }
  493. .widget h3 {
  494.     text-align: left;
  495.     font-size: 16px;
  496.     padding: 10px 20px;
  497. }
  498. .widgets li {
  499.     margin: 20px 0;
  500. }
  501. .widget_text {
  502.     margin: 20px 0;
  503. }
  504. .widget_text, .widget_portfolio_item {
  505.     background: #fff;
  506.     text-align: center;
  507.     padding-bottom: 10px;
  508.     -webkit-box-shadow:0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
  509.     -moz-box-shadow:0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
  510.     box-shadow: 0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
  511. }
  512.  
  513. .widget_text img {
  514.     margin-top: -1px;
  515.     -webkit-box-shadow: none;
  516.     -moz-box-shadow: none;
  517.     box-shadow: none;
  518.     -webkit-border-radius: 0;
  519.     -moz-border-radius: 0;
  520.     border-radius: 0;
  521.    
  522. }
  523. footer .widget_text p, .widget_portfolio_item p, .sidebar .widget_text p, .widget_portfolio_item p { text-align: left !important; }
  524. .widget_text p, .widget_portfolio_item p {
  525.     padding: 0 20px !important;
  526.     text-align: center !important;
  527.     font-size: 12px;
  528.     text-align: left;
  529. }
  530. footer .textwidget p {
  531.     padding: 5px 0 !important;
  532. }
  533. .widget_text h5 {
  534.     margin-bottom: 0;
  535. }
  536. .tagline {
  537.     margin: 20px 0;
  538. }
  539. .tagline span {
  540.     font-weight: bold;
  541.     font-style: italic;
  542. }
  543. .tagline a {
  544.     text-decoration: none;
  545.     font-style: italic;
  546.     font-weight: 600;
  547.     letter-spacing: -0.08em;
  548.     color: #444;
  549. }
  550. .widget_portfolio_item .title {
  551.    display: block;
  552.    position: relative;
  553.    text-decoration: none;
  554.    font-family: 'Open Sans', sans-serif;
  555.    font-size: 12px;
  556.    font-weight: 800;
  557.    color: #555;
  558.    letter-spacing: -0.08px;
  559.    margin-top: 1px;
  560.    padding: 20px 10px !important;
  561.    padding-bottom: 13px;
  562. }
  563. .widget_portfolio_item .title:hover {
  564.     color: #222;
  565. }
  566. .widget_portfolio_item .description {
  567.     font-family: 'Noticia Text', serif;
  568.     font-weight: normal;
  569.     font-style: italic;
  570.     opacity: 0.7;
  571.     font-size: 13px;
  572.     display: block;
  573.     margin-top: 4px;
  574.     letter-spacing: normal;
  575. }
  576. .footer .widget_text {
  577.     background: none;
  578.     padding: 0;
  579.     margin: 0;
  580.     text-align: left;
  581.     -webkit-box-shadow: none;
  582.     -moz-box-shadow: none;
  583.     box-shadow: none;
  584. }
  585. .footer .widget_text:hover {
  586.     -webkit-transform: scale(1);
  587.     -moz-transform: scale(1);
  588.     transform: scale(1);
  589. }
  590. .footer .widget ul {
  591.     margin: 0;
  592. }
  593. .widget_text p {
  594.     padding: 0;
  595. }
  596. .footer h5 {
  597.     background: none;
  598.     padding: 0;
  599.     margin: 0;
  600.     border: none;
  601.     color: #fff;
  602.     border-bottom: 1px solid #444;
  603. padding-bottom: 15px;
  604. }
  605. .widget_links ul, .widget_links ul li, .widget_pages ul, .widget_pages ul li {
  606.     margin: 0;
  607.     padding: 0;
  608. }
  609. .widget_pages a {
  610.      border: none !important;
  611. }
  612. .widget_links ul, .widget_pages ul {
  613.     margin-top: 15px;
  614. }
  615. .widget_links ul li, .widget_pages ul li {
  616.     margin: 10px 0;
  617. }
  618. .sidebar .dd_tweet_widget, .sidebar .widget_recent_entries, .sidebar .widget_pages, .sidebar .widget_meta, .sidebar .widget_links, .sidebar .widget_categories, .sidebar .widget_archive, .sidebar .widget_calendar {
  619.     -webkit-box-shadow:0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
  620.     -moz-box-shadow:0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
  621.     box-shadow: 0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
  622. }
  623. .sidebar #twitter-slides, .sidebar .widget_recent_entries ul, .sidebar .widget_pages ul, .sidebar .widget_meta ul, .sidebar .widget_links ul, .sidebar .widget_categories ul, .sidebar .widget_archive ul, #calendar_wrap {
  624.     margin-top: 0;
  625.     background: #fff;
  626.     padding: 25px 20px 15px 20px;
  627.  
  628. }
  629. #wp-calendar {
  630.     width: 108%;
  631. }
  632. #wp-calendar #prev {
  633.     text-align: left;
  634.    
  635.     padding-top: 5px;
  636.  
  637. }
  638. #wp-calendar #next {
  639.     text-align: right;
  640.     padding-right: 30px;
  641.     padding-top: 5px;
  642.  
  643. }
  644. #wp-calendar a {
  645.     font-weight: bold;
  646. }
  647. #wp-calendar caption {
  648.     margin-bottom: 10px;
  649. }
  650. #wp-calendar thead th {
  651.     text-align: left;
  652. }
  653. .sidebar .testimonial-name {
  654.     color: #555;
  655. }
  656. .sidebar .twitter-meta {
  657.     margin-bottom: 15px;
  658. }
  659. .sidebar .dd_tweet_widget h3, .sidebar .widget_recent_entries h3, .sidebar .widget_pages h3, .sidebar .widget_meta h3, .sidebar .widget_links h3, .sidebar .widget_categories h3, .sidebar .widget_archive h3, .sidebar .widget_calendar h3 {
  660.     margin-bottom: 0;
  661. }
  662. .testimonial-avatar, .twitter-avatar {
  663.     float: left;
  664.     width: 50px;
  665. }
  666. .testimonial-website span {
  667.     font-size: 9px;
  668. }
  669. .testimonial-avatar img, .twitter-avatar img {
  670.     -webkit-border-radius: 999px;
  671.     -moz-border-radius: 999px;
  672.     border-radius: 999px;
  673.     position: relative;
  674. }
  675. .testimonial-info, .twitter-info  {
  676.     padding: 7px 0 0 15px;
  677.     float: left;
  678. }
  679. .testimonial-name, .testimonial-website, .twitter-name, .twitter-website {
  680.     display: block;
  681.  
  682. }
  683. .testimonial-name, .twitter-name {
  684.     color: #d8d5a3;
  685.     font-weight: bold;
  686.     font-style: italic;
  687.     font-family: 'Istok Web', sans-serif;
  688. }
  689. .testimonial-website, .twitter-website {
  690.     color: #9e9e9e;
  691.     font-size: 11px;
  692.     font-weight: bold;
  693.     font-style: italic;
  694.     font-family: 'Droid Serif', serif;
  695. }
  696. .testimonial-website:hover, .twitter-website:hover {
  697.     color: #fff;
  698.     text-decoration: none;
  699. }
  700. .tweet_list {
  701.     margin: 0;
  702.     font-size: 12px !important;
  703. }
  704. #twitter-slides {
  705.     margin-top: 15px;
  706. }
  707. .cta_module {
  708.     background: #222;
  709.     margin: 20px 0 36px 0;
  710.     -webkit-border-radius: 3px;
  711.     -moz-border-radius: 3px;
  712.     border-radius: 3px;
  713.     position: relative;
  714. }
  715. .inner_content, .inner_button {
  716.     padding: 25px 30px 20px 30px;
  717. }
  718. .inner_content {
  719.     width: 70%;
  720.     float: left;
  721. }
  722. .inner_button {
  723.     width: 30%;
  724.     float: right;
  725.     padding-top: 47px;
  726. }
  727. .eight .inner_content {
  728.     width: 55%;
  729. }
  730. .eight .inner_button {
  731.     width: 45%;
  732. }
  733. .one-third .inner_content, .one-third .inner_button,.four .inner_content, .four .inner_button, .two-thirds .inner_content, .two-thirds .inner_button,.eight .inner_content, .eight .inner_button  {
  734.     width: 100%;
  735.     padding-bottom: 15px;
  736.     text-align: center;
  737. }
  738.  
  739. .one-third .inner_button, .two-thirds .inner_button, .four .inner_button, .eight .inner_button  {
  740.     padding: 0 20px 10px 20px !important;
  741.    
  742. }
  743. .four .inner_button {
  744.   padding-top: 0;
  745.   padding-right: 20px;
  746. }
  747. .four .cta_arrow {
  748.     left: 44%;
  749. }
  750. .cta_module h4 {
  751.     background: none;
  752.     border: none;
  753.     color: #fff;
  754.     padding: 0;
  755.     margin: 0;
  756. }
  757. .cta_module p {
  758.     color: #aaa;
  759. }
  760. .cta_arrow {
  761.     background: url(images/modules/cta_arrow.png) no-repeat;
  762.     position: absolute;
  763.     bottom: -16px;
  764.     left: 47%;
  765.     width: 32px;
  766.     height: 16px;
  767.     display: block;
  768. }
  769. .blog_module_1, .blog_module_2 {
  770.         margin: 20px 0 0 0;
  771. }
  772. .blog_module_2 .blog_thumb,.blog_module_2 .blog_info {
  773.     width: 100%;
  774. }
  775. .blog_module_2 .blog_thumb {
  776.     margin-bottom: 20px;
  777. }
  778. .blog_content {
  779.     margin: 20px 0;
  780.     padding-top: 20px;
  781.     border-top: 1px solid #DADADA;
  782.     line-height: 24px;
  783. }
  784.  
  785. .blog_thumb {
  786.     width: 23.2%;
  787.     margin-bottom: 20px;
  788.     float: left;
  789. }
  790. .blog_thumb img {
  791.     -webkit-border-radius: 3px;
  792.     -moz-border-radius: 3px;
  793.     border-radius: 3px;
  794.     -webkit-box-shadow:0 1px 2px rgba(0,0,0, 0.15);
  795.     -moz-box-shadow: 0 1px 2px rgba(0,0,0, 0.15);
  796.     box-shadow: 0 1px 2px rgba(0,0,0, 0.15);
  797. }
  798. .four .blog_thumb, .four .blog_info, .one-third .blog_thumb, .one-third .blog_info { width: 100%; }
  799. .four .blog_thumb, .one-third .blog_thumb { margin-bottom: 20px; }
  800.  
  801. .blog_info {
  802.     width: 73%;
  803.     float: right;
  804. }
  805. .blog_articles {
  806.     margin-bottom: 0;
  807. }
  808. .blog_article {
  809.     padding-bottom: 7px;
  810.     margin-bottom: 30px;
  811.     border-bottom: 1px solid #dadada;
  812. }
  813. .blog_article:last-child {
  814.     border: none;
  815.     margin-bottom: 0;
  816. }
  817. .blog_meta a {
  818.     margin-right: 5px;
  819. }
  820. .blog_meta {
  821.     font-family: 'Noticia Text', serif;
  822. font-weight: normal;
  823. font-style: italic;
  824. opacity: 0.7;
  825. font-size: 13px;
  826. display: block;
  827. margin-top: 4px;
  828. letter-spacing: normal;
  829. color: #181818;
  830. }
  831.  
  832. .portfolio_module h1, .dribbble_module h1 {
  833.     padding: 0;
  834. border-bottom: none;
  835. font-family: 'Open Sans', sans-serif;
  836. font-weight: 300;
  837. font-size: 25px;
  838. background: none;
  839. border-top: none;
  840. margin: 0;
  841. color: #222;
  842. font-style: italic;
  843. text-decoration: none;
  844. line-height: 28px;
  845. }
  846. .alternate_h1 {
  847.     padding: 0;
  848. border-bottom: none;
  849. font-family: 'Open Sans', sans-serif;
  850. font-weight: 300;
  851. font-size: 25px;
  852. background: none;
  853. border-top: none;
  854. margin: 0;
  855. margin-top: 20px;
  856. color: #222;
  857. font-style: italic;
  858. text-decoration: none;
  859. line-height: 28px;
  860. }
  861. .portfolio_module p, .dribbble_module p {
  862.     font-size: 12px;
  863. }
  864. .portfolio_item_title {
  865.     margin: 0;
  866.     font-family: 'Noticia Text', serif;
  867.     font-size: 14px;
  868.     letter-spacing: -0.08px;
  869.     text-align: center;
  870.     padding: 20px 15px;
  871.     border-bottom: none;
  872.     text-decoration: none;
  873.     color: #555 !important;
  874.     -webkit-border-radius: 0 0 3px 3px;
  875.     -moz-border-radius: 0 0 3px 3px;
  876.     border-radius: 0 0 3px 3px;
  877.     background: #fff;
  878.     display: block;
  879.     text-align: center;
  880.     line-height: 22px;
  881. }
  882.  
  883. .portfolio_item_title:hover {
  884.     color: #000;
  885. }
  886. .portfolio_description, .dribbble_description {
  887.     float: left;
  888.     width: 23%;
  889. }
  890. .eight .portfolio_description, .eight .portfolio_items, .eight .dribbble_description, .eight #dribbble ul,
  891. .one-third .portfolio_description, .one-third .portfolio_items, .one-third .portfolio_item, .one-third .dribbble_description, .one-third #dribbble ul, .one-third #dribbble ul li,
  892. .four .portfolio_description, .four .portfolio_items, .four .portfolio_item,.four .dribbble_description, .four #dribbble ul, .four #dribbble ul li  {
  893.     width: 100%;
  894. }
  895. .one-third .portfolio_item, .four .portfolio_item, .one-third #dribbble ul li, .four #dribbble ul li { margin-left: 0; margin-bottom: 25px; }
  896. .one-third .portfolio_item img, .four .portfolio_item img { max-height: none; }
  897. .eight .portfolio_description, .one-third .portfolio_description, .four .portfolio_description, .eight .dribbble_description, .one-third .dribbble_description, .four .dribbble_description {
  898.     margin-bottom: 15px;
  899. }
  900. .eight .portfolio_item, .eight #dribbble ul li {
  901.     width: 46.2%;
  902.     margin-left: 0;
  903.     margin-right: 4.1%;
  904.     margin-bottom: 4.1%;
  905. }
  906. .portfolio_items, #dribbble ul  {
  907.     float: right;
  908.     width: 77%;
  909.     margin-bottom: 0;
  910. }
  911. .portfolio_all {
  912.     background: #555 !important;
  913. }
  914. .portfolio_spacer {
  915.     height: 20px;
  916. }
  917. .portfolio_item {
  918.     float: left;
  919.     width: 30.2%;
  920.     margin-left: 3.2%;
  921.     margin-bottom: 3.2%;    
  922.     -webkit-border-radius: 3px;
  923.     box-shadow: 0 2px 4px rgba(0,0,0, 0.12), 0 1px 1px rgba(0,0,0, 0.12);
  924. }
  925. #dribbble ul li {
  926.     float: left;
  927.     width: 30.2%;
  928.     margin-left: 3.2%;
  929.     margin-bottom: 3.2%;    
  930. }
  931.  
  932. .two-thirds .portfolio_item, .two-thirds #dribbble ul li  {
  933.     margin-left: 3.9%;
  934.     margin-bottom: 3.9%;
  935.     width: 46.2%;
  936. }
  937. .twelve #dribbble ul li, .twelve .portfolio_item  {
  938.     margin-left: 3.8%;
  939.     margin-bottom: 3.8%;
  940.     width: 46.2%;
  941. }
  942. #dribbble ul img {
  943.     display: block;
  944.     -webkit-border-radius: 5px;
  945.     -moz-border-radius: 5px;
  946.     border-radius: 5px;
  947.         -webkit-box-shadow: 0 2px 4px rgba(0,0,0, 0.1), 0 1px 1px rgba(0,0,0, 0.1);
  948.     -moz-box-shadow: 0 2px 4px rgba(0,0,0, 0.1), 0 1px 1px rgba(0,0,0, 0.1);
  949.     box-shadow: 0 2px 4px rgba(0,0,0, 0.1), 0 1px 1px rgba(0,0,0, 0.1);
  950. }
  951.  
  952. .portfolio_item img {
  953.     max-height: 175px;
  954.     display: block;
  955.     -webkit-border-radius: 3px 3px 0 0;
  956.     -moz-border-radius: 3px 3px 0 0;
  957.     border-radius: 3px 3px 0 0;
  958. }
  959. .testimonial_module {
  960.     margin: 20px 0;
  961.    
  962. }
  963. .testimonial_module blockquote p {
  964.     line-height: 30px;
  965.         padding-left: 70px;
  966.         margin-top: 10px;
  967. }
  968. .testimonial_p {
  969.     float: right;
  970.     margin-top: 20px;
  971.     margin-right: 20px;
  972. }
  973. .testimonial_p img {
  974.     width: 60px;
  975.     -webkit-border-radius: 99px;
  976.     margin-right: 20px;
  977. }
  978. .testimonial_module blockquote {
  979.     background: #fff;
  980.     border: 1px solid #DADADA;
  981.     -webkit-box-shadow: 0 2px 4px rgba(0,0,0, 0.1), 0 1px 1px rgba(0,0,0, 0.1);
  982.     -moz-box-shadow: 0 2px 4px rgba(0,0,0, 0.1), 0 1px 1px rgba(0,0,0, 0.1);
  983.     box-shadow: 0 2px 4px rgba(0,0,0, 0.1), 0 1px 1px rgba(0,0,0, 0.1);
  984.     -webkit-border-radius: 3px;
  985.     -moz-border-radius: 3px;
  986.     border-radius: 3px;
  987.     border-bottom: none;
  988.     padding: 12px 25px 12px 0;
  989.     position: relative;
  990.     margin-bottom: 0;
  991.     font-size: 16px;
  992. }
  993. .testimonial_p .testimonial_author {
  994.     font-weight: bold;
  995. font-style: italic;
  996. font-family: 'Istok Web', sans-serif;
  997. }
  998. .testimonial_location {
  999.     display: block;
  1000. font-family: 'Noticia Text', serif;
  1001. font-weight: normal;
  1002. font-style: italic;
  1003. opacity: 0.7;
  1004. font-size: 13px;
  1005. margin-top: -3px;
  1006. }
  1007. .testimonial_avatar {
  1008.     float: left;
  1009. }
  1010. .testimonial_details {
  1011.     float: right;
  1012.     margin-top: 4px;
  1013. }
  1014. .testimonial_module blockquote:after {
  1015.     content: '"';
  1016.     position: absolute;
  1017.     font-family: 'IM Fell DW Pica SC', serif;
  1018.     top: 40px;
  1019.     display: block;
  1020.     z-index: 99;
  1021.     left: 20px;
  1022.     color: #d2d2d2;
  1023.     font-size: 50px;
  1024.    
  1025. }
  1026. /* #Footer Styles
  1027. ================================================== */
  1028.  
  1029. .footer {
  1030.     padding: 20px 0;
  1031. }
  1032. footer a {
  1033.     color: #fff !important;
  1034.     font-weight: bold;
  1035. }
  1036.  
  1037. footer .footer {
  1038.     font-size: 12px !important;
  1039.      background: #222;
  1040. }
  1041. footer .small_footer {
  1042.     font-size: 11px !important;
  1043.      background: #111;
  1044. }
  1045. .small_left {
  1046.     float: left;
  1047. }
  1048. .small_right {
  1049.     float: right;
  1050.     text-align: right;
  1051. }
  1052. footer {
  1053.     color: #c2c2c2;
  1054.     margin-top: 40px;
  1055. }
  1056. .small_logo a {
  1057.   font-family: 'Open Sans', sans-serif;
  1058.     font-weight: 300;
  1059.     font-size: 26px;
  1060.     font-style: italic;
  1061.     font-weight: 800;
  1062.     text-decoration: none;
  1063.     color: #fff;
  1064.     letter-spacing: -0.08em;
  1065.     display: block;
  1066. }
  1067. .small_logo {
  1068.     margin: 0;
  1069. }
  1070. footer .vimeo, footer .twitter2, footer .dribbble, footer .facebook2, footer .linkedin, footer .youtube {
  1071.     background-color: rgba(0,0,0, 0.35);
  1072. }
  1073.  
  1074. /* #Page Styles
  1075. ================================================== */
  1076.  
  1077. .home .page-content { margin-top: 0; }
  1078. .page-content {
  1079.  
  1080. }
  1081. .video_holder {
  1082.     margin: 20px 0;
  1083. }
  1084.  
  1085. /* #Blog Comments */
  1086.  
  1087. .children .comment-info:after {
  1088.     position: absolute;
  1089.     content: url(images/comment-l.png);
  1090.     top: 0;
  1091.     left: -30px;
  1092.  
  1093. }
  1094. .comment-info { position: relative; }
  1095. #comments {
  1096.     margin-left: 0;
  1097. }
  1098. #comment-form #comment { width: 100% !important; }
  1099. .portfolio_module, .dribbble_module {
  1100.     margin: 20px 0 0 0;
  1101. }
  1102.  
  1103. #comment-form span {
  1104.     margin-bottom: 10px;
  1105.     margin-top: 10px;
  1106.     display: block;
  1107.     font-weight: bold;
  1108. }
  1109. #textarea3 {
  1110.     width: 565px;
  1111. }
  1112. .comment-info img {
  1113.     -moz-border-radius: 99px;
  1114.     -webkit-border-radius: 99px;
  1115.     -o-border-radius: 99px;
  1116.     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  1117.     -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  1118.     -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  1119. }
  1120. .comment-info {
  1121.     float: left;
  1122. }
  1123. .comment-content {
  1124.     float: right;
  1125.     width: 83%;
  1126. }
  1127. .comment-meta {
  1128.     margin-bottom: 15px;
  1129.     color: #747474;
  1130. }
  1131. .comment-meta span {
  1132.     font-weight: bold;
  1133.     display: block;
  1134.     margin-bottom: 5px;
  1135.     color: #999999;
  1136. }
  1137. .comment-meta a {
  1138.     font-family: 'Droid Serif', serif;
  1139.     font-size: 11px;
  1140.     font-style: italic;
  1141. }
  1142.  
  1143. .comment-author {
  1144.     float: left;
  1145. }
  1146. .comment-reply {
  1147.     float: right;
  1148.     margin-right: 10px;
  1149. }
  1150. .children li {
  1151.     margin-bottom: 0;
  1152.     margin-top: 15px;
  1153. }
  1154.  
  1155. #comments p { font-size: 12px !important; }
  1156. #comments li {
  1157.     margin-left: 0 !important;
  1158.     list-style: none;
  1159. }
  1160. .leave-reply {
  1161.   padding: 3px 0;
  1162. }
  1163. .single-post .blog_article { border: none; }
  1164. /* #Portfolio Page Styles
  1165. ================================================== */
  1166. .portfolio_cats br { display: none; }
  1167. .portfolio_cats { margin: 20px 0; }
  1168. .portfolio_cats a { }
  1169. .portfolio_cats span {
  1170.     text-decoration: none;
  1171.     font-family: 'Open Sans', sans-serif;
  1172.     font-size: 12px;
  1173.     font-weight: 800;
  1174.     color: #777;
  1175.     float: left;
  1176.     margin-right: 25px;
  1177.     letter-spacing: -0.08px;
  1178.     text-transform: uppercase;
  1179.     line-height: 38px;
  1180. }
  1181. .portfolio_cats a, .pagination a, .pagination .current, .portfolio_previous a, .portfolio_next a {
  1182.     color: rgba(255,255,255, 0.8) !important;
  1183.     font-family: 'Istok Web', sans-serif;
  1184.     line-height: 22px;
  1185.     font-weight: bold;
  1186.     padding: 14px 30px 13px;
  1187.     text-align: center;
  1188.     display: inline-block;
  1189.     margin-bottom: 18px;
  1190.     float: left;
  1191.     margin-right: 10px;
  1192.     margin-top: 3px;
  1193.     text-decoration: none;
  1194.     padding: 6px 12px 5px;
  1195.     font-size: 11px;
  1196.     -webkit-border-radius: 3px;
  1197.     -moz-border-radius: 3px;
  1198.     border-radius: 3px;
  1199. }
  1200. .pagination .current {
  1201.     background: #555;
  1202.     -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.4), inset 0 10px 20px rgba(0,0,0, 0.08);
  1203.     -moz-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.4), inset 0 10px 20px rgba(0,0,0, 0.08);
  1204.     box-shadow: inset 0 1px 2px rgba(0,0,0, 0.4), inset 0 10px 20px rgba(0,0,0, 0.08);
  1205. }
  1206. .portfolio_cats a:hover, .pagination a:hover, .portfolio_previous a:hover, .portfolio_next a:hover {
  1207.     color: rgba(255,255,255, 0.9);
  1208.     text-decoration: none;
  1209.     -webkit-box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12);
  1210.     -moz-box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12);
  1211.     box-shadow: inset 0 10px 20px rgba(255,255,255, 0.15);
  1212. }
  1213. .portfolio_cats a:active, .pagination a:active, .portfolio_previous a:active, .portfolio_next a:active {
  1214.     -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.4), inset 0 10px 20px rgba(0,0,0, 0.08);
  1215.     -moz-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.4), inset 0 10px 20px rgba(0,0,0, 0.08);
  1216.     box-shadow: inset 0 1px 2px rgba(0,0,0, 0.4), inset 0 10px 20px rgba(0,0,0, 0.08);
  1217. }
  1218. .pagination {
  1219.     float: left !important;
  1220.     margin-left: 0 !important;
  1221.     width: 100%;
  1222. }
  1223. .blog_module_1 .pagination, .blog_module_2 .pagination {
  1224.     border-top: 1px solid #DADADA;
  1225.     padding-top: 30px;
  1226.     margin-top: 10px;
  1227.     width: 100%;
  1228.     margin-bottom: 0;
  1229. }
  1230. .pagination li {
  1231.     float: left;
  1232.     margin-bottom: 0;
  1233. }
  1234. .page-template-template-portfolio-3cols-php .portfolio_item img, .archive .portfolio_item img  {
  1235.     max-height: 235px;
  1236. }
  1237. .page-template-template-portfolio-2cols-php .portfolio_item img {
  1238.     max-height: 361px;
  1239. }
  1240. .portfolio_img_holder {
  1241.     margin: 20px 0;
  1242. }
  1243. .portfolio_previous {
  1244.     float:right;
  1245. }
  1246. .portfolio_next {
  1247.     float:right;
  1248.     margin-left: 20px;
  1249. }
  1250. .portfolio_navigation, .portfolio_content {
  1251.     margin-top: 20px;
  1252. }
  1253. .portfolio_content {
  1254.     float: left;
  1255. }
  1256. .portfolio_navigation p {
  1257.     margin: 0;
  1258.     padding: 0;
  1259. }
  1260. .portfolio_navigation a {
  1261.     margin: 0;
  1262. }
  1263. .portfolio_posts {
  1264.     float: right;
  1265. }
  1266. .portfolio_share {
  1267.     float: left;
  1268.     padding-top: 6px;
  1269. }
  1270. .share_twitter, .share_facebook, .share_google {
  1271.     float: left;
  1272. }
  1273. .share_facebook {
  1274.     width: 115px;
  1275. }
  1276.  
  1277. /* JS Plugins Styles
  1278. ================================================= */
  1279.  
  1280. .imgFake {
  1281.     display: none;
  1282. }
  1283. .hide-text {
  1284.   font: 0/0 a;
  1285.   color: transparent;
  1286.   text-shadow: none;
  1287.   background-color: transparent;
  1288.   border: 0;
  1289. }
  1290. .input-block-level {
  1291.   display: block;
  1292.   width: 100%;
  1293.   min-height: 28px;
  1294.   -webkit-box-sizing: border-box;
  1295.   -moz-box-sizing: border-box;
  1296.   -ms-box-sizing: border-box;
  1297.   box-sizing: border-box;
  1298. }
  1299. .alert br { display: none; }
  1300. .close { text-decoration: none; margin-top: 5px; }
  1301. .alert {
  1302.   padding: 8px 35px 8px 14px;
  1303.   margin: 20px 0;
  1304.   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  1305.   background-color: #fff8d6;
  1306.   border: 1px solid #efe7c1;
  1307.   -webkit-border-radius: 4px;
  1308.   -moz-border-radius: 4px;
  1309.   border-radius: 4px;
  1310.   color: #c09853;
  1311. }
  1312. .alert a, .alert strong {
  1313.     font-weight: bold;
  1314.   color: #c09853;
  1315. }
  1316. .alert-heading {
  1317.   color: inherit;
  1318. }
  1319. .alert .close {
  1320.   position: relative;
  1321.   top: -2px;
  1322.   right: -21px;
  1323.   line-height: 18px;
  1324. }
  1325. .alert-success {
  1326.   background-color: #dff0d8;
  1327.   border-color: #d6e9c6;
  1328.   color: #468847;
  1329. }
  1330. .alert-success a, .alert-success strong {
  1331.   font-weight: bold;
  1332.   color: #468847;
  1333. }
  1334. .alert-danger,
  1335. .alert-error {
  1336.   background-color: #f2dede;
  1337.   border-color: #eed3d7;
  1338.   color: #b94a48;
  1339. }
  1340. .alert-danger a, .alert-danger strong,
  1341. .alert-error a, .alert-error strong {
  1342.     font-weight: bold;
  1343.   color: #b94a48;
  1344. }
  1345. .alert-info {
  1346.   background-color: #d9edf7;
  1347.   border-color: #bce8f1;
  1348.   color: #3a87ad;
  1349. }
  1350. .alert-info a, .alert-info strong {
  1351.     font-weight: bold;
  1352.   color: #3a87ad;
  1353. }
  1354. .alert-block {
  1355.   padding-top: 14px;
  1356.   padding-bottom: 14px;
  1357. }
  1358. .alert-block > p,
  1359. .alert-block > ul {
  1360.   margin-bottom: 0;
  1361. }
  1362. .alert-block p + p {
  1363.   margin-top: 5px;
  1364. }
  1365. .togglebox {
  1366.  
  1367.  
  1368.     overflow: hidden;
  1369.  
  1370.     width: 100%;
  1371.     clear: both;
  1372.     margin-bottom:10px;
  1373. }
  1374. .accordion_module {
  1375.     margin: 20px 0;
  1376. }
  1377. .togglebox .content {
  1378.     padding: 10px;
  1379. }
  1380. .toggle_anchor {
  1381.     padding:10px;
  1382.         width: 100%;
  1383.         float: left;
  1384.         text-decoration: none;
  1385.     border: 1px solid #DADADA;
  1386.     -moz-border-radius: 3px; /* Rounder Corner */
  1387.        -webkit-border-radius: 3px;
  1388.     -khtml-border-radius: 3px;
  1389.     margin-bottom:5px;
  1390.        
  1391.         padding: 15px 25px 15px 35px;
  1392.         background: #fff;
  1393.         text-transform: uppercase;
  1394.  
  1395. font-family: 'Open Sans', sans-serif;
  1396. font-size: 12px;
  1397. font-weight: 800;
  1398. cursor: pointer;
  1399. color: #777 !important;
  1400. letter-spacing: -0.08px;
  1401. background: url(images/modules/toggle-plus.png) no-repeat #fff 17px 22px;
  1402. }
  1403. .toggle_anchor:hover, .anchor_active {
  1404.     color: #333 !important;
  1405. }
  1406. .anchor_active {
  1407.    background: url(images/modules/toggle-minus.png) no-repeat #fff 17px 22px;
  1408. }
  1409. .close {
  1410.   float: right;
  1411.   font-size: 20px;
  1412.   font-weight: bold;
  1413.   line-height: 18px;
  1414.   color: #000000;
  1415.   text-shadow: 0 1px 0 #ffffff;
  1416.   opacity: 0.2;
  1417.   filter: alpha(opacity=20);
  1418. }
  1419. .close:hover {
  1420.   color: #000000;
  1421.   text-decoration: none;
  1422.   cursor: pointer;
  1423.   opacity: 0.4;
  1424.   filter: alpha(opacity=40);
  1425. }
  1426. button.close {
  1427.   padding: 0;
  1428.   cursor: pointer;
  1429.   background: transparent;
  1430.   border: 0;
  1431.   -webkit-appearance: none;
  1432. }
  1433. .tabs_module {
  1434.     margin: 20px 0;
  1435. }
  1436.  
  1437. /* #Contact
  1438. ================================================== */
  1439.  
  1440. .wpcf7-textarea { width: 100% !important; }
  1441.  
  1442. /* #Galleries
  1443. ================================================== */
  1444.  
  1445. .gallery {
  1446.     margin: 20px 0 !important;
  1447. }
  1448. .gallery-columns-5 .gallery-item {
  1449.     margin-bottom: 15px;
  1450. }
  1451. .gallery-columns-4 .gallery-item {
  1452.     margin-bottom: 35px;
  1453. }
  1454. .four .gallery-columns-4 .gallery-item {
  1455.     margin-bottom: 0;
  1456. }
  1457. .twelve .gallery-columns-4 .gallery-item {
  1458.     margin-bottom: 20px;
  1459. }
  1460. .twelve .gallery-columns-6 .gallery-item {
  1461.     margin-bottom: 10px;
  1462. }
  1463. .twelve .gallery-columns-8 .gallery-item {
  1464.     margin-bottom: 5px;
  1465. }
  1466. .two-thirds .gallery-columns-4 .gallery-item {
  1467.     margin-bottom: 20px;
  1468. }
  1469. .two-thirds .gallery-columns-8 .gallery-item {
  1470.     margin-bottom: 5px;
  1471. }
  1472. .two-thirds .gallery-columns-7 .gallery-item {
  1473.     margin-bottom: 5px;
  1474. }
  1475. .two-thirds .gallery-columns-6 .gallery-item {
  1476.     margin-bottom: 8px;
  1477. }
  1478. .eight .gallery-columns-4 .gallery-item {
  1479.     margin-bottom: 8px;
  1480. }
  1481. .eight .gallery-columns-5 .gallery-item {
  1482.     margin-bottom: 5px;
  1483. }
  1484. .eight .gallery-columns-6 .gallery-item, .eight .gallery-columns-7 .gallery-item, .eight .gallery-columns-8 .gallery-item, .eight .gallery-columns-9 .gallery-item {
  1485.     margin-bottom: 0;
  1486. }
  1487. .one-third .gallery-columns-4 .gallery-item, .one-third .gallery-columns-5 .gallery-item {
  1488.     margin-bottom: 5px;
  1489. }
  1490. .one-third .gallery-columns-6 .gallery-item, .one-third .gallery-columns-7 .gallery-item,.four .gallery-columns-5 .gallery-item, .one-third .gallery-columns-8 .gallery-item, .one-third .gallery-columns-9 .gallery-item {
  1491.     margin-bottom: 0;
  1492. }
  1493. .eight .gallery-columns-4 .gallery-item {
  1494.     margin-bottom: 15px;
  1495. }
  1496.  
  1497. .gallery-item img {
  1498.     border: 5px solid #fff !important;
  1499.     box-shadow: 0 2px 3px rgba(0,0,0, 0.1), 0 1px 1px rgba(0,0,0, 0.1);
  1500.     max-width: 80% !important;
  1501. }
  1502. /*
  1503. * Skeleton V1.1
  1504. * Copyright 2011, Dave Gamache
  1505. * www.getskeleton.com
  1506. * Free to use under the MIT license.
  1507. * http://www.opensource.org/licenses/mit-license.php
  1508. * 8/17/2011
  1509. */
  1510.  
  1511. /* Table of Content
  1512. ==================================================
  1513.     #Site Styles
  1514.     #Page Styles
  1515.     #Media Queries
  1516.     #Font-Face */
  1517.  
  1518. /* #Site Styles
  1519. ================================================== */
  1520. .wp-caption {}
  1521. .wp-caption-text {}
  1522. .sticky {}
  1523. .gallery-caption {}
  1524. .bypostauthor {}
  1525. .aligncenter {}
  1526.  
  1527. /* #Media Queries
  1528. ================================================== */
  1529.  
  1530. /* Smaller than standard 960 (devices and browsers) */
  1531. @media only screen and (max-width: 959px) {}
  1532.  
  1533. /* Tablet Portrait size to standard 960 (devices and browsers) */
  1534. @media only screen and (min-width: 768px) and (max-width: 959px) {
  1535.     .sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 4.75em; }
  1536.     .container .main ul li .description { display: none; }
  1537.     .container .main ul li a { font-size: 11px; padding: 18px 23px; }
  1538.     #social a { margin: 0; }
  1539.     .boxed { width: 768px; padding: 0; margin: 0 auto; background: none !important; -webkit-box-shadow: none; }
  1540.     .portfolio_item_title { font-size: 0.9em; }
  1541.     .gallery-columns-5 .gallery-item,.gallery-columns-8 .gallery-item,.gallery-columns-7 .gallery-item,.gallery-columns-6 .gallery-item { margin-bottom: 0; }
  1542.     .gallery-columns-4 .gallery-item { margin-bottom: 20px; }
  1543.        .comment-content { width: 80%; }
  1544.    
  1545. }
  1546.  
  1547. /* All Mobile Sizes (devices and browser) */
  1548. @media only screen and (max-width: 767px) {
  1549.     header { padding: 40px 0 0 0; }
  1550.     select { margin: 10px 0; }
  1551.     .footer .widget { margin: 10px 0; }
  1552.     .main ul { display: none; }
  1553.     header #social { margin-top: 25px; float: none; }
  1554.     header { text-align: center; }
  1555.     header .logo h1 { float: none; margin-bottom: 10px; }
  1556.     nav select { display: inline-block !important; }
  1557.     .boxed { width: 420px; padding: 0; margin: 0 auto; background: none !important; -webkit-box-shadow: none; }
  1558.     .inner_button { padding-top: 0; }
  1559.     .inner_content { width: 100%; }
  1560.     .inner_button { width: 100%; }
  1561.     .cta_module { text-align: center; }
  1562.     .four .cta_arrow { left: 46%; }
  1563.     .blog_thumb, .blog_info { width: 100%; }
  1564.     .blog_thumb { margin-bottom: 20px; }
  1565.     .portfolio_description,.portfolio_items, .portfolio_item, .two-thirds .portfolio_item, .eight .portfolio_item,
  1566.     .dribbble_description,#dribbble ul, #dribbble ul li, .two-thirds #dribbble ul li, .eight #dribbble ul li
  1567.     { width: 100%; }
  1568.     .portfolio_item, .two-thirds .portfolio_item,#dribbble ul li, .two-thirds #dribbble ul li  
  1569.     { margin: 20px 0 !important; }
  1570.     .portfolio_item img, #dribbble ul li img {  max-height: none; }
  1571.     .eight .portfolio_description, .eight .dribbble_description { margin-bottom: 0; }
  1572.     .portfolio_previous, .portfolio_next, .portfolio_navigation a { width: 100%; }
  1573.     .portfolio_navigation a { margin: 10px 0; padding: 10px}
  1574.     .flex_slider_thumbs_carousel, .flex-caption {display: none;}
  1575.     .page-template-template-portfolio-3cols-php .portfolio_item img, .archive .portfolio_item img  { max-height: 329px; }
  1576.      .portfolio_posts { float: none; }
  1577.      .portfolio_share { margin: 10px 0; }
  1578.      header .logo h1 { margin-bottom: 30px !important; }
  1579.      .portfolio_cats { margin-top: 20px !important; }
  1580.      .portfolio_content { margin-top: 0; }
  1581.      .gallery-columns-5 .gallery-item,.gallery-columns-8 .gallery-item,.gallery-columns-7 .gallery-item,.gallery-columns-6 .gallery-item,.gallery-columns-4 .gallery-item { margin-bottom: 0; }
  1582.      .gallery-columns-4 .gallery-item { margin-bottom: 15px; }
  1583.      .blog_module_1, .blog_module_2 { margin-top: 30px !important; }
  1584.      .comment-content { width: 77%; }
  1585.      
  1586. }
  1587.  
  1588. /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  1589. @media only screen and (min-width: 480px) and (max-width: 767px) {
  1590.     .tagline { margin: 20px 0 !important; }
  1591.     .container .widgets li { margin: 20px 0; }
  1592.     footer .medium_footer, footer .small_right, footer .small_left { text-align: center; }
  1593.     .small_left p { margin-bottom: 0; }
  1594.  
  1595.    
  1596. }
  1597. /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  1598. @media only screen and (max-width: 479px) {  
  1599.      .next, .prev { display: none !important; }
  1600.      .zuperSlider { width: 100% !important;}
  1601.      .boxed { width: 300px; padding: 0; margin: 0 auto; background: none; -webkit-box-shadow: none; }
  1602.     footer .medium_footer, footer .small_right, footer .small_left { text-align: center; }
  1603.     .small_left p { margin-bottom: 0; }
  1604.     body { background: #fcfcfc; }
  1605.     .tagline { margin: 20px 0 !important; }
  1606.     .container .widgets li { margin: 20px 0; }
  1607.     .ei-title { max-width: 278px;}
  1608.     .flex-caption h2, .flex-caption h2 a { display: none; }
  1609.     .comment-content { width: 65%; }
  1610.    
  1611. }
  1612.  
  1613. /* #Font-Face
  1614. ================================================== */
  1615. /*  This is the proper syntax for an @font-face file
  1616.                 Just create a "fonts" folder at the root,
  1617.                 copy your FontName into code below and remove
  1618.                 comment brackets */
  1619.  
  1620. /*  @font-face {
  1621.             font-family: 'FontName';
  1622.             src: url('../fonts/FontName.eot');
  1623.             src: url('../fonts/FontName.eot?iefix') format('eot'),
  1624.                  url('../fonts/FontName.woff') format('woff'),
  1625.                  url('../fonts/FontName.ttf') format('truetype'),
  1626.                  url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
  1627.             font-weight: normal;
  1628.             font-style: normal; }
  1629. */
  1630.  
  1631. .buttons li {
  1632.     float: left;
  1633.     margin-right: 20px;
  1634. }
  1635. .buttons li a {
  1636.     margin-bottom: 10px;
  1637. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!