Advertisement
sampatel

Untitled

May 23rd, 2013
797
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 67.64 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.2
  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. a.blue {
  606. background-color: #1874cd; /* Dodger Blue */
  607. background-image: -webkit-gradient(linear, left top, left bottom, from(#4f9eea), to(#1874cd));
  608. background-image: -webkit-linear-gradient(top, #4f9eea, #1874cd);
  609. background-image: -moz-linear-gradient(top, #4f9eea, #1874cd);
  610. background-image: -ms-linear-gradient(top, #4f9eea, #1874cd);
  611. background-image: -o-linear-gradient(top, #4f9eea, #1874cd);
  612. background-image: linear-gradient(top, #4f9eea, #1874cd);
  613. border: 1px solid #115290;
  614. color: #fff;
  615. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4f9eea, endColorstr=#1874cd);
  616. text-shadow: 0 -1px 0 #115290;
  617. }
  618.  
  619. a.blue:hover {
  620. background-color: #7db7f0;
  621. background-image: -webkit-gradient(linear, left top, left bottom, from(#7db7f0), to(#1874cd));
  622. background-image: -webkit-linear-gradient(top, #7db7f0, #1874cd);
  623. background-image: -moz-linear-gradient(top, #7db7f0, #1874cd);
  624. background-image: -ms-linear-gradient(top, #7db7f0, #1874cd);
  625. background-image: -o-linear-gradient(top, #7db7f0, #1874cd);
  626. background-image: linear-gradient(top, #7db7f0, #1874cd);
  627. border: 1px solid #115290;
  628. color: #fff;
  629. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7db7f0, endColorstr=#1874cd);
  630. text-shadow: 0 -1px 0 #115290;
  631. }
  632.  
  633. a.red {
  634. background-color: #cd0000; /* Red 4 */
  635. background-image: -webkit-gradient(linear, left top, left bottom, from(#ff2323), to(#cd0000));
  636. background-image: -webkit-linear-gradient(top, #ff2323, #cd0000);
  637. background-image: -moz-linear-gradient(top, #ff2323, #cd0000);
  638. background-image: -ms-linear-gradient(top, #ff2323, #cd0000);
  639. background-image: -o-linear-gradient(top, #ff2323, #cd0000);
  640. background-image: linear-gradient(top, #ff2323, #cd0000);
  641. border: 1px solid #890000;
  642. color: #fff;
  643. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff2323, endColorstr=#cd0000);
  644. text-shadow: 0 -1px 0 #890000;
  645. }
  646.  
  647. a.red:hover {
  648. background-color: #ff5656;
  649. background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5656), to(#cd0000));
  650. background-image: -webkit-linear-gradient(top, #ff5656, #cd0000);
  651. background-image: -moz-linear-gradient(top, #ff5656, #cd0000);
  652. background-image: -ms-linear-gradient(top, #ff5656, #cd0000);
  653. background-image: -o-linear-gradient(top, #ff5656, #cd0000);
  654. background-image: linear-gradient(top, #ff5656, #cd0000);
  655. border: 1px solid #890000;
  656. color: #fff;
  657. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5656, endColorstr=#cd0000);
  658. text-shadow: 0 -1px 0 #890000;
  659. }
  660.  
  661. a.orange {
  662. background-color: #ff7f00; /* Dark Orange 1 */
  663. background-image: -webkit-gradient(linear, left top, left bottom, from(#fa5), to(#ff7f00));
  664. background-image: -webkit-linear-gradient(top, #fa5, #ff7f00);
  665. background-image: -moz-linear-gradient(top, #fa5, #ff7f00);
  666. background-image: -ms-linear-gradient(top, #fa5, #ff7f00);
  667. background-image: -o-linear-gradient(top, #fa5, #ff7f00);
  668. background-image: linear-gradient(top, #fa5, #ff7f00);
  669. border: 1px solid #bb5d00;
  670. color: #fff;
  671. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffaa55, endColorstr=#ff7f00);
  672. text-shadow:0 -1px 0 #bb5d00;
  673. }
  674.  
  675. a.orange:hover {
  676. background-color: #ffc388;
  677. background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc388), to(#ff7f00));
  678. background-image: -webkit-linear-gradient(top, #ffc388, #ff7f00);
  679. background-image: -moz-linear-gradient(top, #ffc388, #ff7f00);
  680. background-image: -ms-linear-gradient(top, #ffc388, #ff7f00);
  681. background-image: -o-linear-gradient(top, #ffc388, #ff7f00);
  682. background-image: linear-gradient(top, #ffc388, #ff7f00);
  683. border: 1px solid #bb5d00;
  684. color: #fff;
  685. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc388, endColorstr=#ff7f00);
  686. text-shadow:0 -1px 0 #bb5d00;
  687. }
  688.  
  689. a.yellow {
  690. background-color: #ecca06; /* Yellow Gold */
  691. background-image: -webkit-gradient(linear, left top, left bottom, from(#fff2aa), to(#ffd700));
  692. background-image: -webkit-linear-gradient(top, #fff2aa, #ffd700);
  693. background-image: -moz-linear-gradient(top, #fff2aa, #ffd700);
  694. background-image: -ms-linear-gradient(top, #fff2aa, #ffd700);
  695. background-image: -o-linear-gradient(top, #fff2aa, #ffd700);
  696. background-image: linear-gradient(top, #fff2aa, #ffd700);
  697. border: 1px solid #bb9e00;
  698. color: #161300;
  699. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff2aa, endColorstr=#ffd700);
  700. text-shadow:0 1px 0 #fff;
  701. }
  702.  
  703. a.yellow:hover {
  704. background-color: #fffadd;
  705. background-image: -webkit-gradient(linear, left top, left bottom, from(#fffadd), to(#ffd700));
  706. background-image: -webkit-linear-gradient(top, #fffadd, #ffd700);
  707. background-image: -moz-linear-gradient(top, #fffadd, #ffd700);
  708. background-image: -ms-linear-gradient(top, #fffadd, #ffd700);
  709. background-image: -o-linear-gradient(top, #fffadd, #ffd700);
  710. background-image: linear-gradient(top, #fffadd, #ffd700);
  711. border: 1px solid #bb9e00;
  712. color: #161300;
  713. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffadd, endColorstr=#ffd700);
  714. text-shadow:0 1px 0 #fff;
  715. }
  716.  
  717. a.green {
  718. background-color: #2e8b57; /* Sea Green 4 */
  719. background-image: -webkit-gradient(linear, left top, left bottom, from(#4bc380), to(#2e8b57));
  720. background-image: -webkit-linear-gradient(top, #4bc380, #2e8b57);
  721. background-image: -moz-linear-gradient(top, #4bc380, #2e8b57);
  722. background-image: -ms-linear-gradient(top, #4bc380, #2e8b57);
  723. background-image: -o-linear-gradient(top, #4bc380, #2e8b57);
  724. background-image: linear-gradient(top, #4bc380, #2e8b57);
  725. border: 1px solid #1d5837;
  726. color: #fff;
  727. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4bc380, endColorstr=#2e8b57);
  728. text-shadow: 0 -1px 0 #1d5837;
  729. }
  730.  
  731. a.green:hover {
  732. background-color: #71d09b;
  733. background-image: -webkit-gradient(linear, left top, left bottom, from(#71d09b), to(#2e8b57));
  734. background-image: -webkit-linear-gradient(top, #71d09b, #2e8b57);
  735. background-image: -moz-linear-gradient(top, #71d09b, #2e8b57);
  736. background-image: -ms-linear-gradient(top, #71d09b, #2e8b57);
  737. background-image: -o-linear-gradient(top, #71d09b, #2e8b57);
  738. background-image: linear-gradient(top, #71d09b, #2e8b57);
  739. border: 1px solid #1d5837;
  740. color: #fff;
  741. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#71d09b, endColorstr=#2e8b57);
  742. text-shadow: 0 -1px 0 #1d5837;
  743. }
  744.  
  745. a.olive {
  746. background-color: #838b83; /* Honey Dew 4 */
  747. background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e000), to(#838b83));
  748. background-image: -webkit-linear-gradient(top, #afb4af, #838b83);
  749. background-image: -moz-linear-gradient(top, #afb4af, #838b83);
  750. background-image: -ms-linear-gradient(top, #afb4af, #838b83);
  751. background-image: -o-linear-gradient(top, #afb4af, #838b83);
  752. background-image: linear-gradient(top, #afb4af, #838b83);
  753. border: 1px solid #626862;
  754. color: #fff;
  755. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#afb4af, endColorstr=#838b83);
  756. text-shadow: 0 -1px 0 #626862;
  757. }
  758.  
  759. a.olive:hover {
  760. background-color: #c9cdc9;
  761. background-image: -webkit-gradient(linear, left top, left bottom, from(#c9cdc9), to(#838b83));
  762. background-image: -webkit-linear-gradient(top, #c9cdc9, #838b83);
  763. background-image: -moz-linear-gradient(top, #c9cdc9, #838b83);
  764. background-image: -ms-linear-gradient(top, #c9cdc9, #838b83);
  765. background-image: -o-linear-gradient(top, #c9cdc9, #838b83);
  766. background-image: linear-gradient(top, #c9cdc9, #838b83);
  767. border: 1px solid #626862;
  768. color: #fff;
  769. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c9cdc9, endColorstr=#838b83);
  770. text-shadow: 0 -1px 0 #626862;
  771. }
  772.  
  773. a.purple {
  774. background-color: #5d478b; /* Medium Purple 4 */
  775. background-image: -webkit-gradient(linear, left top, left bottom, from(#8771b6), to(#5d478b));
  776. background-image: -webkit-linear-gradient(top, #8771b6, #5d478b);
  777. background-image: -moz-linear-gradient(top, #8771b6, #5d478b);
  778. background-image: -ms-linear-gradient(top, #8771b6, #5d478b);
  779. background-image: -o-linear-gradient(top, #8771b6, #5d478b);
  780. background-image: linear-gradient(top, #8771b6, #5d478b);
  781. border: 1px solid #3f305e;
  782. color: #fff;
  783. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8771b6, endColorstr=#5d478b);
  784. text-shadow: 0 -1px 0 #3f305e;
  785. }
  786.  
  787. a.purple:hover {
  788. background-color: #a492c8;
  789. background-image: -webkit-gradient(linear, left top, left bottom, from(#a492c8), to(#5d478b));
  790. background-image: -webkit-linear-gradient(top, #a492c8, #5d478b);
  791. background-image: -moz-linear-gradient(top, #a492c8, #5d478b);
  792. background-image: -ms-linear-gradient(top, #a492c8, #5d478b);
  793. background-image: -o-linear-gradient(top, #a492c8, #5d478b);
  794. background-image: linear-gradient(top, #a492c8, #5d478b);
  795. border: 1px solid #3f305e;
  796. color: #fff;
  797. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a492c8, endColorstr=#5d478b);
  798. text-shadow: 0 -1px 0 #3f305e;
  799. }
  800.  
  801. a.pink {
  802. background-color: #cd1076; /* Deep Pink 3 */
  803. background-image: -webkit-gradient(linear, left top, left bottom, from(#f042a0), to(#cd1076));
  804. background-image: -webkit-linear-gradient(top, #f042a0, #cd1076);
  805. background-image: -moz-linear-gradient(top, #f042a0, #cd1076);
  806. background-image: -ms-linear-gradient(top, #f042a0, #cd1076);
  807. background-image: -o-linear-gradient(top, #f042a0, #cd1076);
  808. background-image: linear-gradient(top, #f042a0, #cd1076);
  809. border: 1px solid #8e0b52;
  810. color: #fff;
  811. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f042a0, endColorstr=#cd1076);
  812. text-shadow: 0 -1px 0 #8e0b52;
  813. }
  814.  
  815. a.pink:hover {
  816. background-color: #f471b8;
  817. background-image: -webkit-gradient(linear, left top, left bottom, from(#f471b8), to(#cd1076));
  818. background-image: -webkit-linear-gradient(top, #f471b8, #cd1076);
  819. background-image: -moz-linear-gradient(top, #f471b8, #cd1076);
  820. background-image: -ms-linear-gradient(top, #f471b8, #cd1076);
  821. background-image: -o-linear-gradient(top, #f471b8, #cd1076);
  822. background-image: linear-gradient(top, #f471b8, #cd1076);
  823. border: 1px solid #8e0b52;
  824. color: #fff;
  825. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f471b8, endColorstr=#cd1076);
  826. text-shadow: 0 -1px 0 #8e0b52;
  827. }
  828.  
  829. a.brick {
  830. background-color: #b22222; /* Fire Brick */
  831. background-image: -webkit-gradient(linear, left top, left bottom, from(#dd4c4c), to(#b22222));
  832. background-image: -webkit-linear-gradient(top, #dd4c4c, #b22222);
  833. background-image: -moz-linear-gradient(top, #dd4c4c, #b22222);
  834. background-image: -ms-linear-gradient(top, #dd4c4c, #b22222);
  835. background-image: -o-linear-gradient(top, #dd4c4c, #b22222);
  836. background-image: linear-gradient(top, #dd4c4c, #b22222);
  837. border: 1px solid #791717;
  838. color: #fff;
  839. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd4c4c, endColorstr=#b22222);
  840. text-shadow: 0 -1px 0 #791717;
  841. }
  842.  
  843. a.brick:hover {
  844. background-color: #e57777;
  845. background-image: -webkit-gradient(linear, left top, left bottom, from(#e57777), to(#b22222));
  846. background-image: -webkit-linear-gradient(top, #e57777, #b22222);
  847. background-image: -moz-linear-gradient(top, #e57777, #b22222);
  848. background-image: -ms-linear-gradient(top, #e57777, #b22222);
  849. background-image: -o-linear-gradient(top, #e57777, #b22222);
  850. background-image: linear-gradient(top, #e57777, #b22222);
  851. border: 1px solid #791717;
  852. color: #fff;
  853. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e57777, endColorstr=#b22222);
  854. text-shadow: 0 -1px 0 #791717;
  855. }
  856.  
  857. a.gold {
  858. background-color: #8b6508; /* Dark Golden Rod 4 */
  859. background-image: -webkit-gradient(linear, left top, left bottom, from(#db9f0d), to(#8b6508));
  860. background-image: -webkit-linear-gradient(top, #db9f0d, #8b6508);
  861. background-image: -moz-linear-gradient(top, #db9f0d, #8b6508);
  862. background-image: -ms-linear-gradient(top, #db9f0d, #8b6508);
  863. background-image: -o-linear-gradient(top, #db9f0d, #8b6508);
  864. background-image: linear-gradient(top, #db9f0d, #8b6508);
  865. border: 1px solid #6b4e06;
  866. color: #fff;
  867. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db9f0d, endColorstr=#8b6508);
  868. text-shadow: 0 -1px 0 #6b4e06;
  869. }
  870.  
  871. a.gold:hover {
  872. background-color: #f3b828;
  873. background-image: -webkit-gradient(linear, left top, left bottom, from(#f3b828), to(#8b6508));
  874. background-image: -webkit-linear-gradient(top, #f3b828, #8b6508);
  875. background-image: -moz-linear-gradient(top, #f3b828, #8b6508);
  876. background-image: -ms-linear-gradient(top, #f3b828, #8b6508);
  877. background-image: -o-linear-gradient(top, #f3b828, #8b6508);
  878. background-image: linear-gradient(top, #f3b828, #8b6508);
  879. border: 1px solid #6b4e06;
  880. color: #fff;
  881. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3b828, endColorstr=#8b6508);
  882. text-shadow: 0 -1px 0 #6b4e06;
  883. }
  884.  
  885. a.brown {
  886. background-color: #8b4513; /* Saddle Brown */
  887. background-image: -webkit-gradient(linear, left top, left bottom, from(#d66a1d), to(#8b4513));
  888. background-image: -webkit-linear-gradient(top, #d66a1d, #8b4513);
  889. background-image: -moz-linear-gradient(top, #d66a1d, #8b4513);
  890. background-image: -ms-linear-gradient(top, #d66a1d, #8b4513);
  891. background-image: -o-linear-gradient(top, #d66a1d, #8b4513);
  892. background-image: linear-gradient(top, #d66a1d, #8b4513);
  893. border: 1px solid #4f270b;
  894. color: #fff;
  895. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d66a1d, endColorstr=#8b4513);
  896. text-shadow: 0 -1px 0 #4f270b;
  897. }
  898.  
  899. a.brown:hover {
  900. background-color: #8b4513;
  901. background-image: -webkit-gradient(linear, left top, left bottom, from(#e58541), to(#8b4513));
  902. background-image: -webkit-linear-gradient(top, #e58541, #8b4513);
  903. background-image: -moz-linear-gradient(top, #e58541, #8b4513);
  904. background-image: -ms-linear-gradient(top, #e58541, #8b4513);
  905. background-image: -o-linear-gradient(top, #e58541, #8b4513);
  906. background-image: linear-gradient(top, #e58541, #8b4513);
  907. border: 1px solid #4f270b;
  908. color: #fff;
  909. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e58541, endColorstr=#8b4513);
  910. text-shadow: 0 -1px 0 #4f270b;
  911. }
  912.  
  913. a.silver {
  914. background-color: #c0c0c0; /* Silver */
  915. background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c0c0c0));
  916. background-image: -webkit-linear-gradient(top, #eaeaea, #c0c0c0);
  917. background-image: -moz-linear-gradient(top, #eaeaea, #c0c0c0);
  918. background-image: -ms-linear-gradient(top, #eaeaea, #c0c0c0);
  919. background-image: -o-linear-gradient(top, #eaeaea, #c0c0c0);
  920. background-image: linear-gradient(top, #eaeaea, #c0c0c0);
  921. border: 1px solid #9e9e9e;
  922. color: #444;
  923. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eaeaea, endColorstr=#c0c0c0);
  924. text-shadow: 0 1px 0 #fff;
  925. }
  926.  
  927. a.silver:hover {
  928. background-color: #fff;
  929. background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c0c0c0));
  930. background-image: -webkit-linear-gradient(top, #fff, #c0c0c0);
  931. background-image: -moz-linear-gradient(top, #fff, #c0c0c0);
  932. background-image: -ms-linear-gradient(top, #fff, #c0c0c0);
  933. background-image: -o-linear-gradient(top, #fff, #c0c0c0);
  934. background-image: linear-gradient(top, #fff, #c0c0c0);
  935. border: 1px solid #9e9e9e;
  936. color: #444;
  937. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#c0c0c0);
  938. text-shadow: 0 1px 0 #fff;
  939. }
  940.  
  941. a.gray {
  942. background-color: #696969; /* Dim Gray */
  943. background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#696969));
  944. background-image: -webkit-linear-gradient(top, #939393, #696969);
  945. background-image: -moz-linear-gradient(top, #939393, #696969);
  946. background-image: -ms-linear-gradient(top, #939393, #696969);
  947. background-image: -o-linear-gradient(top, #939393, #696969);
  948. background-image: linear-gradient(top, #939393, #696969);
  949. border: 1px solid #474747;
  950. color: #fff;
  951. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#939393, endColorstr=#696969);
  952. text-shadow: 0 -1px 0 #474747;
  953. }
  954.  
  955. a.gray:hover {
  956. background-color: #adadad;
  957. background-image: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(#696969));
  958. background-image: -webkit-linear-gradient(top, #adadad, #696969);
  959. background-image: -moz-linear-gradient(top, #adadad, #696969);
  960. background-image: -ms-linear-gradient(top, #adadad, #696969);
  961. background-image: -o-linear-gradient(top, #adadad, #696969);
  962. background-image: linear-gradient(top, #adadad, #696969);
  963. border: 1px solid #474747;
  964. color: #fff;
  965. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#adadad, endColorstr=#696969);
  966. text-shadow: 0 -1px 0 #474747;
  967. }
  968.  
  969. a.black {
  970. background-color: #080808; /* Black */
  971. background-image: -webkit-gradient(linear, left top, left bottom, from(#323232), to(#080808));
  972. background-image: -webkit-linear-gradient(top, #323232, #080808);
  973. background-image: -moz-linear-gradient(top, #323232, #080808);
  974. background-image: -ms-linear-gradient(top, #323232, #080808);
  975. background-image: -o-linear-gradient(top, #323232, #080808);
  976. background-image: linear-gradient(top, #323232, #080808);
  977. border: 1px solid #000;
  978. color: #fff;
  979. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#323232, endColorstr=#080808);
  980. text-shadow: 0 -1px 0 #000;
  981. }
  982.  
  983. a.black:hover {
  984. background-color: #4c4c4c;
  985. background-image: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#080808));
  986. background-image: -webkit-linear-gradient(top, #4c4c4c, #080808);
  987. background-image: -moz-linear-gradient(top, #4c4c4c, #080808);
  988. background-image: -ms-linear-gradient(top, #4c4c4c, #080808);
  989. background-image: -o-linear-gradient(top, #4c4c4c, #080808);
  990. background-image: linear-gradient(top, #4c4c4c, #080808);
  991. border: 1px solid #000;
  992. color: #fff;
  993. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c4c4c, endColorstr=#080808);
  994. text-shadow: 0 -1px 0 #000;
  995. }
  996.  
  997. /* =Info Boxes
  998. -------------------------------------------------------------- */
  999. .info-box {
  1000. -moz-border-radius: 4px;
  1001. -webkit-border-radius: 4px;
  1002. border-radius: 4px;
  1003. display: block;
  1004. margin: 20px 0;
  1005. padding: 15px;
  1006. text-align: left;
  1007. }
  1008.  
  1009. .alert {
  1010. background-color: #faebeb;
  1011. border: 1px solid #dc7070;
  1012. color: #212121;
  1013. }
  1014.  
  1015. .address {
  1016. background-color: #f6f5ef;
  1017. border: 1px solid #cdc9a5;
  1018. color: #212121;
  1019. }
  1020.  
  1021. .notice {
  1022. background-color: #fbf9e9;
  1023. border: 1px solid #e3cf57;
  1024. color: #212121;
  1025. }
  1026.  
  1027. .success {
  1028. background-color: #f9fde8;
  1029. border: 1px solid #a2bc13;
  1030. color: #212121;
  1031. }
  1032.  
  1033. .download {
  1034. background-color: #fff4e5;
  1035. border: 1px solid #ff9912;
  1036. color: #212121;
  1037. }
  1038.  
  1039. .information {
  1040. background-color: #eef3f6;
  1041. border: 1px solid #6ca6cd;
  1042. color: #212121;
  1043. }
  1044.  
  1045. .required {
  1046. color: #d5243f;
  1047. }
  1048.  
  1049. /* =IE6 Notice
  1050. -------------------------------------------------------------- */
  1051. .msie-box {
  1052. background-color: #f9edbe;
  1053. border: 1px solid #f0c36d;
  1054. color: #212121;
  1055. display: block;
  1056. margin: 0 auto;
  1057. max-width: 960px;
  1058. padding: 10px;
  1059. position: absolute;
  1060. top: 60px;
  1061. text-align: center;
  1062. width: 100%;
  1063. }
  1064.  
  1065. .msie-box a {
  1066. color: #212121;
  1067. }
  1068.  
  1069. /* =Tables
  1070. -------------------------------------------------------------- */
  1071. th,
  1072. td,
  1073. table {
  1074. border: 1px solid #ddd;
  1075. }
  1076.  
  1077. table {
  1078. border-collapse: collapse;
  1079. width: 100%;
  1080. }
  1081.  
  1082. /* =Lists
  1083. -------------------------------------------------------------- */
  1084. ul {
  1085. list-style-type: disc;
  1086. margin: 0;
  1087. padding: 0;
  1088. }
  1089.  
  1090. ol {
  1091. line-height: 22px;
  1092. list-style-position: outside;
  1093. list-style-type: decimal;
  1094. margin: 0;
  1095. padding: 0;
  1096. }
  1097.  
  1098. dt {
  1099. font-weight: 400;
  1100. }
  1101.  
  1102. /* =Blockquote
  1103. -------------------------------------------------------------- */
  1104. blockquote {
  1105. background: #f9f9f9;
  1106. border: none;
  1107. border-left: 4px solid #d6d6d6;
  1108. margin: 20px;
  1109. overflow: auto;
  1110. padding: 0 0 10px 12px;
  1111. }
  1112.  
  1113. blockquote p {
  1114. font-family: 'Georgia', 'Times New Roman', Times, serif;
  1115. font-style: italic;
  1116. font-size: 18px;
  1117. line-height: 26px;
  1118. }
  1119.  
  1120. /* =Headings
  1121. -------------------------------------------------------------- */
  1122. h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  1123. font-weight: 700;
  1124. line-height: 1.0em;
  1125. word-wrap: break-word;
  1126. }
  1127.  
  1128. h1 {
  1129. font-size: 2.625em; /* = 42px */
  1130. margin-bottom: .5em;
  1131. margin-top: .5em;
  1132. }
  1133.  
  1134. h2 {
  1135. font-size: 2.250em; /* = 36px */
  1136. margin-bottom: .75em;
  1137. margin-top: .75em;
  1138. }
  1139.  
  1140. h3 {
  1141. font-size: 1.875em; /* = 30px */
  1142. margin-bottom: .857em;
  1143. margin-top: .857em;
  1144. }
  1145.  
  1146. h4 {
  1147. font-size: 1.500em; /* = 24px */
  1148. margin-bottom: 1em;
  1149. margin-top: 1em;
  1150. }
  1151.  
  1152. h5 {
  1153. font-size: 1.125em; /* = 18px */
  1154. margin-bottom: 1.125em;
  1155. margin-top: 1.125em;
  1156. }
  1157.  
  1158. h6 {
  1159. font-size: 1.000em; /* = 16px */
  1160. margin-bottom: 1.285em;
  1161. margin-top: 1.285em;
  1162. }
  1163.  
  1164. /* =Margins & Paddings
  1165. -------------------------------------------------------------- */
  1166. p,
  1167. hr,
  1168. dl,
  1169. pre,
  1170. form,
  1171. table,
  1172. address,
  1173. blockquote {
  1174. margin: 1.6em 0;
  1175. }
  1176.  
  1177. th, td {
  1178. padding: .8em;
  1179. }
  1180.  
  1181. caption {
  1182. padding-bottom: .8em;
  1183. }
  1184.  
  1185. blockquote {
  1186. padding: 0 1em;
  1187. }
  1188.  
  1189. blockquote:first-child {
  1190. margin: .8em 0;
  1191. }
  1192.  
  1193. fieldset {
  1194. margin: 1.6em 0;
  1195. padding: 0 1em 1em;
  1196. }
  1197.  
  1198. legend {
  1199. padding-left: .8em;
  1200. padding-right: .8em;
  1201. }
  1202.  
  1203. legend+* {
  1204. margin-top: 1em;
  1205. }
  1206.  
  1207. input,
  1208. textarea {
  1209. padding: .3em .4em .15em;
  1210. }
  1211.  
  1212. select {
  1213. padding: .1em .2em 0;
  1214. }
  1215.  
  1216. option {
  1217. padding: 0 .4em;
  1218. }
  1219.  
  1220. dt {
  1221. margin-bottom: .4em;
  1222. margin-top: .8em;
  1223. }
  1224.  
  1225.  
  1226. ul {
  1227. list-style-type: disc;
  1228. }
  1229.  
  1230. ol {
  1231. list-style-type: decimal;
  1232. }
  1233.  
  1234. ul,
  1235. ol {
  1236. margin: 0 1.5em 1.5em 0;
  1237. padding-left: 2.0em;
  1238. }
  1239.  
  1240. li ul,
  1241. li ol {
  1242. margin: 0;
  1243. }
  1244.  
  1245. form div {
  1246. margin-bottom: .8em;
  1247. }
  1248.  
  1249. /* =Globals
  1250. -------------------------------------------------------------- */
  1251. #container {
  1252. margin: 0 auto;
  1253. max-width: 960px;
  1254. padding: 0px 25px;
  1255. }
  1256.  
  1257. #wrapper {
  1258. -webkit-border-radius: 4px;
  1259. -moz-border-radius: 4px;
  1260. background-color: #fff;
  1261. border: 1px solid #e5e5e5;
  1262. border-radius: 4px;
  1263. clear: both;
  1264. margin: 20px auto 20px auto;
  1265. padding: 0 20px 20px 20px;
  1266. position: relative;
  1267. }
  1268.  
  1269. .front-page #wrapper {
  1270. background-color: transparent;
  1271. border: none;
  1272. margin: 20px auto 20px auto;
  1273. padding: 0;
  1274. }
  1275.  
  1276. #header {
  1277. margin: 0;
  1278. }
  1279.  
  1280. #footer {
  1281. clear: both;
  1282. margin: 0 auto;
  1283. max-width: 960px;
  1284. padding: 0 25px 0 25px;
  1285. }
  1286.  
  1287. #footer-wrapper {
  1288. margin: 0;
  1289. padding: 0;
  1290. }
  1291.  
  1292. /* =Header
  1293. -------------------------------------------------------------- */
  1294. #logo {
  1295. float: left;
  1296. margin: 0;
  1297. }
  1298.  
  1299. .site-name {
  1300. display: block;
  1301. font-size: 2.063em; /* = 33px */
  1302. line-height: 1.0em;
  1303. padding-top: 20px;
  1304. }
  1305.  
  1306. .site-name a {
  1307. color: #333;
  1308. font-weight: 700;
  1309. }
  1310.  
  1311. .site-description {
  1312. color: #afafaf;
  1313. display: block;
  1314. font-size: 0.875em; /* = 14px */
  1315. margin: 10px 0;
  1316. }
  1317.  
  1318. /* =Content
  1319. -------------------------------------------------------------- */
  1320. #content {
  1321. margin-top: 40px;
  1322. margin-bottom: 20px;
  1323. }
  1324.  
  1325. #content-full {
  1326. margin-top: 40px;
  1327. margin-bottom: 20px;
  1328. }
  1329.  
  1330. #content-blog {
  1331. margin-top: 40px;
  1332. margin-bottom: 20px;
  1333. }
  1334.  
  1335. #content-images {
  1336. margin-bottom: 20px;
  1337. }
  1338.  
  1339. #content-search {
  1340. margin-bottom: 20px;
  1341. margin-top: 20px;
  1342. }
  1343.  
  1344. #content-archive {
  1345. margin-top: 40px;
  1346. margin-bottom: 20px;
  1347. }
  1348.  
  1349. #content-sitemap {
  1350. margin-top: 40px;
  1351. margin-bottom: 20px;
  1352. }
  1353.  
  1354. #content-sitemap a {
  1355. font-size: 12px;
  1356. }
  1357.  
  1358. #content .sticky {
  1359. clear: both;
  1360. }
  1361.  
  1362. #content .sticky p {}
  1363.  
  1364. /* =Templates (Landing Page)
  1365. -------------------------------------------------------------- */
  1366. .page-template-landing-page-php .menu,
  1367. .page-template-landing-page-php .top-menu,
  1368. .page-template-landing-page-php .main-nav,
  1369. .page-template-landing-page-php .footer-menu,
  1370. .page-template-landing-page-php .sub-header-menu {
  1371. display: none;
  1372. }
  1373.  
  1374. /* =Author Meta (Author's Box)
  1375. -------------------------------------------------------------- */
  1376. #author-meta {
  1377. -moz-border-radius: 4px;
  1378. -webkit-border-radius: 4px;
  1379. background: #f9f9f9;
  1380. border: 1px solid #d6d6d6;
  1381. border-radius: 4px;
  1382. clear: both;
  1383. display: block;
  1384. margin: 30px 0 40px 0;
  1385. padding: 10px;
  1386. overflow: hidden;
  1387. }
  1388.  
  1389. #author-meta img {
  1390. float: left;
  1391. padding: 10px 15px 0 5px;
  1392. }
  1393.  
  1394. #author-meta p {
  1395. margin: 0;
  1396. padding: 5px;
  1397. }
  1398.  
  1399. #author-meta .about-author {
  1400. font-weight: 700;
  1401. margin: 10px 0 0 0;
  1402. }
  1403.  
  1404. /* =Featured Content
  1405. -------------------------------------------------------------- */
  1406. #featured {
  1407. -moz-border-radius: 4px;
  1408. -webkit-border-radius: 4px;
  1409. background-color: #fff;
  1410. border: 1px solid #e5e5e5;
  1411. border-radius: 4px;
  1412. padding-bottom: 40px;
  1413. width: 99.893617021277%;
  1414. }
  1415.  
  1416. #featured p {
  1417. font-size: 18px;
  1418. font-weight: 200;
  1419. line-height: 27px;
  1420. padding: 0 40px 0 40px;
  1421. text-align: center;
  1422. }
  1423.  
  1424. #featured-image {
  1425. margin: 40px 0 0 0;
  1426. }
  1427.  
  1428. #featured-image .fluid-width-video-wrapper {
  1429. margin-left: -20px;
  1430. }
  1431.  
  1432. .featured-image img {
  1433. margin-top: 44px;
  1434. }
  1435.  
  1436. /* =Post
  1437. -------------------------------------------------------------- */
  1438. .comments-link {
  1439. font-size: 12px;
  1440. }
  1441.  
  1442. #cancel-comment-reply-link {
  1443. color: #900;
  1444. }
  1445.  
  1446. .post-data {
  1447. clear: both;
  1448. font-size: 12px;
  1449. font-weight: 700;
  1450. margin-top: 20px;
  1451. }
  1452.  
  1453. .post-data a {
  1454. color: #111;
  1455. }
  1456.  
  1457. .post-entry {
  1458. clear: both;
  1459. }
  1460.  
  1461. .post-meta {
  1462. clear: both;
  1463. color: #9f9f9f;
  1464. font-size: 12px;
  1465. margin-bottom: 10px;
  1466. }
  1467.  
  1468. .post-edit {
  1469. clear: both;
  1470. display: block;
  1471. font-size: 12px;
  1472. margin: 1.5em 0;
  1473. }
  1474.  
  1475. .post-search-terms {
  1476. clear: both;
  1477. }
  1478.  
  1479. .read-more {
  1480. clear: both;
  1481. font-weight: 700;
  1482. }
  1483.  
  1484. .attachment-entry {
  1485. clear: both;
  1486. text-align: center;
  1487. }
  1488.  
  1489. /* =bbPress
  1490. bbPress has its own breadcrumb lists
  1491. -------------------------------------------------------------- */
  1492. .bbPress .breadcrumb-list {
  1493. display: none;
  1494. }
  1495.  
  1496. /* =Symbols
  1497. -------------------------------------------------------------- */
  1498. .ellipsis {
  1499. color: #aaa;
  1500. font-size: 18px;
  1501. margin-left: 5px;
  1502. }
  1503.  
  1504. .form-allowed-tags {
  1505. display: none;
  1506. font-size: 10px;
  1507. }
  1508.  
  1509. /* =Widgets
  1510. -------------------------------------------------------------- */
  1511. .widget-wrapper {
  1512. -webkit-border-radius: 4px;
  1513. -moz-border-radius: 4px;
  1514. background-color: #f9f9f9;
  1515. border: 1px solid #e5e5e5;
  1516. border-radius: 4px;
  1517. margin: 0 0 20px;
  1518. padding: 20px;
  1519. }
  1520.  
  1521. .widget-wrapper select,
  1522. .widget-wrapper input[type="text"],
  1523. .widget-wrapper input[type="password"],
  1524. .widget-wrapper input[type="email"] {
  1525. width: 75%;
  1526. }
  1527.  
  1528. #widgets {
  1529. margin-top: 40px;
  1530. }
  1531.  
  1532. #widgets a {
  1533. display: inline-block;
  1534. margin: 0;
  1535. padding: 0;
  1536. text-decoration: none;
  1537. }
  1538.  
  1539. #widgets form {
  1540. margin: 0;
  1541. }
  1542.  
  1543. #widgets ul,
  1544. #widgets ol {
  1545. padding: 0 0 0 20px;
  1546. }
  1547.  
  1548. #widgets ul li a {
  1549. display: inline;
  1550. text-decoration: none;
  1551. }
  1552.  
  1553. #widgets .widget-title img {
  1554. float: right;
  1555. height: 11px;
  1556. position: relative;
  1557. top: 4px;
  1558. width: 11px;
  1559. }
  1560.  
  1561. #widgets .rss-date {
  1562. line-height: 18px;
  1563. padding: 6px 12px;
  1564. }
  1565.  
  1566. #widgets .rssSummary {
  1567. padding: 10px;
  1568. }
  1569.  
  1570. #widgets cite {
  1571. font-style: normal;
  1572. line-height: 18px;
  1573. padding: 6px 12px;
  1574. }
  1575.  
  1576. #widgets .tagcloud,
  1577. #widgets .textwidget {
  1578. display: block;
  1579. line-height: 1.5em;
  1580. margin: 0;
  1581. word-wrap: break-word;
  1582. }
  1583.  
  1584. #widgets .textwidget a {
  1585. display: inline;
  1586. }
  1587.  
  1588. #widgets ul .children {
  1589. padding: 0 0 0 10px;
  1590. }
  1591.  
  1592. #widgets .author {
  1593. font-weight: 700;
  1594. padding-top: 4px;
  1595. }
  1596.  
  1597. .widget_archive select, #cat {
  1598. display: block;
  1599. margin: 0 15px 0 0;
  1600. }
  1601.  
  1602. #colophon-widget ul {}
  1603.  
  1604. .colophon-widget {
  1605. background: none;
  1606. min-height: 0;
  1607. }
  1608.  
  1609. .colophon-widget select,
  1610. .colophon-widget input[type="text"],
  1611. .colophon-widget input[type="password"],
  1612. .colophon-widget input[type="email"] {
  1613. width: 100%;
  1614. }
  1615.  
  1616. #top-widget {}
  1617.  
  1618. .top-widget {
  1619. background: none;
  1620. border: none;
  1621. clear: right;
  1622. float: right;
  1623. min-height:0;
  1624. padding: 0 3px 0 0;
  1625. text-align: right;
  1626. width: 45%;
  1627. }
  1628.  
  1629. .top-widget ul {
  1630. padding: 0;
  1631. }
  1632.  
  1633. .top-widget select,
  1634. .top-widget input[type="text"],
  1635. .top-widget input[type="password"],
  1636. .top-widget input[type="email"] {
  1637. width: auto;
  1638. }
  1639.  
  1640. .top-widget #searchform {
  1641. margin: 0;
  1642. }
  1643.  
  1644. /* =Titles
  1645. -------------------------------------------------------------- */
  1646. .featured-title {
  1647. font-size: 60px;
  1648. letter-spacing: -1px;
  1649. margin: 0;
  1650. padding-top: 40px;
  1651. text-align: center;
  1652. }
  1653.  
  1654. .featured-subtitle {
  1655. padding: 0 10px;
  1656. text-align: center;
  1657. }
  1658.  
  1659. .widget-title,
  1660. .widget-title-home h3 {
  1661. display: block;
  1662. font-size: 24px;
  1663. font-weight: 700;
  1664. line-height: 23px;
  1665. margin: 0;
  1666. padding: 0 0 20px 0;
  1667. text-align: left;
  1668. }
  1669.  
  1670. .top-widget .widget-title {
  1671. font-size: 14px;
  1672. padding: 0;
  1673. text-align: right;
  1674. }
  1675.  
  1676. .widget-title a {
  1677. border-bottom: none;
  1678. padding: 0 !important;
  1679. }
  1680.  
  1681. .title-404 {
  1682. color: #933;
  1683. }
  1684.  
  1685. /* =404 Page
  1686. -------------------------------------------------------------- */
  1687. .error404 select,
  1688. .error404 input[type="text"],
  1689. .error404 input[type="password"],
  1690. .error404 input[type="email"] {
  1691. width: auto;
  1692. }
  1693.  
  1694. /* =Top Menu
  1695. -------------------------------------------------------------- */
  1696. .top-menu {
  1697. float: right;
  1698. margin: 10px 0;
  1699. padding: 0;
  1700. }
  1701.  
  1702. .top-menu li {
  1703. display: inline;
  1704. list-style-type: none;
  1705. }
  1706.  
  1707. .top-menu li a {
  1708. border-left: 1px solid #ccc;
  1709. color: #333;
  1710. font-size: 11px;
  1711. padding: 0 4px 0 8px;
  1712. }
  1713.  
  1714. .top-menu > li:first-child > a {
  1715. border-left: none;
  1716. }
  1717.  
  1718. .top-menu li a:hover {
  1719. color: #333;
  1720. }
  1721.  
  1722. /* =Header Menu (Primary)
  1723. -------------------------------------------------------------- */
  1724. .menu {
  1725. background-color: #585858;
  1726. background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
  1727. background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
  1728. background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
  1729. background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
  1730. background-image: -o-linear-gradient(top, #585858, #3d3d3d);
  1731. background-image: linear-gradient(top, #585858, #3d3d3d);
  1732. clear: both;
  1733. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
  1734. margin: 0 auto;
  1735. }
  1736.  
  1737. .main-nav {
  1738. clear:both;
  1739. }
  1740.  
  1741. .menu,
  1742. .menu ul {
  1743. display: block;
  1744. list-style-type: none;
  1745. margin: 0;
  1746. padding: 0;
  1747. }
  1748.  
  1749. .menu li {
  1750. border: 0;
  1751. display: block;
  1752. float: left;
  1753. margin: 0;
  1754. padding: 0;
  1755. position: relative;
  1756. z-index: 5;
  1757. }
  1758.  
  1759. .menu li:hover {
  1760. white-space: normal;
  1761. z-index: 10000;
  1762. }
  1763.  
  1764. .menu li li {
  1765. float: none;
  1766. }
  1767.  
  1768. .menu ul {
  1769. left: 0;
  1770. position: absolute;
  1771. top: 0;
  1772. visibility: hidden;
  1773. z-index: 10;
  1774. }
  1775.  
  1776. .menu li:hover > ul {
  1777. top: 100%;
  1778. visibility: visible;
  1779. }
  1780.  
  1781. .menu li li:hover > ul {
  1782. left: 100%;
  1783. top: 0;
  1784. }
  1785.  
  1786. .menu:after,
  1787. .menu ul:after {
  1788. clear: both;
  1789. content: '.';
  1790. display: block;
  1791. height: 0;
  1792. overflow: hidden;
  1793. visibility: hidden;
  1794. }
  1795.  
  1796. .menu,
  1797. .menu ul {
  1798. min-height: 0;
  1799. }
  1800.  
  1801. .menu ul,
  1802. .menu ul ul {
  1803. margin: 0;
  1804. padding: 0;
  1805. }
  1806.  
  1807. .menu ul li a:hover,
  1808. .menu li li a:hover {
  1809. color: #484848;
  1810. text-decoration: none;
  1811. }
  1812.  
  1813. .menu ul {
  1814. margin-top: 1px;
  1815. min-width: 15em;
  1816. width: auto;
  1817. }
  1818.  
  1819. .menu a {
  1820. border-left: 1px solid #585858;
  1821. color: #fff;
  1822. cursor: pointer;
  1823. display: block;
  1824. font-size: 13px;
  1825. font-weight: 700;
  1826. height: 45px;
  1827. line-height: 45px;
  1828. margin: 0;
  1829. padding: 0 0.9em;
  1830. position: relative;
  1831. text-decoration: none;
  1832. text-shadow: 0 -1px 0 #000;
  1833. white-space: nowrap;
  1834. }
  1835.  
  1836. .menu a:hover {
  1837. background-color: #808080;
  1838. background-image: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#363636));
  1839. background-image: -webkit-linear-gradient(top, #808080, #363636);
  1840. background-image: -moz-linear-gradient(top, #808080, #363636);
  1841. background-image: -ms-linear-gradient(top, #808080, #363636);
  1842. background-image: -o-linear-gradient(top, #808080, #363636);
  1843. background-image: linear-gradient(top, #808080, #363636);
  1844. color: #fff;
  1845. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#808080, endColorstr=#363636);
  1846. }
  1847.  
  1848. ul.menu > li:hover {
  1849. background-color: #363636;
  1850. color: #fff;
  1851. }
  1852.  
  1853. .menu .current_page_item a,
  1854. .menu .current-menu-item a {
  1855. background-color: #343434;
  1856. }
  1857.  
  1858. .front-page .menu .current_page_item a {
  1859. background: none;
  1860. background-color: transparent;
  1861. background-image: none;
  1862. filter: none;
  1863. }
  1864.  
  1865. .menu li li {
  1866. background: #fff;
  1867. background-image: none;
  1868. border: 1px solid #e5e5e5;
  1869. color: #444;
  1870. filter: none;
  1871. margin: -1px 0 1px 0;
  1872. width: auto;
  1873. }
  1874.  
  1875. .menu li li a {
  1876. background: transparent !important;
  1877. border: none;
  1878. color: #444;
  1879. font-size: 12px;
  1880. font-weight: 400;
  1881. height: auto;
  1882. height: 20px;
  1883. line-height: 20px;
  1884. padding: 5px 10px;
  1885. text-shadow: none;
  1886. white-space: nowrap;
  1887. }
  1888.  
  1889. .menu li li a:hover {
  1890. background: #f5f5f5 !important;
  1891. background-image: none;
  1892. border: none;
  1893. color: #444;
  1894. filter: none;
  1895. }
  1896.  
  1897. .menu li li:hover {
  1898. background: #f5f5f5 !important;
  1899. filter: none;
  1900. }
  1901.  
  1902. .menu ul > li + li {
  1903. border-top: 0;
  1904. }
  1905.  
  1906. .menu li li:hover > ul {
  1907. left: 100%;
  1908. top: 0;
  1909. }
  1910.  
  1911. .menu > li:first-child > a {
  1912. border-left: none;
  1913. }
  1914.  
  1915. .menu a#responsive_menu_button {
  1916. display: none;
  1917. }
  1918.  
  1919. .main-nav #responsive_current_menu_item {
  1920. display: none;
  1921. }
  1922.  
  1923. .js .main-nav .menu {
  1924. display: block;
  1925. }
  1926.  
  1927. /* =Primary Main Menu IE Fixes
  1928. -------------------------------------------------------------- */
  1929. .ie7 .menu ul {
  1930. background: url(images/ie7-fix.gif) repeat;
  1931. }
  1932.  
  1933. .ie7 .menu li li a {
  1934. min-width: 100%;
  1935. }
  1936.  
  1937. /* =Responsive Menu
  1938. TinyNav + SelectBox
  1939. -------------------------------------------------------------- */
  1940. .tinynav {
  1941. display: none
  1942. }
  1943.  
  1944. .sb-holder {
  1945. background-color: #3d3d3d;
  1946. display: none;
  1947. height: 30px;
  1948. margin: 0 auto;
  1949. position: relative;
  1950. width: 100%;
  1951. z-index: 999;
  1952. }
  1953.  
  1954. .sb-holder:focus .sb-selector {}
  1955.  
  1956. .sb-selector {
  1957. display: block;
  1958. height: 30px;
  1959. left: 0;
  1960. line-height: 30px;
  1961. outline: none;
  1962. overflow: hidden;
  1963. position: absolute;
  1964. text-indent: 10px;
  1965. top: 0;
  1966. width: 100%;
  1967. }
  1968.  
  1969. .sb-selector:link,
  1970. .sb-selector:visited,
  1971. .sb-selector:hover {
  1972. color: #fff;
  1973. font-size: 12px;
  1974. font-weight: 700;
  1975. outline: none;
  1976. text-decoration: none;
  1977. text-shadow: 0 -1px 0 #000;
  1978. }
  1979.  
  1980. .sb-toggle {
  1981. background: url(images/select-icons.png) 0 6px no-repeat;
  1982. display: block;
  1983. height: 30px;
  1984. outline: none;
  1985. position: absolute;
  1986. right: 0;
  1987. top: 0;
  1988. width: 30px;
  1989. }
  1990.  
  1991. .sb-toggle-open {
  1992. background: url(images/select-icons.png) 0 -45px no-repeat;
  1993. }
  1994.  
  1995. .sb-holder-disabled {
  1996. background-color: #3c3c3c;
  1997. border: 1px solid #515151;
  1998. }
  1999.  
  2000. .sb-holder-disabled .sb-holder {}
  2001.  
  2002. .sb-holder-disabled .sb-toggle {}
  2003.  
  2004. .sb-options {
  2005. background-color: #fff;
  2006. list-style: none;
  2007. left: 0;
  2008. margin: 0;
  2009. padding: 0;
  2010. position: absolute;
  2011. top: 30px;
  2012. width: 100%;
  2013. z-index: 1;
  2014. overflow-y: auto;
  2015. }
  2016.  
  2017. .sb-options li {
  2018. padding: 0;
  2019. }
  2020.  
  2021. .sb-options a {
  2022. border-bottom: 1px solid #e5e5e5;
  2023. display: block;
  2024. font-size: 11px;
  2025. outline: none;
  2026. padding: 4px;
  2027. text-indent: 4px;
  2028. }
  2029.  
  2030. .sb-options a:link,
  2031. .sb-options a:visited {
  2032. color: #444;
  2033. text-decoration: none;
  2034. }
  2035.  
  2036. .sb-options a:hover,
  2037. .sb-options a:focus,
  2038. .sb-options a.sb-focus {
  2039. background-color: #f5f5f5;
  2040. color: #444;
  2041. }
  2042.  
  2043. .sb-options li.last a {
  2044. border-bottom: none;
  2045. }
  2046.  
  2047. .sb-options .sb-disabled {
  2048. border-bottom: dotted 1px #515151;
  2049. color: #999;
  2050. display: block;
  2051. padding: 7px 0 7px 3px;
  2052. }
  2053.  
  2054. .sb-options .sb-group {
  2055. border-bottom: dotted 1px #515151;
  2056. color: #ebb52d;
  2057. display: block;
  2058. font-weight: 700;
  2059. padding: 7px 0 7px 3px;
  2060. }
  2061.  
  2062. .sb-options .sb-sub {
  2063. padding-left: 17px;
  2064. }
  2065.  
  2066. /* =Sub-Header Menu
  2067. -------------------------------------------------------------- */
  2068. .sub-header-menu {
  2069. background-color: #fff;
  2070. border: 1px solid #e5e5e5;
  2071. border-top: none;
  2072. clear: both;
  2073. margin: 0 auto;
  2074. }
  2075.  
  2076. .sub-header-menu,
  2077. .sub-header-menu ul {
  2078. display: block;
  2079. list-style-type: none;
  2080. margin: 0;
  2081. padding: 0;
  2082. }
  2083.  
  2084. .sub-header-menu li {
  2085. border: 0;
  2086. display: block;
  2087. float: left;
  2088. margin: 0;
  2089. padding: 0;
  2090. position: relative;
  2091. z-index: 5;
  2092. }
  2093.  
  2094. .sub-header-menu li:hover {
  2095. white-space: normal;
  2096. z-index: 10000;
  2097. }
  2098.  
  2099. .sub-header-menu li li {
  2100. float: none;
  2101. }
  2102.  
  2103. .sub-header-menu ul {
  2104. left: 0;
  2105. position: absolute;
  2106. top: 0;
  2107. visibility: hidden;
  2108. z-index: 10;
  2109. }
  2110.  
  2111. .sub-header-menu li:hover > ul {
  2112. top: 100%;
  2113. visibility: visible;
  2114. }
  2115.  
  2116. .sub-header-menu li li:hover > ul {
  2117. left: 100%;
  2118. top: 0;
  2119. }
  2120.  
  2121. .sub-header-menu:after,
  2122. .sub-header-menu ul:after {
  2123. clear: both;
  2124. content: '.';
  2125. display: block;
  2126. height: 0;
  2127. overflow: hidden;
  2128. visibility: hidden;
  2129. }
  2130.  
  2131. .sub-header-menu,
  2132. .sub-header-menu ul {
  2133. min-height: 0;
  2134. }
  2135.  
  2136. .sub-header-menu ul,
  2137. .sub-header-menu ul ul {
  2138. margin: 0;
  2139. padding: 0;
  2140. }
  2141.  
  2142. .sub-header-menu ul li a:hover,
  2143. .sub-header-menu li li a:hover {
  2144. color: #484848;
  2145. text-decoration: none;
  2146. }
  2147.  
  2148. .sub-header-menu ul {
  2149. margin-top: 1px;
  2150. min-width: 15em;
  2151. width: auto;
  2152. }
  2153.  
  2154. .sub-header-menu a {
  2155. border-left: 1px solid #e5e5e5;
  2156. color: #333;
  2157. cursor: pointer;
  2158. display: block;
  2159. font-size: 12px;
  2160. font-weight: 400;
  2161. height: 35px;
  2162. line-height: 35px;
  2163. margin: 0;
  2164. padding: 0 0.9em;
  2165. position: relative;
  2166. text-decoration: none;
  2167. text-shadow: none;
  2168. }
  2169.  
  2170. .sub-header-menu a:hover {
  2171. -moz-background-clip: padding;
  2172. -webkit-background-clip: padding-box;
  2173. background-color: #f9f9f9;
  2174. background-clip: padding-box;
  2175. }
  2176.  
  2177. .sub-header-menu .current_page_item a,
  2178. .sub-header-menu .current-menu-item a {
  2179. background-color: #f9f9f9;
  2180. }
  2181.  
  2182. .sub-header-menu li li {
  2183. background: #fff;
  2184. background-image: none;
  2185. border: 1px solid #e5e5e5;
  2186. color: #444;
  2187. filter: none;
  2188. margin: -1px 0 1px 0;
  2189. width: auto;
  2190. }
  2191.  
  2192. .sub-header-menu li li a {
  2193. border: none;
  2194. color: #444;
  2195. font-size: 12px;
  2196. font-weight: 400;
  2197. height: auto;
  2198. height: 20px;
  2199. line-height: 20px;
  2200. padding: 5px 10px;
  2201. text-shadow: none;
  2202. }
  2203.  
  2204. .sub-header-menu li li a:hover {
  2205. background: #f9f9f9;
  2206. background-image: none;
  2207. border: none;
  2208. color: #444;
  2209. filter: none;
  2210. }
  2211.  
  2212. .sub-header-menu ul > li + li {
  2213. border-top: 0;
  2214. }
  2215.  
  2216. .sub-header-menu li li:hover > ul {
  2217. left: 100%;
  2218. top: 0;
  2219. }
  2220.  
  2221. .sub-header-menu > li:first-child > a {
  2222. border-left: none;
  2223. }
  2224.  
  2225. .sub-header-menu ul.children a,
  2226. .sub-header-menu .current_page_ancestor,
  2227. .sub-header-menu .current_page_ancestor ul a {
  2228. background: none;
  2229. background-image: none;
  2230. filter: none;
  2231. }
  2232.  
  2233. /* =Sub Header Menu IE Fixes
  2234. -------------------------------------------------------------- */
  2235. .ie7 .sub-header-menu ul {
  2236. background: url(images/ie7-fix.gif) repeat;
  2237. }
  2238.  
  2239. .ie7 .sub-header-menu li li a {
  2240. min-width: 100%;
  2241. }
  2242.  
  2243. /* =Footer Menu
  2244. -------------------------------------------------------------- */
  2245. .footer-menu {
  2246. margin-left: 0;
  2247. padding: 0;
  2248. }
  2249.  
  2250. .footer-menu li {
  2251. display: inline;
  2252. list-style-type: none;
  2253. }
  2254.  
  2255. .footer-menu li a {
  2256. border-left: 1px solid #ccc;
  2257. color: #333;
  2258. padding: 0 8px;
  2259. }
  2260.  
  2261. .footer-menu li a:hover {
  2262. color: #222;
  2263. }
  2264.  
  2265. .footer-menu > li:first-child > a {
  2266. border-left: none;
  2267. padding: 0 8px 0 0;
  2268. }
  2269.  
  2270. /* =Navigation
  2271. -------------------------------------------------------------- */
  2272. .navigation {
  2273. color: #111;
  2274. display: block;
  2275. font-size: 13px;
  2276. height: 28px;
  2277. line-height: 28px;
  2278. margin: 20px 0;
  2279. padding: 0 5px;
  2280. }
  2281.  
  2282. .navigation a {
  2283. color: #aaa;
  2284. padding: 4px 10px;
  2285. }
  2286.  
  2287. .navigation a:hover {
  2288. color: #111;
  2289. text-decoration: none;
  2290. }
  2291.  
  2292. .navigation .previous {
  2293. float: left;
  2294. }
  2295.  
  2296. .navigation .next {
  2297. float: right;
  2298. }
  2299.  
  2300. .navigation .bracket {
  2301. font-size: 36px;
  2302. }
  2303.  
  2304. /* =Pagination (pages)
  2305. -------------------------------------------------------------- */
  2306. .pagination {
  2307. clear: both;
  2308. display: block;
  2309. font-size: 16px;
  2310. font-weight: 700;
  2311. margin: 10px 0;
  2312. padding: 5px 0;
  2313. }
  2314.  
  2315. .pagination a {
  2316. text-decoration: none;
  2317. }
  2318.  
  2319. /* =Breadcrumb Lists
  2320. -------------------------------------------------------------- */
  2321. .breadcrumb-list {
  2322. font-size: 12px;
  2323. }
  2324.  
  2325. /* =Comments
  2326. -------------------------------------------------------------- */
  2327. #commentform {
  2328. margin: 0;
  2329. }
  2330.  
  2331. .commentlist {
  2332. border-bottom: 1px solid #e5e5e5;
  2333. list-style: none;
  2334. margin: 0;
  2335. padding: 0;
  2336. }
  2337.  
  2338. .commentlist ol {
  2339. list-style: decimal;
  2340. }
  2341.  
  2342. .commentlist li {
  2343. -webkit-border-radius: 4px;
  2344. -moz-border-radius: 4px;
  2345. background-color: #fff;
  2346. border-radius: 4px;
  2347. margin: 0;
  2348. }
  2349.  
  2350. .commentlist .bypostauthor {}
  2351.  
  2352. .commentlist li cite {
  2353. color: #111;
  2354. font-size: 1.1em;
  2355. font-style: normal;
  2356. font-weight: 400;
  2357. }
  2358.  
  2359. .commentlist li.alt {
  2360. background: #f9f9f9;
  2361. }
  2362.  
  2363. .commentlist .children {
  2364. list-style: none;
  2365. margin-left: 10px;
  2366. padding: 10px;
  2367. }
  2368.  
  2369. .commentlist .avatar {
  2370. -webkit-border-radius: 2px;
  2371. -moz-border-radius: 2px;
  2372. border-radius: 2px;
  2373. float: left;
  2374. margin-right: 10px;
  2375. padding: 0;
  2376. vertical-align: middle;
  2377. }
  2378.  
  2379. .comment-author .fn {
  2380. }
  2381.  
  2382. .comment-author .says {
  2383. color: #999;
  2384. }
  2385.  
  2386. .comment-body .comment-meta {
  2387. color: #999;
  2388. display: inline-block;
  2389. margin: 0;
  2390. padding: 0;
  2391. text-align: left;
  2392. }
  2393.  
  2394. .comment-body .comment-meta a {
  2395. font-size: 11px;
  2396. }
  2397.  
  2398. .comment-body {
  2399. clear: both;
  2400. padding: 10px;
  2401. }
  2402.  
  2403. .comment-body p {
  2404. clear: both;
  2405. }
  2406.  
  2407. .comment-body .reply {
  2408. }
  2409.  
  2410. .pingback, .trackback {
  2411. list-style: none;
  2412. margin: 20px 0;
  2413. }
  2414.  
  2415. .pingback cite,
  2416. .trackback cite {
  2417. font-style: normal;
  2418. }
  2419.  
  2420. #pings,
  2421. #comments {
  2422. text-align: left;
  2423. }
  2424.  
  2425. #respond {
  2426. -moz-border-radius: 4px;
  2427. -webkit-border-radius: 4px;
  2428. background-color: #eaeaea;
  2429. background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea));
  2430. background-image: -webkit-linear-gradient(top, #ffffff, #eaeaea);
  2431. background-image: -moz-linear-gradient(top, #ffffff, #eaeaea);
  2432. background-image: -ms-linear-gradient(top, #ffffff, #eaeaea);
  2433. background-image: -o-linear-gradient(top, #ffffff, #eaeaea);
  2434. background-image: linear-gradient(top, #ffffff, #eaeaea);
  2435. border: 1px solid #ccc;
  2436. border-bottom-color: #aaa;
  2437. border-radius: 4px;
  2438. clear: both;
  2439. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaeaea);
  2440. margin-top: 15px;
  2441. padding: 10px 20px 50px;
  2442. }
  2443.  
  2444. #respond label {
  2445. display: inline;
  2446. }
  2447.  
  2448. .reply {
  2449. margin: 10px 0;
  2450. }
  2451.  
  2452. .comment-form-url input,
  2453. .comment-form-email input,
  2454. .comment-form-author input,
  2455. .comment-form-comment textarea {
  2456. display: block;
  2457. }
  2458.  
  2459. .nocomments {
  2460. color: #999;
  2461. font-size: .9em;
  2462. text-align: center;
  2463. }
  2464.  
  2465. /* =WordPress Core
  2466. -------------------------------------------------------------- */
  2467. .alignnone {
  2468. margin: 5px 20px 20px 0;
  2469. }
  2470.  
  2471. .aligncenter,
  2472. div.aligncenter {
  2473. display: block;
  2474. margin: 5px auto 20px auto;
  2475. }
  2476.  
  2477. .alignright {
  2478. float: right;
  2479. margin: 5px 0 20px 20px;
  2480. }
  2481.  
  2482. .alignleft {
  2483. float: left;
  2484. margin: 5px 20px 20px 0;
  2485. }
  2486.  
  2487. .aligncenter {
  2488. display: block;
  2489. margin: 5px auto;
  2490. }
  2491.  
  2492. a img.alignright {
  2493. float: right;
  2494. margin: 5px 0 20px 20px;
  2495. }
  2496.  
  2497. a img.alignnone {
  2498. margin: 5px 20px 20px 0;
  2499. }
  2500.  
  2501. a img.alignleft {
  2502. float: left;
  2503. margin: 5px 20px 20px 0;
  2504. }
  2505.  
  2506. a img.aligncenter {
  2507. display: block;
  2508. margin-left: auto;
  2509. margin-right: auto;
  2510. }
  2511.  
  2512. .wp-caption {
  2513. background: #f9f9f9;
  2514. border: 1px solid #f0f0f0;
  2515. max-width: 96%;
  2516. padding: 13px 10px 10px 10px;
  2517. text-align: center;
  2518. }
  2519.  
  2520. .wp-caption.alignnone {
  2521. margin: 5px 20px 20px 0;
  2522. }
  2523.  
  2524. .wp-caption.alignleft {
  2525. margin: 5px 20px 20px 0;
  2526. }
  2527.  
  2528. .wp-caption.alignright {
  2529. margin: 5px 0 20px 20px;
  2530. }
  2531.  
  2532. .wp-caption img {
  2533. border: 0 none;
  2534. height: auto;
  2535. margin: 0;
  2536. max-width: 98.5%;
  2537. padding: 0;
  2538. width: auto;
  2539. }
  2540.  
  2541. .wp-caption p.wp-caption-text {
  2542. font-size: 12px;
  2543. line-height: 1.5em;
  2544. margin: 0;
  2545. padding: 10px;
  2546. }
  2547.  
  2548. img.wp-smiley {
  2549. vertical-align: middle;
  2550. }
  2551.  
  2552. /* =WordPress Gallery
  2553. -------------------------------------------------------------- */
  2554. .gallery {
  2555. margin: 0 auto 18px;
  2556. }
  2557.  
  2558. .gallery .gallery-item {
  2559. float: left;
  2560. margin-top: 0;
  2561. text-align: center;
  2562. max-width: 155px;
  2563. }
  2564.  
  2565. .gallery img {
  2566. border: 1px solid #ddd;
  2567. }
  2568.  
  2569. .gallery .gallery-caption {
  2570. font-size: 12px;
  2571. margin: 0 0 12px;
  2572. }
  2573.  
  2574. .gallery dl {
  2575. margin: 0;
  2576. }
  2577.  
  2578. .gallery br+br {
  2579. display: none;
  2580. }
  2581.  
  2582. .attachment-gallery img {
  2583. background: #fff;
  2584. border: 1px solid #f0f0f0;
  2585. display: block;
  2586. height: auto;
  2587. margin: 15px auto;
  2588. max-width: 96%;
  2589. padding: 5px;
  2590. width: auto;
  2591. }
  2592.  
  2593. .gallery-meta .iso,
  2594. .gallery-meta .camera,
  2595. .gallery-meta .shutter,
  2596. .gallery-meta .aperture,
  2597. .gallery-meta .full-size,
  2598. .gallery-meta .focal-length {
  2599. display: block;
  2600. }
  2601.  
  2602. /* =Post Thumbnails
  2603. -------------------------------------------------------------- */
  2604. img.wp-post-image,
  2605. img.attachment-full,
  2606. img.attachment-large,
  2607. img.attachment-medium,
  2608. img.attachment-thumbnail {
  2609. display: block;
  2610. margin: 15px auto;
  2611. width: auto;
  2612. }
  2613.  
  2614. /* =WooCommerce
  2615. -------------------------------------------------------------- */
  2616. #breadcrumb {
  2617. padding: 40px 0 0 0;
  2618. }
  2619.  
  2620. #breadcrumb a {
  2621. color: #06c;
  2622. font-size: 12px;
  2623. font-weight: 400;
  2624. }
  2625.  
  2626. #breadcrumb a:hover {
  2627. color: #444;
  2628. text-decoration: none;
  2629. }
  2630.  
  2631. #content-woocommerce {
  2632. margin-top: 40px;
  2633. margin-bottom: 20px;
  2634. }
  2635.  
  2636. .products ul, ul.products {
  2637. margin-top: 40px;
  2638. }
  2639.  
  2640. .cart-collaterals .shipping_calculator {
  2641. width: 100%;
  2642. }
  2643.  
  2644. table.shop_table {}
  2645.  
  2646. table.cart td.actions .coupon .input-text,
  2647. table.cart td.actions .coupon .input-text {
  2648. cursor: text;
  2649. }
  2650.  
  2651. /* =WPML
  2652. -------------------------------------------------------------- */
  2653. .icl_languages_selector{
  2654. float: right;
  2655. text-align: left
  2656. }
  2657. .rtl .icl_languages_selector{
  2658. float: left;
  2659. text-align: right
  2660. }
  2661.  
  2662. @media screen and (max-width: 650px){
  2663. .icl_languages_selector,
  2664. .rtl .icl_languages_selector {
  2665. float: none;
  2666. }
  2667. }
  2668.  
  2669. /* =Polylang
  2670. -------------------------------------------------------------- */
  2671. .widget_polylang li{
  2672. display: inline;
  2673. list-style-type: none;
  2674. }
  2675.  
  2676. /* =Footer
  2677. -------------------------------------------------------------- */
  2678. #footer {
  2679. font-size: 11px;
  2680. line-height: 1.5em;
  2681. }
  2682.  
  2683. #footer a {
  2684. color: #333;
  2685. font-weight: 400;
  2686. }
  2687.  
  2688. #footer a:hover {
  2689. color: #444;
  2690. }
  2691.  
  2692. #footer-wrapper .grid.col-940 {
  2693. margin: 0;
  2694. }
  2695.  
  2696. .scroll-top {
  2697. text-align: center;
  2698. }
  2699.  
  2700. .copyright {
  2701. text-align: left;
  2702. }
  2703.  
  2704. .powered {
  2705. text-align: right;
  2706. }
  2707.  
  2708. /* =Social Icons
  2709. -------------------------------------------------------------- */
  2710. #footer .social-icons {
  2711. list-style: none;
  2712. line-height: normal;
  2713. padding: 0;
  2714. margin: 0;
  2715. text-align: right;
  2716. }
  2717.  
  2718. #footer .yelp-icon,
  2719. #footer .vimeo-icon,
  2720. #footer .youtube-icon,
  2721. #footer .twitter-icon,
  2722. #footer .facebook-icon,
  2723. #footer .linkedin-icon,
  2724. #footer .rss-feed-icon,
  2725. #footer .instagram-icon,
  2726. #footer .pinterest-icon,
  2727. #footer .foursquare-icon,
  2728. #footer .google-plus-icon,
  2729. #footer .stumble-upon-icon {
  2730. display: inline;
  2731. margin: 1px;
  2732. padding-left: 3px;
  2733. }
  2734.  
  2735. /* =Alignments Extras
  2736. -------------------------------------------------------------- */
  2737. .left {
  2738. float: left;
  2739. }
  2740.  
  2741. .right {
  2742. float: right;
  2743. }
  2744.  
  2745. .center {
  2746. text-align: center;
  2747. }
  2748.  
  2749. /* =Clearfix
  2750. -------------------------------------------------------------- */
  2751. .clearfix:after,
  2752. .clearfix:before,
  2753. #container:after,
  2754. #container:before,
  2755. .widget-wrapper:after,
  2756. .widget-wrapper:before {
  2757. content: ' ';
  2758. display: table;
  2759. }
  2760.  
  2761. .clearfix:after,
  2762. #container:after,
  2763. .widget-wrapper:after {
  2764. clear: both;
  2765. }
  2766.  
  2767. .ie7 .clearfix,
  2768. .ie7 #container,
  2769. .ie7 .widget-wrapper {
  2770. zoom: 1;
  2771. }
  2772.  
  2773. .clear {
  2774. clear: both;
  2775. }
  2776.  
  2777. /* =Begin bidirectionality settings (do not change)
  2778. -------------------------------------------------------------- */
  2779. BDO[DIR="ltr"] {
  2780. direction: ltr;
  2781. unicode-bidi: bidi-override;
  2782. }
  2783.  
  2784. BDO[DIR="rtl"] {
  2785. direction: rtl;
  2786. unicode-bidi: bidi-override;
  2787. }
  2788.  
  2789. [DIR="ltr"] {
  2790. direction: ltr;
  2791. unicode-bidi: embed;
  2792. }
  2793.  
  2794. [DIR="rtl"] {
  2795. direction: rtl;
  2796. unicode-bidi: embed;
  2797. }
  2798.  
  2799. /* =Media Print
  2800. If you're working on a Child Theme, make sure that all
  2801. media queries are included in your style.css
  2802. -------------------------------------------------------------- */
  2803. @media print {
  2804.  
  2805. h1 {
  2806. page-break-before: always;
  2807. }
  2808.  
  2809. h1, h2, h3, h4, h5, h6 {
  2810. page-break-after: avoid;
  2811. }
  2812.  
  2813. ul, ol, dl {
  2814. page-break-before: avoid;
  2815. }
  2816. }
  2817.  
  2818. /* Retina (HiDPI) Display
  2819. http://www.quirksmode.org/blog/archives/2013/06/devicepixelrati.html
  2820. -------------------------------------------------------------- */
  2821. @media
  2822. only screen and (-moz-min-device-pixel-ratio:1.5),
  2823. only screen and (-o-min-device-pixel-ratio:3/2),
  2824. only screen and (-webkit-min-device-pixel-ratio:1.5),
  2825. only screen and (min-device-pixel-ratio:1.5) {
  2826.  
  2827. body {}
  2828. }
  2829.  
  2830. /* =Responsive (Mobile) Design
  2831. -------------------------------------------------------------- */
  2832.  
  2833. @media screen and (max-width: 980px) {
  2834.  
  2835. body {}
  2836.  
  2837. .grid,
  2838. .grid-right {
  2839. float: none;
  2840. }
  2841.  
  2842. .copyright,
  2843. .scroll-top,
  2844. .powered {
  2845. float: left;
  2846. }
  2847.  
  2848. #featured-image .fluid-width-video-wrapper {
  2849. margin: 20px 0 0 0;
  2850. }
  2851.  
  2852. .front-page #widgets {
  2853. margin-top: 40px;
  2854. }
  2855.  
  2856. .top-widget,
  2857. .front-page .top-widget {
  2858. margin-top: 0 !important;
  2859. }
  2860.  
  2861. .hide-980 {
  2862. display: none;
  2863. }
  2864.  
  2865. .show-980 {
  2866. display: block;
  2867. }
  2868.  
  2869. }
  2870.  
  2871. @media screen and (max-width: 650px) {
  2872.  
  2873. body {}
  2874.  
  2875. #logo {
  2876. float: none;
  2877. margin: 0;
  2878. text-align: center;
  2879. }
  2880.  
  2881. .grid,
  2882. .grid-right {
  2883. float: none;
  2884. }
  2885.  
  2886. #featured-image .fluid-width-video-wrapper {
  2887. margin: 20px 0 0 0;
  2888. }
  2889.  
  2890. .top-widget {
  2891. float: none;
  2892. margin: 0 auto 10px auto;
  2893. position: relative;
  2894. text-align: center;
  2895. width: auto;
  2896. }
  2897.  
  2898. .top-widget .widget-title {
  2899. text-align: center;
  2900. }
  2901.  
  2902. .js .sub-header-menu {
  2903. display: none;
  2904. }
  2905.  
  2906. .js .main-nav {
  2907. position: relative;
  2908. height: 30px;
  2909. background-color: #585858;
  2910. background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
  2911. background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
  2912. background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
  2913. background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
  2914. background-image: -o-linear-gradient(top, #585858, #3d3d3d);
  2915. background-image: linear-gradient(top, #585858, #3d3d3d);
  2916. clear: both;
  2917. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
  2918. margin: 0 auto;
  2919. }
  2920.  
  2921. .js .main-nav .menu {
  2922. display: none;
  2923. position: absolute;
  2924. width: 100%;
  2925. top: 30px;
  2926. z-index: 1000;
  2927. }
  2928.  
  2929. .js .main-nav .menu ul {
  2930. margin-top: 1px;
  2931. }
  2932.  
  2933. .js .main-nav .menu li {
  2934. float: none;
  2935. background-color: #fff;
  2936. border: none;
  2937. }
  2938.  
  2939. .js .main-nav .menu li a {
  2940. color: #444;
  2941. font-size: 13px;
  2942. font-weight: normal;
  2943. height: 45px;
  2944. line-height: 45px;
  2945. padding: 0 15px;
  2946. border: none;
  2947. border-bottom: 1px solid #f5f5f5;
  2948. text-shadow: none;
  2949. text-align: left;
  2950. cursor: pointer;
  2951. }
  2952.  
  2953. .js .main-nav .menu li.current_page_item,
  2954. .js .menu .current_page_item a,
  2955. .js .menu .current-menu-item a {
  2956. background-color: #f5f5f5;
  2957. }
  2958.  
  2959. .js .main-nav .menu li li:hover {
  2960. background: none!important;
  2961. }
  2962.  
  2963. .js .main-nav .menu li li a {
  2964. position: relative;
  2965. padding: 0 10px 0 30px;
  2966. }
  2967.  
  2968. .js .main-nav .menu li li li a {
  2969. position: relative;
  2970. padding: 0 10px 0 40px;
  2971. }
  2972.  
  2973. .js .main-nav .menu li a:hover,
  2974. .js .main-nav .menu li li a:hover {
  2975. background-image: none;
  2976. filter: none;
  2977. background-color: #f5f5f5!important;
  2978. }
  2979.  
  2980. .js .main-nav .menu li li a::before {
  2981. content: '\2013';
  2982. position: absolute;
  2983. top: 0;
  2984. left: 20px;
  2985. }
  2986.  
  2987. .js .main-nav .menu li li li a::before {
  2988. content: '\2013';
  2989. position: absolute;
  2990. top: 0;
  2991. left: 20px;
  2992. }
  2993.  
  2994. .js .main-nav .menu li li li a::after {
  2995. content: '\2013';
  2996. position: absolute;
  2997. top: 0;
  2998. left: 30px;
  2999. }
  3000.  
  3001. .js .main-nav .menu li ul {
  3002. position: static;
  3003. visibility: visible;
  3004. background-color: #fff;
  3005. }
  3006.  
  3007. .js .main-nav .menu ul {
  3008. min-width: 0;
  3009. }
  3010.  
  3011. .js .main-nav #responsive_current_menu_item {
  3012. display: block;
  3013. padding: 5px 40px 5px 10px;
  3014. color: #fff;
  3015. font-weight: 700;
  3016. cursor: pointer;
  3017. }
  3018.  
  3019. .js .main-nav a#responsive_menu_button {
  3020. position: absolute;
  3021. display: block;
  3022. top: 0;
  3023. left: 100%;
  3024. height: 30px;
  3025. width: 23px;
  3026. margin-left: -30px;
  3027. background: url('images/select-icons.png') 0 5px no-repeat;
  3028. cursor: pointer;
  3029. }
  3030.  
  3031. .js .main-nav a#responsive_menu_button.responsive-toggle-open {
  3032. background: url('images/select-icons.png') 0 -46px no-repeat;
  3033. }
  3034.  
  3035.  
  3036. .top-menu,
  3037. .footer-menu li {
  3038. float: none;
  3039. font-size: 11px;
  3040. text-align: center;
  3041. }
  3042.  
  3043. .tinynav {
  3044. display: block;
  3045. }
  3046.  
  3047. .sb-holder {
  3048. display: block;
  3049. }
  3050.  
  3051. #author-meta {
  3052. padding: 20px;
  3053. }
  3054.  
  3055. .hide-650 {
  3056. display: none;
  3057. }
  3058.  
  3059. .show-650 {
  3060. display: block;
  3061. }
  3062.  
  3063. #footer {
  3064. text-align: center;
  3065. }
  3066.  
  3067. #footer .social-icons {
  3068. padding-bottom: 10px;
  3069. text-align: center;
  3070. }
  3071. }
  3072.  
  3073. @media screen and (max-width: 480px) {
  3074.  
  3075. body {}
  3076.  
  3077. #logo {
  3078. float: none;
  3079. text-align: center;
  3080. }
  3081.  
  3082. .grid,
  3083. .grid-right {
  3084. float: none;
  3085. }
  3086.  
  3087. #featured-image .fluid-width-video-wrapper {
  3088. margin: 20px 0 0 0;
  3089. }
  3090.  
  3091. .featured-title {
  3092. font-size: 40px;
  3093. padding: 40px 20px 0 20px
  3094. }
  3095.  
  3096. .featured-subtitle {
  3097. font-size: 24px;
  3098. }
  3099.  
  3100. .navigation .next,
  3101. .navigation .previous {
  3102. display: block;
  3103. margin: 0 auto;
  3104. text-align: center;
  3105. }
  3106.  
  3107. .menu ul,
  3108. .menu li,
  3109. .top-menu,
  3110. .footer-menu li,
  3111. .sub-header-menu li {
  3112. float: none;
  3113. text-align: center;
  3114. text-rendering: optimizeSpeed;
  3115. }
  3116.  
  3117. .hide-480 {
  3118. display: none;
  3119. }
  3120.  
  3121. .show-480 {
  3122. display: block;
  3123. }
  3124.  
  3125. #footer {
  3126. text-align: center;
  3127. }
  3128.  
  3129. #footer .social-icons {
  3130. text-align: center;
  3131. }
  3132. }
  3133.  
  3134. @media screen and (max-width: 320px) {
  3135.  
  3136. body {}
  3137.  
  3138. #featured p {
  3139. font-size: 12px;
  3140. line-height: 1.5em;
  3141. }
  3142.  
  3143. .featured-title {
  3144. font-size: 35px;
  3145. }
  3146.  
  3147. .featured-subtitle {
  3148. font-size: 15px;
  3149. }
  3150.  
  3151. .call-to-action a.button {
  3152. font-size: 14px;
  3153. padding: 7px 17px;
  3154. }
  3155.  
  3156. .hide-320 {
  3157. display: none;
  3158. }
  3159.  
  3160. .show-320 {
  3161. display: block;
  3162. }
  3163. }
  3164.  
  3165. @media screen and (max-width: 240px) {
  3166.  
  3167. body {}
  3168.  
  3169. #featured p {
  3170. font-size: 11px;
  3171. line-height: 1.5em;
  3172. }
  3173.  
  3174. .featured-title {
  3175. font-size: 20px;
  3176. }
  3177.  
  3178. .featured-subtitle {
  3179. font-size: 11px;
  3180. }
  3181.  
  3182. .call-to-action a.button {
  3183. font-size: 12px;
  3184. padding: 5px 15px;
  3185. }
  3186.  
  3187. .top-widget area,
  3188. .top-widget select,
  3189. .top-widget textarea,
  3190. .top-widget input[type="text"],
  3191. .top-widget input[type="password"],
  3192. .top-widget input[type="email"] {
  3193. width: 75%;
  3194. }
  3195.  
  3196. .widget-title,
  3197. .widget-title-home h3 {
  3198. font-size: 14px;
  3199. height: 13px;
  3200. line-height: 13px;
  3201. text-align: left;
  3202. }
  3203.  
  3204. .hide-240 {
  3205. display: none;
  3206. }
  3207.  
  3208. .show-240 {
  3209. display: block;
  3210. }
  3211. }
  3212.  
  3213. /*The last 29 days of the month are the hardest."- Nikola Tesla*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement