style.css 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284
  1. /*
  2. Theme Name: Climate Control Systems
  3. Author: AdServices
  4. */
  5. /**
  6. * Table of Contents:
  7. *
  8. * 1.0 - Reset
  9. * 2.0 - Repeatable Patterns
  10. * 3.0 - Basic Structure
  11. * 4.0 - Header
  12. * 5.0 - Navigation
  13. * 6.0 - Content
  14. * 6.1 - Post Thumbnail
  15. * 6.2 - Entry Header
  16. * 6.3 - Entry Meta
  17. * 6.4 - Entry Content
  18. * 6.5 - Galleries
  19. * 6.6 - Post Formats
  20. * 6.7 - Post/Image/Paging Navigation
  21. * 6.8 - Attachments
  22. * 6.9 - Archives
  23. * 6.10 - Contributor Page
  24. * 6.11 - 404 Page
  25. * 6.12 - Full-width
  26. * 6.13 - Singular
  27. * 6.14 - Comments
  28. * 7.0 - Sidebar
  29. * 7.1 - Widgets
  30. * 7.2 - Content Sidebar Widgets
  31. * 8.0 - Footer
  32. * 9.0 - Featured Content
  33. * 10.0 - Fluid Columns
  34. * 11.0 - Media Queries
  35. * 12.0 - Print
  36. * -----------------------------------------------------------------------------
  37. */
  38. /**
  39. * 1.0 Reset
  40. *
  41. * Resetting and rebuilding styles have been helped along thanks to the fine
  42. * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
  43. * along with Nicolas Gallagher and Jonathan Neal
  44. * http://necolas.github.com/normalize.css/ and Blueprint
  45. * http://www.blueprintcss.org/
  46. *
  47. * -----------------------------------------------------------------------------
  48. */
  49. 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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  50. border: 0;
  51. font-family: inherit;
  52. font-size: 100%;
  53. font-style: inherit;
  54. font-weight: inherit;
  55. margin: 0;
  56. outline: 0;
  57. padding: 0;
  58. vertical-align: baseline;
  59. }
  60. article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  61. display: block;
  62. }
  63. audio, can vas, video {
  64. display: inline-block;
  65. max-width: 100%;
  66. }
  67. html {
  68. overflow-y: scroll;
  69. -webkit-text-size-adjust: 100%;
  70. -ms-text-size-adjust: 100%;
  71. }
  72. html, body {
  73. height:100%;
  74. position: relative;
  75. }
  76. body, button, input, select, textarea {
  77. color: #2b2b2b;
  78. font-family: 'Economica', sans-serif;
  79. font-size: 16px;
  80. font-weight: 400;
  81. line-height: 1.5;
  82. }
  83. body {
  84. }
  85. p {
  86. font-size: 16px;
  87. line-height: 1.3em;
  88. margin-bottom:1em;
  89. }
  90. a {
  91. text-decoration: none;
  92. }
  93. a:hover, a:active {
  94. outline: 0;
  95. }
  96. a:active, a:hover {
  97. }
  98. h1, h2, h3, h4, h5, h6 {
  99. clear: both;
  100. font-weight: 700;
  101. margin:0 0 .7em 0;
  102. color:#7a1919;
  103. text-transform: uppercase;
  104. }
  105. h1 {
  106. font-size: 30px;
  107. line-height: 1;
  108. }
  109. h2 {
  110. font-size: 26px;
  111. line-height: 1;
  112. }
  113. h3 {
  114. font-size: 22px;
  115. line-height: 1.0909090909;
  116. }
  117. h4 {
  118. font-size: 20px;
  119. line-height: 1.2;
  120. }
  121. h5 {
  122. font-size: 18px;
  123. line-height: 1.3333333333;
  124. }
  125. h6 {
  126. font-size: 16px;
  127. line-height: 1.5;
  128. }
  129. address {
  130. font-style: italic;
  131. margin-bottom: 24px;
  132. }
  133. abbr[title] {
  134. border-bottom: 1px dotted #2b2b2b;
  135. cursor: help;
  136. }
  137. b, strong {
  138. font-weight: 700;
  139. }
  140. cite, dfn, em, i {
  141. font-style: italic;
  142. }
  143. mark, ins {
  144. background: #fff9c0;
  145. text-decoration: none;
  146. }
  147. code, kbd, tt, var, samp, pre {
  148. font-family: monospace, serif;
  149. font-size: 15px;
  150. -webkit-hyphens: none;
  151. -moz-hyphens: none;
  152. -ms-hyphens: none;
  153. hyphens: none;
  154. line-height: 1.6;
  155. }
  156. pre {
  157. border: 1px solid rgba(0, 0, 0, 0.1);
  158. -webkit-box-sizing: border-box;
  159. -moz-box-sizing: border-box;
  160. box-sizing: border-box;
  161. margin-bottom: 24px;
  162. max-width: 100%;
  163. overflow: auto;
  164. padding: 12px;
  165. white-space: pre;
  166. white-space: pre-wrap;
  167. word-wrap: break-word;
  168. }
  169. blockquote, q {
  170. -webkit-hyphens: none;
  171. -moz-hyphens: none;
  172. -ms-hyphens: none;
  173. hyphens: none;
  174. quotes: none;
  175. }
  176. blockquote:before, blockquote:after, q:before, q:after {
  177. content: "";
  178. content: none;
  179. }
  180. blockquote {
  181. color: #767676;
  182. font-size: 19px;
  183. font-style: italic;
  184. font-weight: 300;
  185. line-height: 1.2631578947;
  186. margin-bottom: 24px;
  187. }
  188. blockquote cite, blockquote small {
  189. color: #2b2b2b;
  190. font-size: 16px;
  191. font-weight: 400;
  192. line-height: 1.5;
  193. }
  194. blockquote em, blockquote i, blockquote cite {
  195. font-style: normal;
  196. }
  197. blockquote strong, blockquote b {
  198. font-weight: 400;
  199. }
  200. small {
  201. font-size: smaller;
  202. }
  203. big {
  204. font-size: 125%;
  205. }
  206. sup, sub {
  207. font-size: 75%;
  208. height: 0;
  209. line-height: 0;
  210. position: relative;
  211. vertical-align: baseline;
  212. }
  213. sup {
  214. bottom: 1ex;
  215. }
  216. sub {
  217. top: .5ex;
  218. }
  219. dl {
  220. margin-bottom: 24px;
  221. }
  222. dt {
  223. font-weight: bold;
  224. }
  225. dd {
  226. margin-bottom: 24px;
  227. }
  228. ul, ol {
  229. list-style: none;
  230. margin: 0 0 24px 20px;
  231. }
  232. ul {
  233. list-style: disc;
  234. }
  235. ol {
  236. list-style: decimal;
  237. }
  238. li > ul, li > ol {
  239. margin: 0 0 0 20px;
  240. }
  241. img {
  242. -ms-interpolation-mode: bicubic;
  243. border: 0;
  244. vertical-align: middle;
  245. }
  246. figure {
  247. margin: 0;
  248. }
  249. fieldset {
  250. border: 1px solid rgba(0, 0, 0, 0.1);
  251. margin: 0 0 24px;
  252. padding: 11px 12px 0;
  253. }
  254. legend {
  255. white-space: normal;
  256. }
  257. button, input, select, textarea {
  258. -webkit-box-sizing: border-box;
  259. -moz-box-sizing: border-box;
  260. box-sizing: border-box;
  261. font-size: 100%;
  262. margin: 0;
  263. max-width: 100%;
  264. vertical-align: baseline;
  265. }
  266. button, input {
  267. line-height: normal;
  268. }
  269. input, textarea {
  270. background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
  271. }
  272. button, html input[type="button"], input[type="reset"], input[type="submit"] {
  273. -webkit-appearance: button;
  274. cursor: pointer;
  275. }
  276. button[disabled], input[disabled] {
  277. cursor: default;
  278. }
  279. input[type="checkbox"], input[type="radio"] {
  280. padding: 0;
  281. }
  282. input[type="search"] {
  283. -webkit-appearance: textfield;
  284. }
  285. input[type="search"]::-webkit-search-decoration {
  286. -webkit-appearance: none;
  287. }
  288. button::-moz-focus-inner, input::-moz-focus-inner {
  289. border: 0;
  290. padding: 0;
  291. }
  292. textarea {
  293. overflow: auto;
  294. vertical-align: top;
  295. }
  296. table {
  297. border-collapse: separate;
  298. border-spacing: 0;
  299. border-width: 1px 0 0 1px;
  300. margin-bottom: 24px;
  301. width: 100%;
  302. }
  303. caption, th, td {
  304. font-weight: normal;
  305. text-align: left;
  306. }
  307. th {
  308. border-width: 0 1px 1px 0;
  309. font-weight: bold;
  310. }
  311. td {
  312. border-width: 0 1px 1px 0;
  313. }
  314. del {
  315. color: #767676;
  316. }
  317. hr {
  318. background-color: rgba(0, 0, 0, 0.1);
  319. border: 0;
  320. height: 1px;
  321. margin-bottom: 23px;
  322. }
  323. /* Support a widely-adopted but non-standard selector for text selection styles
  324. * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
  325. */
  326. ::selection {
  327. background: #7a1919;
  328. color: #fff;
  329. text-shadow: none;
  330. }
  331. ::-moz-selection {
  332. background: #7a1919;
  333. color: #fff;
  334. text-shadow: none;
  335. }
  336. /**
  337. * 2.0 Repeatable Patterns
  338. * -----------------------------------------------------------------------------
  339. */
  340. /* Input fields */
  341. input, textarea {
  342. border: 1px solid rgba(0, 0, 0, 0.1);
  343. border-radius: 2px;
  344. color: #2b2b2b;
  345. padding: 8px 10px 7px;
  346. }
  347. textarea {
  348. width: 100%;
  349. }
  350. input:focus, textarea:focus {
  351. border: 1px solid rgba(0, 0, 0, 0.3);
  352. outline: 0;
  353. }
  354. /* Buttons */
  355. /* Placeholder text color -- selectors need to be separate to work. */
  356. ::-webkit-input-placeholder {
  357. color: #7a1919;
  358. }
  359. :-moz-placeholder {
  360. color: #7a1919;
  361. }
  362. ::-moz-placeholder {
  363. color: #7a1919;
  364. opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
  365. }
  366. :-ms-input-placeholder {
  367. color: #7a1919;
  368. }
  369. /* Responsive images. Fluid images for posts, comments, and widgets */
  370. .comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption {
  371. max-width: 100%;
  372. }
  373. /**
  374. * Make sure images with WordPress-added height and width attributes are
  375. * scaled correctly.
  376. */
  377. .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #site-header img {
  378. height: auto;
  379. }
  380. img.size-full, img.size-large, .wp-post-image, .post-thumbnail img {
  381. height: auto;
  382. max-width: 100%;
  383. }
  384. /* Make sure embeds and iframes fit their containers */
  385. embed, iframe, object, video {
  386. margin-bottom: 24px;
  387. max-width: 100%;
  388. }
  389. p > embed, p > iframe, p > object, span > embed, span > iframe, span > object {
  390. margin-bottom: 0;
  391. }
  392. /* Alignment */
  393. .alignleft {
  394. float: left;
  395. }
  396. .alignright {
  397. float: right;
  398. }
  399. .aligncenter {
  400. display: block;
  401. margin-left: auto;
  402. margin-right: auto;
  403. }
  404. blockquote.alignleft, img.alignleft {
  405. margin: 7px 24px 7px 0;
  406. }
  407. .wp-caption.alignleft {
  408. margin: 7px 14px 7px 0;
  409. }
  410. blockquote.alignright, img.alignright {
  411. margin: 7px 0 7px 24px;
  412. }
  413. .wp-caption.alignright {
  414. margin: 7px 0 7px 14px;
  415. }
  416. blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter {
  417. margin-top: 7px;
  418. margin-bottom: 7px;
  419. }
  420. .site-content blockquote.alignleft, .site-content blockquote.alignright {
  421. border-top: 1px solid rgba(0, 0, 0, 0.1);
  422. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  423. padding-top: 17px;
  424. width: 50%;
  425. }
  426. .site-content blockquote.alignleft p, .site-content blockquote.alignright p {
  427. margin-bottom: 17px;
  428. }
  429. .wp-caption {
  430. margin-bottom: 24px;
  431. }
  432. .wp-caption img[class*="wp-image-"] {
  433. display: block;
  434. margin: 0;
  435. }
  436. .wp-caption {
  437. color: #767676;
  438. }
  439. .wp-caption-text {
  440. -webkit-box-sizing: border-box;
  441. -moz-box-sizing: border-box;
  442. box-sizing: border-box;
  443. font-size: 12px;
  444. font-style: italic;
  445. line-height: 1.5;
  446. margin: 9px 0;
  447. padding-right: 10px;
  448. }
  449. .wp-smiley {
  450. border: 0;
  451. margin-bottom: 0;
  452. margin-top: 0;
  453. padding: 0;
  454. }
  455. /* Assistive text */
  456. .screen-reader-text {
  457. clip: rect(1px, 1px, 1px, 1px);
  458. position: absolute;
  459. }
  460. .screen-reader-text:focus {
  461. background-color: #f1f1f1;
  462. border-radius: 3px;
  463. box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  464. clip: auto;
  465. color: #21759b;
  466. display: block;
  467. font-size: 14px;
  468. font-weight: bold;
  469. height: auto;
  470. line-height: normal;
  471. padding: 15px 23px 14px;
  472. position: absolute;
  473. left: 5px;
  474. top: 5px;
  475. text-decoration: none;
  476. text-transform: none;
  477. width: auto;
  478. z-index: 100000; /* Above WP toolbar */
  479. }
  480. .hide {
  481. display: none;
  482. }
  483. /* Clearing floats */
  484. .footer-sidebar:before, .footer-sidebar:after, .hentry:before, .hentry:after, .slider-direction-nav:before, .slider-direction-nav:after, .contributor-info:before, .contributor-info:after, .search-box:before, .search-box:after, [class*="content"]:before, [class*="content"]:after, [class*="site"]:before, [class*="site"]:after {
  485. content: "";
  486. display: table;
  487. }
  488. .footer-sidebar:after, .hentry:after, .slider-direction-nav:after, .contributor-info:after, .search-box:after, [class*="content"]:after, [class*="site"]:after {
  489. clear: both;
  490. }
  491. .clear {
  492. float:none;
  493. clear:both;
  494. }
  495. /* Genericons */
  496. .bypostauthor > article .fn:before .comment-edit-link:before .comment-reply-link:before .comment-reply-login:before .comment-reply-title small a:before .contributor-posts-link:before .menu-toggle:before .search-toggle:before .slider-direction-nav a:before .widget_twentyfourteen_ephemera .widget-title:before {
  497. -webkit-font-smoothing: antialiased;
  498. display: inline-block;
  499. font: normal 16px/1 Genericons;
  500. text-decoration: inherit;
  501. vertical-align: text-bottom;
  502. }
  503. /* Separators */
  504. .site-content span + .entry-date:before, .full-size-link:before, .parent-post-link:before, span + .byline:before, span + .comments-link:before, span + .edit-link:before, .widget_twentyfourteen_ephemera .entry-title:after {
  505. content: "\0020\007c\0020";
  506. }
  507. table {
  508. color:#7a1919;
  509. }
  510. table td {
  511. font-weight: bold;
  512. font-size: 14px;
  513. }
  514. /**
  515. * 3.0 Basic Structure
  516. * -----------------------------------------------------------------------------
  517. */
  518. .inner-wrapper {
  519. width:980px;
  520. position: relative;
  521. margin:0 auto;
  522. }
  523. #page {
  524. padding-top:140px;
  525. min-height: calc(100% - 140px);
  526. position: relative;
  527. background:#CCC;
  528. }
  529. .bg-element {
  530. position:fixed;
  531. width:980px;
  532. top:0;
  533. left:50%;
  534. margin-left:-490px;
  535. height:100%;
  536. z-index: 0;
  537. background:white;
  538. }
  539. #main {
  540. position: relative;
  541. z-index: 5;
  542. padding-bottom:100px;
  543. }
  544. #main-content {
  545. }
  546. #primary {
  547. width:940px;
  548. padding:20px;
  549. min-height: calc(100% - 140px);
  550. background:white;
  551. position: relative;
  552. z-index: 10;
  553. /*padding-bottom:;*/
  554. }
  555. /**
  556. * 4.0 Header
  557. * -----------------------------------------------------------------------------
  558. */
  559. /* Ensure that there is no gap between the header and
  560. the admin bar for WordPress versions before 3.8. */
  561. #wpadminbar {
  562. min-height: 32px;
  563. }
  564. header#masthead {
  565. background: #7f5516; /* Old browsers */
  566. background: -moz-linear-gradient(left, #7f5516 0%, #ba9458 15%, #e8c48b 50%, #ba9458 85%, #7f5516 100%); /* FF3.6+ */
  567. background: -webkit-gradient(linear, left top, right top, color-stop(0%,#7f5516), color-stop(15%,#ba9458), color-stop(50%,#e8c48b), color-stop(85%,#ba9458), color-stop(100%,#7f5516)); /* Chrome,Safari4+ */
  568. background: -webkit-linear-gradient(left, #7f5516 0%,#ba9458 15%,#e8c48b 50%,#ba9458 85%,#7f5516 100%); /* Chrome10+,Safari5.1+ */
  569. background: -o-linear-gradient(left, #7f5516 0%,#ba9458 15%,#e8c48b 50%,#ba9458 85%,#7f5516 100%); /* Opera 11.10+ */
  570. background: -ms-linear-gradient(left, #7f5516 0%,#ba9458 15%,#e8c48b 50%,#ba9458 85%,#7f5516 100%); /* IE10+ */
  571. background: linear-gradient(to right, #7f5516 0%,#ba9458 15%,#e8c48b 50%,#ba9458 85%,#7f5516 100%); /* W3C */
  572. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f5516', endColorstr='#7f5516',GradientType=1 ); /* IE6-9 */
  573. padding-top:4px;
  574. position: fixed;
  575. z-index: 100;
  576. width:100%;
  577. height:136px;
  578. top:0;
  579. left:0;
  580. }
  581. .header-main {
  582. background:white;
  583. }
  584. .header-main .inner-wrapper {
  585. height: 107px;
  586. }
  587. .logo {
  588. position: absolute;
  589. top:10px;
  590. left:50%;
  591. margin-left:-152px;
  592. }
  593. .logo a {
  594. display: block;
  595. width:305px;
  596. height:85px;
  597. background:url('images/climate_control_logo.png') center center no-repeat;
  598. }
  599. .header-main .search-form {
  600. position: absolute;
  601. top:10px;
  602. right:0;
  603. width:200px;
  604. }
  605. input.search-field {
  606. border: 1px solid #7a1919;
  607. padding: 2px 2px 2px 20px;
  608. color: #7a1919;
  609. background:url('images/search_icon.png') left center no-repeat;
  610. background-color: rgba(232,196,139,.5);
  611. border-radius: 0;
  612. width:90%;
  613. }
  614. input.search-submit {
  615. display: block;
  616. text-indent: -9999px;
  617. padding: 0;
  618. width: 0;
  619. height: 0px;
  620. border: 10px solid transparent;
  621. border-right: 0;
  622. border-left: 15px solid #7a1919;
  623. background: none;
  624. float: right;
  625. margin-top: 2px;
  626. }
  627. .search-submit {
  628. display: none;
  629. }
  630. .social {
  631. position: absolute;
  632. right:0;
  633. bottom:10px;
  634. }
  635. .social .social-links {
  636. margin:0;
  637. }
  638. .social .social-links li {
  639. display: inline-block;
  640. list-style: none outside none;
  641. }
  642. .social .social-links li a {
  643. display: block;
  644. font-weight: bold;
  645. padding:5px 30px 5px 5px;
  646. background-position: right center;
  647. background-repeat: no-repeat;
  648. color:#7a1919;
  649. }
  650. .header-left{
  651. position: absolute;
  652. top:10px;
  653. left:0;
  654. }
  655. .header-left .header-links a {
  656. display: block;
  657. width:160px;
  658. text-align: center;
  659. background:#7a1919;
  660. color:white;
  661. font-weight: bold;
  662. font-size: 14px;
  663. text-transform: uppercase;
  664. margin-bottom:10px;
  665. }
  666. .header-left .phone {
  667. font-size: 30px;
  668. font-weight: bold;
  669. color:#7a1919;
  670. line-height: 1em;
  671. text-align: center;
  672. }
  673. /**
  674. * 5.0 Navigation
  675. * -----------------------------------------------------------------------------
  676. */
  677. #primary-navigation, .menu-primary-menu-container {
  678. position: relative;
  679. z-index: 100;
  680. }
  681. #primary-navigation .nav-menu {
  682. list-style: none outside none;
  683. margin:0;
  684. text-align: left;
  685. }
  686. #primary-navigation .nav-menu li {
  687. display: block;
  688. float:left;
  689. position: relative;
  690. }
  691. #primary-navigation .nav-menu > li > a {
  692. display: block;
  693. font-size: 17px;
  694. font-weight: bold;
  695. color:#5a0000;
  696. line-height: 17px;
  697. padding:6px 12px;
  698. text-transform: uppercase;
  699. }
  700. #primary-navigation .nav-menu > li:hover > a, #primary-navigation .nav-menu > li.current-menu-item > a, #primary-navigation .nav-menu > li.current-menu-ancestor > a {
  701. background: #7f5516; /* Old browsers */
  702. background: -moz-linear-gradient(top, #7f5516 0%, #e8c48b 100%); /* FF3.6+ */
  703. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f5516), color-stop(100%,#e8c48b)); /* Chrome,Safari4+ */
  704. background: -webkit-linear-gradient(top, #7f5516 0%,#e8c48b 100%); /* Chrome10+,Safari5.1+ */
  705. background: -o-linear-gradient(top, #7f5516 0%,#e8c48b 100%); /* Opera 11.10+ */
  706. background: -ms-linear-gradient(top, #7f5516 0%,#e8c48b 100%); /* IE10+ */
  707. background: linear-gradient(to bottom, #7f5516 0%,#e8c48b 100%); /* W3C */
  708. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f5516', endColorstr='#e8c48b',GradientType=0 ); /* IE6-9 */
  709. color:white;
  710. }
  711. #primary-navigation .nav-menu li > ul {
  712. display: none;
  713. position: absolute;
  714. margin:0;
  715. left:50%;
  716. -moz-transform: translateX(-50%);
  717. -webkit-transform: translateX(-50%);
  718. -o-transform: translateX(-50%);
  719. -ms-transform: translateX(-50%);
  720. transform: translateX(-50%);
  721. white-space: nowrap;
  722. line-height: 18px;
  723. }
  724. #primary-navigation .nav-menu li:hover > ul {
  725. display: block;
  726. }
  727. #primary-navigation .nav-menu li > ul > li {
  728. margin:0 3px 0 1px;
  729. line-height: 20px;
  730. font-size: 14px;
  731. display: inline-block;
  732. float:none;
  733. }
  734. #primary-navigation .nav-menu li > ul > li:before {
  735. content:" | ";
  736. color:white;
  737. }
  738. #primary-navigation .nav-menu li > ul > li:first-child:before {
  739. content:"";
  740. }
  741. #primary-navigation .nav-menu li > ul > li > a {
  742. color:white;
  743. display: inline-block;
  744. padding:0 2px 0 4px;
  745. }
  746. .sub-nav-back {
  747. background: #452802; /* Old browsers */
  748. background: -moz-linear-gradient(left, #452802 0%, #ac8b59 15%, #ac8b59 50%, #ac8b59 85%, #ac8b59 85%, #452802 100%); /* FF3.6+ */
  749. background: -webkit-gradient(linear, left top, right top, color-stop(0%,#452802), color-stop(15%,#ac8b59), color-stop(50%,#ac8b59), color-stop(85%,#ac8b59), color-stop(85%,#ac8b59), color-stop(100%,#452802)); /* Chrome,Safari4+ */
  750. background: -webkit-linear-gradient(left, #452802 0%,#ac8b59 15%,#ac8b59 50%,#ac8b59 85%,#ac8b59 85%,#452802 100%); /* Chrome10+,Safari5.1+ */
  751. background: -o-linear-gradient(left, #452802 0%,#ac8b59 15%,#ac8b59 50%,#ac8b59 85%,#ac8b59 85%,#452802 100%); /* Opera 11.10+ */
  752. background: -ms-linear-gradient(left, #452802 0%,#ac8b59 15%,#ac8b59 50%,#ac8b59 85%,#ac8b59 85%,#452802 100%); /* IE10+ */
  753. background: linear-gradient(to right, #452802 0%,#ac8b59 15%,#ac8b59 50%,#ac8b59 85%,#ac8b59 85%,#452802 100%); /* W3C */
  754. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#452802', endColorstr='#452802',GradientType=1 ); /* IE6-9 */
  755. width:100%;
  756. position: absolute;
  757. z-index: 1;
  758. left:-20px;
  759. padding:0 20px;
  760. height:20px;
  761. top:100%;
  762. display: none;
  763. }
  764. .sub-nav-back.show {
  765. display: block;
  766. }
  767. /**
  768. * 6.0 Content
  769. * -----------------------------------------------------------------------------
  770. */
  771. .home .slider {
  772. background: #7f5516; /* Old browsers */
  773. background: -moz-linear-gradient(left, #7f5516 0%, #ba9458 15%, #e8c48b 50%, #ba9458 85%, #7f5516 100%); /* FF3.6+ */
  774. background: -webkit-gradient(linear, left top, right top, color-stop(0%,#7f5516), color-stop(15%,#ba9458), color-stop(50%,#e8c48b), color-stop(85%,#ba9458), color-stop(100%,#7f5516)); /* Chrome,Safari4+ */
  775. background: -webkit-linear-gradient(left, #7f5516 0%,#ba9458 15%,#e8c48b 50%,#ba9458 85%,#7f5516 100%); /* Chrome10+,Safari5.1+ */
  776. background: -o-linear-gradient(left, #7f5516 0%,#ba9458 15%,#e8c48b 50%,#ba9458 85%,#7f5516 100%); /* Opera 11.10+ */
  777. background: -ms-linear-gradient(left, #7f5516 0%,#ba9458 15%,#e8c48b 50%,#ba9458 85%,#7f5516 100%); /* IE10+ */
  778. background: linear-gradient(to right, #7f5516 0%,#ba9458 15%,#e8c48b 50%,#ba9458 85%,#7f5516 100%); /* W3C */
  779. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f5516', endColorstr='#7f5516',GradientType=1 ); /* IE6-9 */
  780. padding-bottom:4px;
  781. }
  782. .home .slider .bg-color {
  783. background:#7a1919;
  784. }
  785. .home .entry-content p {
  786. font-size: 22px;
  787. }
  788. #slider img {
  789. display: none;
  790. }
  791. #slider img:first-child {
  792. display: block;
  793. }
  794. .content_area {
  795. padding-left: 10px;
  796. border-left: 3px solid #7a1919;
  797. margin: 25px 0;
  798. }
  799. .home .content_area {
  800. padding-left: 0px;
  801. border-left: none;
  802. margin: 0;
  803. }
  804. .entry-content a {
  805. color:#7a1919;
  806. font-weight: bold;
  807. }
  808. a.anchor{ display: block; position: relative; top: -160px; visibility: hidden; }
  809. /**
  810. * 6.1 Post Thumbnail
  811. * -----------------------------------------------------------------------------
  812. */
  813. /**
  814. * 6.2 Entry Header
  815. * -----------------------------------------------------------------------------
  816. */
  817. /**
  818. * 6.3 Entry Meta
  819. * -----------------------------------------------------------------------------
  820. */
  821. /**
  822. * 6.4 Entry Content
  823. * -----------------------------------------------------------------------------
  824. */
  825. .home .content_area > div { margin-left:-3px; }
  826. .home .content_area > div:first-child {
  827. border-right:1px solid #7a1919;
  828. margin-left:0;
  829. padding-right:1%;
  830. margin-right:3%;
  831. }
  832. form .grid_2 , form .grid_3{
  833. float:left;
  834. }
  835. form .grid_2 {
  836. width:120px;
  837. }
  838. form .grid_3 {
  839. width:340px;
  840. }
  841. .form_row {
  842. float: left;
  843. padding: 6px 0;
  844. width: 570px;
  845. }
  846. .form_row .indent { padding-left: 40px; }
  847. .form_row .indent .row {
  848. float: left;
  849. margin-bottom: 2px;
  850. width: 100%;
  851. }
  852. .form_row .indent .first-row { margin-top: 5px; }
  853. .form_row .indent input, .form_row .indent span {
  854. /*float: left;*/
  855. padding-right: 8px;
  856. width: auto;
  857. }
  858. .form_row1 {
  859. float: left;
  860. padding-top: 6px;
  861. width: 570px;
  862. }
  863. .form_row1 label {
  864. padding-left: 16px;
  865. padding-right: 0;
  866. padding-top: 0;
  867. text-align: left;
  868. }
  869. .form_row1 span {
  870. float: left;
  871. padding: 0 10px 0 6px;
  872. }
  873. .form_row span textarea {
  874. margin: 0 20px;
  875. width: 95%;
  876. }
  877. .form_row table { margin-left: 10px; }
  878. .form_row td input { width: auto; }
  879. /**
  880. * 6.6 Post Formats
  881. * -----------------------------------------------------------------------------
  882. */
  883. /**
  884. * 6.7 Post/Image/Paging Navigation
  885. * -----------------------------------------------------------------------------
  886. */
  887. /**
  888. * 6.8 Attachments
  889. * -----------------------------------------------------------------------------
  890. */
  891. /**
  892. * 6.9 Archives
  893. * -----------------------------------------------------------------------------
  894. */
  895. /**
  896. * 6.10 Contributor Page
  897. * -----------------------------------------------------------------------------
  898. */
  899. /**
  900. * 6.11 404 Page
  901. * -----------------------------------------------------------------------------
  902. */
  903. /**
  904. * 6.12 Full-width
  905. * -----------------------------------------------------------------------------
  906. */
  907. /**
  908. * 6.13 Singular
  909. * -----------------------------------------------------------------------------
  910. */
  911. /**
  912. * 7.0 Sidebars
  913. * -----------------------------------------------------------------------------
  914. */
  915. /**
  916. * 7.1 Widgets
  917. * -----------------------------------------------------------------------------
  918. */
  919. /**
  920. * 7.2 Content Sidebar Widgets
  921. * -----------------------------------------------------------------------------
  922. */
  923. /**
  924. * 8.0 Footer
  925. * -----------------------------------------------------------------------------
  926. */
  927. footer#colophon {
  928. margin-top:-100px;
  929. background:#7A1919;
  930. position: relative;
  931. z-index: 100;
  932. }
  933. footer#colophon > .inner-wrapper {
  934. height:150px;
  935. }
  936. #footer-navigation {
  937. text-align: center;
  938. padding-top:8px;
  939. }
  940. #footer-navigation ul {
  941. list-style: none outside none;
  942. margin:0 auto;
  943. display: inline-block;
  944. }
  945. #footer-navigation ul ul {
  946. display: none;
  947. }
  948. #footer-navigation li {
  949. display: block;
  950. float:left;
  951. font-size: 14px;
  952. }
  953. #footer-navigation li:before {
  954. content:" | ";
  955. color:white;
  956. font-size: 15px;
  957. }
  958. #footer-navigation li:first-child:before {
  959. content: "";
  960. }
  961. #footer-navigation li a {
  962. color:white;
  963. font-weight: bold;
  964. display: inline-block;
  965. padding:0px 7px 0 5px;
  966. text-transform: uppercase;
  967. }
  968. .footer-left, .footer-right {
  969. line-height: 1.3em;
  970. color: white;
  971. position: absolute;
  972. bottom: 10px;
  973. }
  974. .footer-left a, .footer-right a {
  975. color:white;
  976. }
  977. .footer-left {
  978. left:20px;
  979. text-align: left;
  980. }
  981. .footer-right {
  982. right:20px;
  983. text-align: right;
  984. }
  985. /**
  986. * 9.0 Pagination
  987. * -----------------------------------------------------------------------------
  988. */
  989. .pagination { clear:both; padding:20px 0; position:relative; font-size:11px; line-height:13px; }
  990. .pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#fff; background: #555; }
  991. .pagination a:hover{ color:#fff; background: #3279BB; }
  992. .pagination .current{ padding:6px 9px 5px 9px; background: #3279BB; color:#fff; }
  993. /**
  994. * 10.0 Fluid Columns
  995. * -----------------------------------------------------------------------------
  996. */
  997. .one_half{ width:48%; }
  998. .one_third{ width:30.66%; }
  999. .two_third{ width:65.33%; }
  1000. .one_fourth{ width:22%; }
  1001. .three_fourth{ width:74%; }
  1002. .one_fifth{ width:16.8%; }
  1003. .two_fifth{ width:37.6%; }
  1004. .three_fifth{ width:58.4%; }
  1005. .four_fifth{ width:79.2%; }
  1006. .one_sixth{ width:13.33%; }
  1007. .five_sixth{ width:82.67%; }
  1008. .one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
  1009. .last{ margin-right:0 !important; clear:right; }
  1010. .clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}
  1011. /**
  1012. * 12.0 Print
  1013. * -----------------------------------------------------------------------------
  1014. */
  1015. @media print {
  1016. body {
  1017. background: none !important; /* Brute force since user agents all print differently. */
  1018. color: #2b2b2b;
  1019. font-size: 12pt;
  1020. }
  1021. .site, .site-header, .hentry, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content, .archive-header, .page-header, .contributor-info, .comments-area, .attachment .entry-attachment .attachment {
  1022. max-width: 100%;
  1023. }
  1024. #site-header img, .search-toggle, .site-navigation, .site-content nav, .edit-link, .page-links, .widget-area, .more-link, .post-format-archive-link, .comment-respond, .comment-list .reply, .comment-reply-login, #secondary, .site-footer, .slider-control-paging, .slider-direction-nav {
  1025. display: none;
  1026. }
  1027. .site-title a, .entry-meta, .entry-meta a, .featured-content .hentry, .featured-content a {
  1028. color: #2b2b2b;
  1029. }
  1030. .entry-content a, .entry-summary a, .page-content a, .comment-content a {
  1031. text-decoration: none;
  1032. }
  1033. .site-header, .post-thumbnail, a.post-thumbnail:hover, .site-content .entry-header, .site-footer, .featured-content, .featured-content .entry-header {
  1034. background: transparent;
  1035. }
  1036. .header-main {
  1037. padding: 48px 10px;
  1038. }
  1039. .site-title {
  1040. float: none;
  1041. font-size: 19pt;
  1042. }
  1043. .content-area {
  1044. padding-top: 0;
  1045. }
  1046. .list-view .site-content .hentry {
  1047. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  1048. margin-bottom: 48px;
  1049. padding-bottom: 24px;
  1050. }
  1051. .post-thumbnail img {
  1052. margin: 0 10px 24px;
  1053. }
  1054. .site-content .has-post-thumbnail .entry-header {
  1055. padding-top: 0;
  1056. }
  1057. .site-content footer.entry-meta {
  1058. margin: 24px auto;
  1059. }
  1060. .entry-meta .tag-links a {
  1061. color: #fff;
  1062. }
  1063. .singular .site-content .hentry.has-post-thumbnail {
  1064. margin-top: 0;
  1065. }
  1066. .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail {
  1067. display: block;
  1068. }
  1069. .archive-title, .page-title {
  1070. margin: 0 10px 48px;
  1071. }
  1072. .featured-content .hentry {
  1073. margin-bottom: 48px;
  1074. }
  1075. .featured-content .post-thumbnail, .slider .featured-content .post-thumbnail {
  1076. padding-top: 0;
  1077. }
  1078. .featured-content .post-thumbnail img {
  1079. position: relative;
  1080. }
  1081. .featured-content .entry-header {
  1082. padding: 0 10px 24px;
  1083. }
  1084. .featured-content .entry-meta {
  1085. font-size: 9pt;
  1086. margin-bottom: 11px;
  1087. }
  1088. .featured-content .cat-links {
  1089. font-weight: 900;
  1090. }
  1091. .featured-content .entry-title {
  1092. font-size: 25pt;
  1093. line-height: 36px;
  1094. }
  1095. }
  1096. .bf_layout_checkbox {margin-right:10px!important;}