style.css 25 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349
  1. /*
  2. Theme Name: Climate Control Systems of Greenwood Inc.
  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:940px;
  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. #main {
  530. position: relative;
  531. z-index: 5;
  532. padding-bottom:100px;
  533. }
  534. #main-content {
  535. background: #fff;
  536. }
  537. #primary {
  538. padding:20px;
  539. position: relative;
  540. z-index: 10;
  541. /*padding-bottom:;*/
  542. }
  543. /**
  544. * 4.0 Header
  545. * -----------------------------------------------------------------------------
  546. */
  547. /* Ensure that there is no gap between the header and
  548. the admin bar for WordPress versions before 3.8. */
  549. #wpadminbar {
  550. min-height: 32px;
  551. }
  552. header#masthead {
  553. background: #D1D1D1;
  554. padding-top:0px;
  555. position: fixed;
  556. z-index: 100;
  557. width:100%;
  558. top:0;
  559. left:0;
  560. }
  561. .header-main {
  562. background:white;
  563. }
  564. .header-main .inner-wrapper {
  565. height: 107px;
  566. }
  567. .logo {
  568. position: absolute;
  569. top:10px;
  570. left:50%;
  571. margin-left:-152px;
  572. }
  573. .logo a {
  574. display: block;
  575. }
  576. .header-main .search-form {
  577. position: absolute;
  578. top:10px;
  579. right:0;
  580. width:200px;
  581. }
  582. input.search-field {
  583. border: 1px solid #7a1919;
  584. padding: 2px 2px 2px 20px;
  585. color: #7a1919;
  586. background:url('images/search_icon.png') left center no-repeat;
  587. background-color: rgba(232,196,139,.5);
  588. border-radius: 0;
  589. width:90%;
  590. }
  591. input.search-submit {
  592. display: block;
  593. text-indent: -9999px;
  594. padding: 0;
  595. width: 0;
  596. height: 0px;
  597. border: 10px solid transparent;
  598. border-right: 0;
  599. border-left: 15px solid #7a1919;
  600. background: none;
  601. float: right;
  602. margin-top: 2px;
  603. }
  604. .search-submit {
  605. display: none;
  606. }
  607. .social {
  608. position: relative;
  609. left:15px;
  610. bottom:35px;
  611. }
  612. .social .social-links {
  613. margin:0;
  614. }
  615. .social .social-links li {
  616. display: inline-block;
  617. list-style: none outside none;
  618. }
  619. .social .social-links li a {
  620. display: block;
  621. font-weight: bold;
  622. padding:5px 30px 5px 5px;
  623. background-position: right center;
  624. background-repeat: no-repeat;
  625. color:#fff
  626. }
  627. .header-left{
  628. position: absolute;
  629. top:5px;
  630. right:0;
  631. margin:0px 0px 10px;
  632. }
  633. .header-left .header-links a {
  634. display: block;
  635. width:160px;
  636. text-align: center;
  637. background:#7a1919;
  638. color:white;
  639. font-weight: bold;
  640. font-size: 14px;
  641. text-transform: uppercase;
  642. margin-bottom:10px;
  643. }
  644. .header-left .phone {
  645. font-size: 30px;
  646. font-weight: bold;
  647. color:#7a1919;
  648. line-height: 1em;
  649. text-align: center;
  650. }
  651. /**
  652. * 5.0 Navigation
  653. * -----------------------------------------------------------------------------
  654. */
  655. #primary-navigation, .menu-primary-menu-container {
  656. position: relative;
  657. z-index: 100;
  658. margin: 3px 0 8px;
  659. }
  660. #primary-navigation .nav-menu {
  661. list-style: none outside none;
  662. margin:0;
  663. text-align: left;
  664. }
  665. #primary-navigation .nav-menu li {
  666. display: block;
  667. float:left;
  668. position: relative;
  669. }
  670. #primary-navigation .nav-menu > li > a {
  671. display: block;
  672. font-size: 17px;
  673. font-weight: bold;
  674. color:#5a0000;
  675. line-height: 17px;
  676. padding:6px 12px;
  677. text-transform: uppercase;
  678. }
  679. #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 {
  680. background: #4b4b4b;
  681. color:white;
  682. }
  683. #primary-navigation .nav-menu li > ul {
  684. display: none;
  685. position: absolute;
  686. margin:0;
  687. left:50%;
  688. -moz-transform: translateX(-50%);
  689. -webkit-transform: translateX(-50%);
  690. -o-transform: translateX(-50%);
  691. -ms-transform: translateX(-50%);
  692. transform: translateX(-50%);
  693. white-space: nowrap;
  694. line-height: 18px;
  695. }
  696. #primary-navigation .nav-menu li:hover > ul {
  697. display: block;
  698. }
  699. #primary-navigation .nav-menu li > ul > li {
  700. margin:0 3px 0 1px;
  701. line-height: 20px;
  702. font-size: 14px;
  703. display: inline-block;
  704. float:none;
  705. }
  706. #primary-navigation .nav-menu li > ul > li:before {
  707. content:" | ";
  708. color:white;
  709. }
  710. #primary-navigation .nav-menu li > ul > li:first-child:before {
  711. content:"";
  712. }
  713. #primary-navigation .nav-menu li > ul > li > a {
  714. color:white;
  715. display: inline-block;
  716. padding:0 2px 0 4px;
  717. }
  718. .sub-nav-back {
  719. background: #452802;
  720. width:100%;
  721. position: absolute;
  722. z-index: 1;
  723. left:-20px;
  724. padding:0 20px;
  725. height:20px;
  726. top:100%;
  727. display: none;
  728. }
  729. .sub-nav-back.show {
  730. display: block;
  731. }
  732. /**
  733. * 6.0 Content
  734. * -----------------------------------------------------------------------------
  735. */
  736. .home .slider {
  737. background: #7a1919;
  738. padding-bottom:4px;
  739. }
  740. .home .slider .bg-color {
  741. background:#7a1919;
  742. }
  743. .home .entry-content p {
  744. font-size: 22px;
  745. }
  746. #slider img {
  747. display: none;
  748. }
  749. #slider img:first-child {
  750. display: block;
  751. }
  752. .content_area {
  753. margin: 35px 0;
  754. }
  755. .home .content_area {
  756. padding-left: 0px;
  757. border-left: none;
  758. margin: 0;
  759. }
  760. .entry-content a {
  761. color:#7a1919;
  762. font-weight: bold;
  763. }
  764. a.anchor{ display: block; position: relative; top: -160px; visibility: hidden; }
  765. /**
  766. * 6.1 Post Thumbnail
  767. * -----------------------------------------------------------------------------
  768. */
  769. /**
  770. * 6.2 Entry Header
  771. * -----------------------------------------------------------------------------
  772. */
  773. /**
  774. * 6.3 Entry Meta
  775. * -----------------------------------------------------------------------------
  776. */
  777. /**
  778. * 6.4 Entry Content
  779. * -----------------------------------------------------------------------------
  780. */
  781. .home .content_area > div { margin-left:-3px; }
  782. .home .content_area > div:first-child {
  783. border-right:1px solid #7a1919;
  784. margin-left:0;
  785. padding-right:1%;
  786. margin-right:3%;
  787. }
  788. form .grid_2 , form .grid_3{
  789. float:left;
  790. }
  791. form .grid_2 {
  792. width:120px;
  793. }
  794. form .grid_3 {
  795. width:340px;
  796. }
  797. .form_row {
  798. float: left;
  799. padding: 6px 0;
  800. width: 570px;
  801. }
  802. .form_row .indent { padding-left: 40px; }
  803. .form_row .indent .row {
  804. float: left;
  805. margin-bottom: 2px;
  806. width: 100%;
  807. }
  808. .form_row .indent .first-row { margin-top: 5px; }
  809. .form_row .indent input, .form_row .indent span {
  810. /*float: left;*/
  811. padding-right: 8px;
  812. width: auto;
  813. }
  814. .form_row1 {
  815. float: left;
  816. padding-top: 6px;
  817. width: 570px;
  818. }
  819. .form_row1 label {
  820. padding-left: 16px;
  821. padding-right: 0;
  822. padding-top: 0;
  823. text-align: left;
  824. }
  825. .form_row1 span {
  826. float: left;
  827. padding: 0 10px 0 6px;
  828. }
  829. .form_row span textarea {
  830. margin: 0 20px;
  831. width: 95%;
  832. }
  833. .form_row table { margin-left: 10px; }
  834. .form_row td input { width: auto; }
  835. /**
  836. * 6.6 Post Formats
  837. * -----------------------------------------------------------------------------
  838. */
  839. /**
  840. * 6.7 Post/Image/Paging Navigation
  841. * -----------------------------------------------------------------------------
  842. */
  843. /**
  844. * 6.8 Attachments
  845. * -----------------------------------------------------------------------------
  846. */
  847. /**
  848. * 6.9 Archives
  849. * -----------------------------------------------------------------------------
  850. */
  851. /**
  852. * 6.10 Contributor Page
  853. * -----------------------------------------------------------------------------
  854. */
  855. /**
  856. * 6.11 404 Page
  857. * -----------------------------------------------------------------------------
  858. */
  859. /**
  860. * 6.12 Full-width
  861. * -----------------------------------------------------------------------------
  862. */
  863. /**
  864. * 6.13 Singular
  865. * -----------------------------------------------------------------------------
  866. */
  867. /**
  868. * 7.0 Sidebars
  869. * -----------------------------------------------------------------------------
  870. */
  871. /**
  872. * 7.1 Widgets
  873. * -----------------------------------------------------------------------------
  874. */
  875. /**
  876. * 7.2 Content Sidebar Widgets
  877. * -----------------------------------------------------------------------------
  878. */
  879. /**
  880. * 8.0 Footer
  881. * -----------------------------------------------------------------------------
  882. */
  883. footer#colophon {
  884. margin-top:-100px;
  885. background:#7A1919;
  886. position: relative;
  887. z-index: 100;
  888. }
  889. footer#colophon > .inner-wrapper {
  890. height:150px;
  891. }
  892. #footer-navigation {
  893. text-align: center;
  894. padding-top:8px;
  895. }
  896. #footer-navigation ul {
  897. list-style: none outside none;
  898. margin:0 auto;
  899. display: inline-block;
  900. }
  901. #footer-navigation ul ul {
  902. display: none;
  903. }
  904. #footer-navigation li {
  905. display: block;
  906. float:left;
  907. font-size: 14px;
  908. }
  909. #footer-navigation li:before {
  910. content:" | ";
  911. color:white;
  912. font-size: 15px;
  913. }
  914. #footer-navigation li:first-child:before {
  915. content: "";
  916. }
  917. #footer-navigation li a {
  918. color:white;
  919. font-weight: bold;
  920. display: inline-block;
  921. padding:0px 7px 0 5px;
  922. text-transform: uppercase;
  923. }
  924. .footer-left, .footer-right {
  925. line-height: 1.3em;
  926. color: white;
  927. position: absolute;
  928. bottom: 10px;
  929. }
  930. .footer-left a, .footer-right a {
  931. color:white;
  932. }
  933. .footer-left {
  934. left:20px;
  935. text-align: left;
  936. }
  937. .footer-right {
  938. right:20px;
  939. text-align: right;
  940. }
  941. /**
  942. * 9.0 Pagination
  943. * -----------------------------------------------------------------------------
  944. */
  945. .pagination { clear:both; padding:20px 0; position:relative; font-size:11px; line-height:13px; }
  946. .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; }
  947. .pagination a:hover{ color:#fff; background: #3279BB; }
  948. .pagination .current{ padding:6px 9px 5px 9px; background: #3279BB; color:#fff; }
  949. /**
  950. * 10.0 Fluid Columns
  951. * -----------------------------------------------------------------------------
  952. */
  953. .one_half{ width:48%; }
  954. .one_third{ width:30.66%; }
  955. .two_third{ width:65.33%; }
  956. .one_fourth{ width:22%; }
  957. .three_fourth{ width:74%; }
  958. .one_fifth{ width:16.8%; }
  959. .two_fifth{ width:37.6%; }
  960. .three_fifth{ width:58.4%; }
  961. .four_fifth{ width:79.2%; }
  962. .one_sixth{ width:13.33%; }
  963. .five_sixth{ width:82.67%; }
  964. .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; }
  965. .last{ margin-right:0 !important; clear:right; }
  966. .clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}
  967. /**
  968. * 12.0 Print
  969. * -----------------------------------------------------------------------------
  970. */
  971. @media print {
  972. body {
  973. background: none !important; /* Brute force since user agents all print differently. */
  974. color: #2b2b2b;
  975. font-size: 12pt;
  976. }
  977. .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 {
  978. max-width: 100%;
  979. }
  980. #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 {
  981. display: none;
  982. }
  983. .site-title a, .entry-meta, .entry-meta a, .featured-content .hentry, .featured-content a {
  984. color: #2b2b2b;
  985. }
  986. .entry-content a, .entry-summary a, .page-content a, .comment-content a {
  987. text-decoration: none;
  988. }
  989. .site-header, .post-thumbnail, a.post-thumbnail:hover, .site-content .entry-header, .site-footer, .featured-content, .featured-content .entry-header {
  990. background: transparent;
  991. }
  992. .header-main {
  993. padding: 48px 10px;
  994. }
  995. .site-title {
  996. float: none;
  997. font-size: 19pt;
  998. }
  999. .content-area {
  1000. padding-top: 0;
  1001. }
  1002. .list-view .site-content .hentry {
  1003. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  1004. margin-bottom: 48px;
  1005. padding-bottom: 24px;
  1006. }
  1007. .post-thumbnail img {
  1008. margin: 0 10px 24px;
  1009. }
  1010. .site-content .has-post-thumbnail .entry-header {
  1011. padding-top: 0;
  1012. }
  1013. .site-content footer.entry-meta {
  1014. margin: 24px auto;
  1015. }
  1016. .entry-meta .tag-links a {
  1017. color: #fff;
  1018. }
  1019. .singular .site-content .hentry.has-post-thumbnail {
  1020. margin-top: 0;
  1021. }
  1022. .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail {
  1023. display: block;
  1024. }
  1025. .archive-title, .page-title {
  1026. margin: 0 10px 48px;
  1027. }
  1028. .featured-content .hentry {
  1029. margin-bottom: 48px;
  1030. }
  1031. .featured-content .post-thumbnail, .slider .featured-content .post-thumbnail {
  1032. padding-top: 0;
  1033. }
  1034. .featured-content .post-thumbnail img {
  1035. position: relative;
  1036. }
  1037. .featured-content .entry-header {
  1038. padding: 0 10px 24px;
  1039. }
  1040. .featured-content .entry-meta {
  1041. font-size: 9pt;
  1042. margin-bottom: 11px;
  1043. }
  1044. .featured-content .cat-links {
  1045. font-weight: 900;
  1046. }
  1047. .featured-content .entry-title {
  1048. font-size: 25pt;
  1049. line-height: 36px;
  1050. }
  1051. }
  1052. .bf_layout_checkbox {margin-right:10px!important;}/*
  1053. /**************************************************
  1054. Styles Below Added by https://davidawindham.com
  1055. **************************************************/
  1056. .tinynav { display: none }
  1057. .inner-wrapper {
  1058. width:90% !important;
  1059. position: relative;
  1060. margin:0 auto;
  1061. }
  1062. #primary {
  1063. padding:30px 20px !important;
  1064. background:white;
  1065. position: relative;
  1066. z-index: 10;
  1067. }
  1068. .bg-element {
  1069. position:fixed;
  1070. width:980px;
  1071. top:0;
  1072. left:50%;
  1073. margin-left:-490px;
  1074. height:100%;
  1075. z-index: 0;
  1076. background:white;
  1077. }
  1078. .header-left .phone a {
  1079. font-size: 30px;
  1080. font-weight: bold;
  1081. color:#7a1919;
  1082. }
  1083. ul#menu-primary-menu .l_tinynav1 {
  1084. margin-top: 10px;
  1085. }
  1086. @media only screen and (max-width: 767px) {
  1087. .logo img {
  1088. max-width:200px;
  1089. }
  1090. .tinynav {
  1091. display: block
  1092. }
  1093. #menu-primary-menu {
  1094. display: none
  1095. }
  1096. .header-left .header-links a {
  1097. display: block;
  1098. width:100px;
  1099. text-align: center;
  1100. background:#7a1919;
  1101. color:white;
  1102. font-weight: bold;
  1103. font-size: 14px;
  1104. text-transform: uppercase;
  1105. margin-bottom:5px;
  1106. }
  1107. .header-left .phone {
  1108. font-size: 15px !important;
  1109. font-weight: bold;
  1110. color:#7a1919;
  1111. text-align: center;
  1112. }
  1113. .header-left .phone a {
  1114. font-size: 18px;
  1115. font-weight: bold;
  1116. color:#7a1919;
  1117. }
  1118. .home .slider {
  1119. background: #7a1919;
  1120. padding-bottom: 4px;
  1121. padding-top: 30px;
  1122. }
  1123. #footer-navigation {
  1124. display:none !important;
  1125. }
  1126. .one_half{ width:100%; }
  1127. .one_third{ width:100%; }
  1128. .two_third{ width:100%; }
  1129. .one_fourth{ width:100%; }
  1130. .three_fourth{ width:100%; }
  1131. .one_fifth{ width:100%; }
  1132. .two_fifth{ width:100%; }
  1133. .three_fifth{ width:100%; }
  1134. .four_fifth{ width:100%; }
  1135. .one_sixth{ width:100%; }
  1136. .five_sixth{ width:100%; }
  1137. .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; }
  1138. .last{ margin-right:0 !important; clear:right; }
  1139. .clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}
  1140. .home .content_area > div { margin-left:-3px; }
  1141. .home .content_area > div:first-child {
  1142. border-right:none;
  1143. margin-left:0;
  1144. padding-right:1%;
  1145. margin-right:3%;
  1146. }
  1147. }
  1148. @media only screen and (min-width : 992px) {
  1149. }
  1150. @media only screen and (min-width : 1200px) {
  1151. }