Advertisement
Guest User

Untitled

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