Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. /*
  2. Theme Name: Agency Pro Theme
  3. Theme URI: http://my.studiopress.com/themes/agency/
  4. Description: A mobile responsive and HTML5 theme built for the Genesis Framework.
  5. Author: StudioPress
  6. Author URI: http://www.studiopress.com/
  7. Version: 3.1.1
  8.  
  9. Tags: black, orange, white, one-column, two-columns, three-columns, responsive-layout, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, premise-landing-page
  10.  
  11. Template: genesis
  12. Template Version: 2.1
  13.  
  14. License: GPL-2.0+
  15. License URI: http://www.opensource.org/licenses/gpl-license.php
  16. */
  17.  
  18.  
  19. /* Table of Contents
  20.  
  21. - HTML5 Reset
  22. - Baseline Normalize
  23. - Box Sizing
  24. - Float Clearing
  25. - Defaults
  26. - Typographical Elements
  27. - Headings
  28. - Objects
  29. - Gallery
  30. - Forms
  31. - Tables
  32. - Structure and Layout
  33. - Site Containers
  34. - Column Widths and Positions
  35. - Column Classes
  36. - Common Classes
  37. - WordPress
  38. - Genesis
  39. - Titles
  40. - Widgets
  41. - Featured Content
  42. - Plugins
  43. - Genesis eNews Extended
  44. - Genesis Latest Tweets
  45. - Gravity Forms
  46. - Jetpack
  47. - Site Header
  48. - Title Area
  49. - Widget Area
  50. - Site Navigation
  51. - Header Navigation
  52. - Primary Navigation
  53. - Secondary Navigation
  54. - Responsive Menu
  55. - Content Area
  56. - Home Page
  57. - Portfolio
  58. - Entries
  59. - After Entry
  60. - Pagination
  61. - Comments
  62. - Sidebars
  63. - Footer Widgets
  64. - Site Footer
  65. - Theme Colors
  66. - Agency Pro Blue
  67. - Agency Pro Green
  68. - Agency Pro Orange
  69. - Agency Pro Red
  70. - Media Queries
  71. - max-width: 1180px
  72. - max-width: 1040px
  73. - max-width: 800px
  74. - max-width: 782px
  75. - max-width: 680px
  76. - max-width: 480px
  77.  
  78. */
  79.  
  80.  
  81. /*
  82. HTML5 Reset
  83. ---------------------------------------------------------------------------------------------------- */
  84.  
  85. /* Baseline Reset (normalize.css 2.1.2)
  86. normalize.css v2.1.2 | MIT License | git.io/normalize
  87. --------------------------------------------- */
  88.  
  89. article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
  90.  
  91. /* Box Sizing
  92. --------------------------------------------- */
  93.  
  94. *,
  95. input[type="search"] {
  96. -webkit-box-sizing: border-box;
  97. -moz-box-sizing: border-box;
  98. box-sizing: border-box;
  99. }
  100.  
  101. /* Float Clearing
  102. --------------------------------------------- */
  103.  
  104. .clearfix:before,
  105. .entry-content:before,
  106. .entry:before,
  107. .footer-widgets:before,
  108. .nav-primary:before,
  109. .nav-secondary:before,
  110. .pagination:before,
  111. .site-container:before,
  112. .site-footer:before,
  113. .site-header:before,
  114. .site-inner:before,
  115. .widget:before,
  116. .wrap:before {
  117. content: " ";
  118. display: table;
  119. }
  120.  
  121. .clearfix:after,
  122. .entry-content:after,
  123. .entry:after,
  124. .footer-widgets:after,
  125. .nav-primary:after,
  126. .nav-secondary:after,
  127. .pagination:after,
  128. .site-container:after,
  129. .site-footer:after,
  130. .site-header:after,
  131. .site-inner:after,
  132. .widget:after,
  133. .wrap:after {
  134. clear: both;
  135. content: " ";
  136. display: table;
  137. }
  138.  
  139.  
  140. /*
  141. Defaults
  142. ---------------------------------------------------------------------------------------------------- */
  143.  
  144. /* Typographical Elements
  145. --------------------------------------------- */
  146.  
  147. body {
  148. background-color: #d7c603;
  149. color: #666;
  150. font-family: 'Lora', serif;
  151. font-size: 16px;
  152. font-weight: 400;
  153. line-height: 1.625;
  154. }
  155.  
  156. a,
  157. button,
  158. input:focus,
  159. input[type="button"],
  160. input[type="reset"],
  161. input[type="submit"],
  162. textarea:focus,
  163. .agency-pro-home .featured-content img,
  164. .button {
  165. -webkit-transition: all 0.1s ease-in-out;
  166. -moz-transition: all 0.1s ease-in-out;
  167. -ms-transition: all 0.1s ease-in-out;
  168. -o-transition: all 0.1s ease-in-out;
  169. transition: all 0.1s ease-in-out;
  170. }
  171.  
  172. ::-moz-selection {
  173. background-color: #333;
  174. color: #fff;
  175. }
  176.  
  177. ::selection {
  178. background-color: #333;
  179. color: #fff;
  180. }
  181.  
  182. a {
  183. color: #d7c603;
  184. text-decoration: none;
  185. }
  186.  
  187. a img {
  188. margin-bottom: -4px;
  189. }
  190.  
  191. a:hover {
  192. color: #333;
  193. }
  194.  
  195. p {
  196. margin: 0 0 24px;
  197. padding: 0;
  198. }
  199.  
  200. strong {
  201. font-weight: 700;
  202. }
  203.  
  204. ol,
  205. ul {
  206. margin: 0;
  207. padding: 0;
  208. }
  209.  
  210. blockquote,
  211. blockquote::before {
  212. color: #999;
  213. }
  214.  
  215. blockquote {
  216. margin: 40px 40px 24px;
  217. }
  218.  
  219. blockquote::before {
  220. content: "\201C";
  221. display: block;
  222. font-size: 30px;
  223. height: 0;
  224. left: -20px;
  225. position: relative;
  226. top: -10px;
  227. }
  228.  
  229. .entry-content code {
  230. background-color: #333;
  231. color: #ddd;
  232. }
  233.  
  234. cite {
  235. font-style: normal;
  236. }
  237.  
  238. /* Headings
  239. --------------------------------------------- */
  240.  
  241. h1,
  242. h2,
  243. h3,
  244. h4,
  245. h5,
  246. h6 {
  247. font-family: 'Montserrat', sans-serif;
  248. font-weight: 400;
  249. line-height: 1.2;
  250. margin: 0 0 16px;
  251. }
  252.  
  253. h1 {
  254. font-size: 36px;
  255. }
  256.  
  257. h2 {
  258. font-size: 30px;
  259. }
  260.  
  261. h3 {
  262. font-size: 24px;
  263. }
  264.  
  265. h4 {
  266. font-size: 20px;
  267. }
  268.  
  269. h5 {
  270. font-size: 18px;
  271. }
  272.  
  273. h6 {
  274. font-size: 70px;
  275. }
  276.  
  277. /* Objects
  278. --------------------------------------------- */
  279.  
  280. embed,
  281. iframe,
  282. img,
  283. object,
  284. video,
  285. .wp-caption {
  286. max-width: 100%;
  287. }
  288.  
  289. img {
  290. height: auto;
  291. }
  292.  
  293. .featured-content img,
  294. .gallery img {
  295. width: auto; /* IE8 */
  296. }
  297.  
  298. /* Gallery
  299. --------------------------------------------- */
  300.  
  301. .gallery {
  302. overflow: hidden;
  303. margin-bottom: 28px;
  304. }
  305.  
  306. .gallery-caption {
  307. margin: 0 0 10px;
  308. }
  309.  
  310. .gallery-item {
  311. float: left;
  312. margin: 0;
  313. padding: 0 4px;
  314. text-align: center;
  315. width: 100%;
  316. }
  317.  
  318. .gallery-columns-2 .gallery-item {
  319. width: 50%;
  320. }
  321.  
  322. .gallery-columns-3 .gallery-item {
  323. width: 33%;
  324. }
  325.  
  326. .gallery-columns-4 .gallery-item {
  327. width: 25%;
  328. }
  329.  
  330. .gallery-columns-5 .gallery-item {
  331. width: 20%;
  332. }
  333.  
  334. .gallery-columns-6 .gallery-item {
  335. width: 16.6666%;
  336. }
  337.  
  338. .gallery-columns-7 .gallery-item {
  339. width: 14.2857%;
  340. }
  341.  
  342. .gallery-columns-8 .gallery-item {
  343. width: 12.5%;
  344. }
  345.  
  346. .gallery-columns-9 .gallery-item {
  347. width: 11.1111%;
  348. }
  349.  
  350. .gallery-columns-2 .gallery-item:nth-child(2n+1),
  351. .gallery-columns-3 .gallery-item:nth-child(3n+1),
  352. .gallery-columns-4 .gallery-item:nth-child(4n+1),
  353. .gallery-columns-5 .gallery-item:nth-child(5n+1),
  354. .gallery-columns-6 .gallery-item:nth-child(6n+1),
  355. .gallery-columns-7 .gallery-item:nth-child(7n+1),
  356. .gallery-columns-8 .gallery-item:nth-child(8n+1),
  357. .gallery-columns-9 .gallery-item:nth-child(9n+1) {
  358. clear: left;
  359. }
  360.  
  361. .gallery .gallery-item img {
  362. border: none;
  363. height: auto;
  364. margin-bottom: 0;
  365. }
  366.  
  367. /* Forms
  368. --------------------------------------------- */
  369.  
  370. input,
  371. select,
  372. textarea {
  373. background-color: #fff;
  374. border: 1px solid #ddd;
  375. border-radius: 3px;
  376. box-shadow: 1px 1px 3px #eee inset;
  377. color: #999;
  378. font-size: 14px;
  379. padding: 16px;
  380. width: 100%;
  381. }
  382.  
  383. input[type="checkbox"],
  384. input[type="image"],
  385. input[type="radio"] {
  386. width: auto;
  387. }
  388.  
  389. input:focus,
  390. textarea:focus {
  391. border: 1px solid #999;
  392. outline: none;
  393. }
  394.  
  395. ::-moz-placeholder {
  396. color: #999;
  397. }
  398.  
  399. ::-webkit-input-placeholder {
  400. color: #999;
  401. }
  402.  
  403. button,
  404. input[type="button"],
  405. input[type="reset"],
  406. input[type="submit"],
  407. .button,
  408. .entry-content .button {
  409. background-color: #ff9e29;
  410. border-radius: 3px;
  411. border: none;
  412. box-shadow: none;
  413. color: #fff;
  414. cursor: pointer;
  415. font-family: 'Montserrat', sans-serif;
  416. padding: 16px 24px;
  417. text-transform: uppercase;
  418. width: auto;
  419. }
  420.  
  421. .button,
  422. .entry-content .button {
  423. display: inline-block;
  424. }
  425.  
  426. button:hover,
  427. input:hover[type="button"],
  428. input:hover[type="reset"],
  429. input:hover[type="submit"],
  430. .button:hover,
  431. .entry-content .button:hover {
  432. background-color: #ffaf4b;
  433. color: #fff;
  434. }
  435.  
  436. input[type="search"]::-webkit-search-cancel-button,
  437. input[type="search"]::-webkit-search-results-button {
  438. display: none;
  439. }
  440.  
  441. /* Tables
  442. --------------------------------------------- */
  443.  
  444. table {
  445. border-collapse: collapse;
  446. border-spacing: 0;
  447. line-height: 2;
  448. margin-bottom: 40px;
  449. width: 100%;
  450. }
  451.  
  452. tbody {
  453. border-bottom: 1px solid #ddd;
  454. }
  455.  
  456. th,
  457. td {
  458. text-align: left;
  459. }
  460.  
  461. th {
  462. font-weight: bold;
  463. text-transform: uppercase;
  464. }
  465.  
  466. td {
  467. border-top: 1px solid #ddd;
  468. padding: 6px 0;
  469. }
  470.  
  471.  
  472. /*
  473. Structure and Layout
  474. ---------------------------------------------------------------------------------------------------- */
  475.  
  476. /* Site Containers
  477. --------------------------------------------- */
  478.  
  479. .header-full-width .site-container,
  480. .site-container {
  481. padding-top: 40px;
  482. }
  483.  
  484. .site-inner,
  485. .wrap {
  486. margin: 0 auto;
  487. max-width: 1140px;
  488. }
  489.  
  490. .site-inner {
  491. clear: both;
  492. padding: 5% 0;
  493. }
  494.  
  495. .agency-pro-home .site-inner {
  496. padding: 0;
  497. }
  498.  
  499. /* Column Widths and Positions
  500. --------------------------------------------- */
  501.  
  502. /* Wrapping div for .content and .sidebar-primary */
  503.  
  504. .content-sidebar-sidebar .content-sidebar-wrap,
  505. .sidebar-content-sidebar .content-sidebar-wrap,
  506. .sidebar-sidebar-content .content-sidebar-wrap {
  507. width: 920px;
  508. }
  509.  
  510. .content-sidebar-sidebar .content-sidebar-wrap {
  511. float: left;
  512. }
  513.  
  514. .sidebar-content-sidebar .content-sidebar-wrap,
  515. .sidebar-sidebar-content .content-sidebar-wrap {
  516. float: right;
  517. }
  518.  
  519. /* Content */
  520.  
  521. .content {
  522. float: right;
  523. width: 740px;
  524. }
  525.  
  526. .content-sidebar .content,
  527. .content-sidebar-sidebar .content,
  528. .sidebar-content-sidebar .content {
  529. float: left;
  530. }
  531.  
  532. .content-sidebar-sidebar .content,
  533. .sidebar-content-sidebar .content,
  534. .sidebar-sidebar-content .content {
  535. width: 520px;
  536. }
  537.  
  538. .full-width-content .content {
  539. width: 100%;
  540. }
  541.  
  542. /* Primary Sidebar */
  543.  
  544. .sidebar-primary {
  545. float: right;
  546. width: 360px;
  547. }
  548.  
  549. .sidebar-content .sidebar-primary,
  550. .sidebar-sidebar-content .sidebar-primary {
  551. float: left;
  552. }
  553.  
  554. /* Secondary Sidebar */
  555.  
  556. .sidebar-secondary {
  557. float: left;
  558. width: 180px;
  559. }
  560.  
  561. .content-sidebar-sidebar .sidebar-secondary {
  562. float: right;
  563. }
  564.  
  565. /* Column Classes
  566. Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
  567. --------------------------------------------- */
  568.  
  569. .five-sixths,
  570. .four-sixths,
  571. .one-fourth,
  572. .one-half,
  573. .one-sixth,
  574. .one-third,
  575. .three-fourths,
  576. .three-sixths,
  577. .two-fourths,
  578. .two-sixths,
  579. .two-thirds {
  580. float: left;
  581. margin-left: 2.564102564102564%;
  582. }
  583.  
  584. .one-half,
  585. .three-sixths,
  586. .two-fourths {
  587. width: 48.717948717948715%;
  588. }
  589.  
  590. .one-third,
  591. .two-sixths {
  592. width: 31.623931623931625%;
  593. }
  594.  
  595. .four-sixths,
  596. .two-thirds {
  597. width: 65.81196581196582%;
  598. }
  599.  
  600. .one-fourth {
  601. width: 23.076923076923077%;
  602. }
  603.  
  604. .three-fourths {
  605. width: 74.35897435897436%;
  606. }
  607.  
  608. .one-sixth {
  609. width: 14.52991452991453%;
  610. }
  611.  
  612. .five-sixths {
  613. width: 82.90598290598291%;
  614. }
  615.  
  616. .first {
  617. clear: both;
  618. margin-left: 0;
  619. }
  620.  
  621.  
  622. /*
  623. Common Classes
  624. ---------------------------------------------------------------------------------------------------- */
  625.  
  626. /* WordPress
  627. --------------------------------------------- */
  628.  
  629. .avatar {
  630. border-radius: 50%;
  631. float: left;
  632. }
  633.  
  634. .alignleft .avatar {
  635. margin-right: 24px;
  636. }
  637.  
  638. .alignright .avatar {
  639. margin-left: 24px;
  640. }
  641.  
  642. .search-form {
  643. overflow: hidden;
  644. }
  645.  
  646. .genesis-nav-menu .search input[type="submit"],
  647. .widget_search input[type="submit"] {
  648. border: 0;
  649. clip: rect(0, 0, 0, 0);
  650. height: 1px;
  651. margin: -1px;
  652. padding: 0;
  653. position: absolute;
  654. width: 1px;
  655. }
  656.  
  657. img.centered,
  658. .aligncenter {
  659. display: block;
  660. margin: 0 auto 0px;
  661. }
  662.  
  663. a.alignnone img,
  664. .alignnone img {
  665. margin-bottom: 0px;
  666. }
  667.  
  668. .alignleft {
  669. float: left;
  670. text-align: left;
  671. }
  672.  
  673. .alignright {
  674. float: right;
  675. text-align: right;
  676. }
  677.  
  678. a.alignleft,
  679. a.alignnone,
  680. a.alignright {
  681. max-width: 100%;
  682. }
  683.  
  684. a.aligncenter img {
  685. display: block;
  686. margin: 0 auto;
  687. }
  688.  
  689. a.alignleft img,
  690. img.alignleft,
  691. .wp-caption.alignleft {
  692. margin: 0 24px 24px 0;
  693. }
  694.  
  695. a.alignright img,
  696. img.alignright,
  697. .wp-caption.alignright {
  698. margin: 0 0 24px 24px;
  699. }
  700.  
  701. .entry-content .wp-caption-text {
  702. font-size: 14px;
  703. text-align: center;
  704. }
  705.  
  706. .widget_calendar table {
  707. width: 100%;
  708. }
  709.  
  710. .widget_calendar td,
  711. .widget_calendar th {
  712. text-align: center;
  713. }
  714.  
  715. /* Genesis
  716. --------------------------------------------- */
  717.  
  718. .breadcrumb {
  719. color: #fff;
  720. font-family: 'Montserrat', sans-serif;
  721. font-size: 14px;
  722. margin-bottom: 20px;
  723. text-transform: uppercase;
  724. }
  725.  
  726. .breadcrumb a {
  727. color: #fff;
  728. }
  729.  
  730. .archive-description,
  731. .author-box {
  732. background-color: #fff;
  733. border-radius: 0px;
  734. border-style: solid;
  735. border-width: 1px;
  736. border-color: #D0D1D5;
  737. margin-bottom: 40px;
  738. }
  739.  
  740. .archive-description {
  741. padding: 40px 40px 24px;
  742. }
  743.  
  744. .author-box {
  745. padding: 40px;
  746. }
  747.  
  748. .author-box-title {
  749. color: #333;
  750. font-size: 16px;
  751. margin-bottom: 4px;
  752. }
  753.  
  754. .author-box p {
  755. margin-bottom: 0;
  756. }
  757.  
  758. .author-box .avatar {
  759. margin-right: 24px;
  760. }
  761.  
  762. /* Titles
  763. --------------------------------------------- */
  764.  
  765. .entry-title {
  766. color: #333;
  767. font-size: 30px;
  768. line-height: 1;
  769. }
  770.  
  771. .entry-title a {
  772. color: #333;
  773. }
  774.  
  775. .widget-title {
  776. color: #333;
  777. font-size: 16px;
  778. margin-bottom: 16px;
  779. text-transform: uppercase;
  780. }
  781.  
  782. .archive-title {
  783. font-size: 20px;
  784. margin-bottom: 24px;
  785. }
  786.  
  787.  
  788. /*
  789. Widgets
  790. ---------------------------------------------------------------------------------------------------- */
  791.  
  792. .widget {
  793. word-wrap: break-word;
  794. }
  795.  
  796. .widget li {
  797. list-style-type: none;
  798. margin-bottom: 6px;
  799. }
  800.  
  801. .widget li li {
  802. margin: 0;
  803. padding: 0 0 0 20px;
  804. }
  805.  
  806. /* Featured Content
  807. --------------------------------------------- */
  808.  
  809. .featured-content .entry {
  810. margin-bottom: 20px;
  811. padding: 0 0 24px;
  812. }
  813.  
  814. .featured-content .entry-title {
  815. font-size: 22px;
  816. line-height: 1.1;
  817. }
  818.  
  819. a.more-link {
  820. font-family: 'Lora', sans-serif;
  821. }
  822.  
  823. /*
  824. Plugins
  825. ---------------------------------------------------------------------------------------------------- */
  826.  
  827. /* Genesis eNews Extended
  828. --------------------------------------------- */
  829.  
  830. .enews-widget {
  831. color: #999;
  832. }
  833.  
  834. .enews-widget input {
  835. margin-bottom: 16px;
  836. }
  837.  
  838. .enews-widget input:focus {
  839. border: 1px solid #ddd;
  840. }
  841.  
  842. .enews-widget input[type="submit"] {
  843. background-color: #222;
  844. color: #fff;
  845. margin: 0;
  846. width: 100%;
  847. }
  848.  
  849. .enews-widget input:hover[type="submit"] {
  850. background-color: #ff9900;
  851. color: #fff;
  852. }
  853.  
  854. /* Genesis Latest Tweets
  855. --------------------------------------------- */
  856.  
  857. .latest-tweets ul li {
  858. margin-bottom: 16px;
  859. }
  860.  
  861. /* Gravity Forms
  862. --------------------------------------------- */
  863.  
  864. div.gform_wrapper input[type="email"],
  865. div.gform_wrapper input[type="text"],
  866. div.gform_wrapper textarea,
  867. div.gform_wrapper .ginput_complex label {
  868. font-size: 16px;
  869. padding: 16px;
  870. }
  871.  
  872. div.gform_wrapper .ginput_complex label {
  873. padding: 0;
  874. }
  875.  
  876. div.gform_wrapper li,
  877. div.gform_wrapper form li {
  878. margin: 16px 0 0;
  879. }
  880.  
  881. div.gform_wrapper .gform_footer input[type="submit"] {
  882. font-size: 14px;
  883. }
  884.  
  885. /* Jetpack
  886. ---------------------------------------------- */
  887.  
  888. img#wpstats {
  889. display: none;
  890. }
  891.  
  892.  
  893. /*
  894. Site Header
  895. ---------------------------------------------------------------------------------------------------- */
  896.  
  897. .site-header {
  898. background-color: #1F80A1;
  899. border-bottom: 2px solid #ffffff;
  900. left: 0;
  901. min-height: 61px;
  902. position: fixed;
  903. top: 0;
  904. width: 100%;
  905. z-index: 999;
  906. }
  907.  
  908. .admin-bar .site-header {
  909. top: 32px;
  910. }
  911.  
  912. /* Title Area
  913. --------------------------------------------- */
  914.  
  915. .title-area {
  916. float: left;
  917. padding: 16px 0;
  918. width: 300px;
  919. }
  920.  
  921. .header-image .title-area {
  922. padding: 0;
  923. }
  924.  
  925. .site-title {
  926. font-family: 'Montserrat', sans-serif;
  927. font-size: 28px;
  928. line-height: 1;
  929. margin: 0;
  930. text-transform: uppercase;
  931. }
  932.  
  933. .site-title a {
  934. color: #fff;
  935. }
  936.  
  937. .site-title a:hover {
  938. color: #d7c603;
  939. }
  940.  
  941. .site-description {
  942. color: #999;
  943. font-size: 16px;
  944. font-weight: 400;
  945. line-height: 1;
  946. margin-bottom: 0;
  947. }
  948.  
  949. /* Full width header, no widgets */
  950.  
  951. .header-full-width .title-area,
  952. .header-full-width .site-title {
  953. width: 100%;
  954. text-align: center;
  955. }
  956.  
  957. .header-image .site-description,
  958. .header-image .site-title a {
  959. display: block;
  960. text-indent: -9999px;
  961. }
  962.  
  963. .header-full-width.header-image .site-title a {
  964. background-position: center !important;
  965. margin: 0;
  966. }
  967.  
  968. /* Logo, hide text */
  969.  
  970. .header-image .site-header .wrap {
  971. padding: 0;
  972. }
  973.  
  974. .header-image .site-title a {
  975. float: left;
  976. min-height: 60px;
  977. width: 100%;
  978. }
  979.  
  980. /* Widget Area
  981. --------------------------------------------- */
  982.  
  983. .site-header .widget-area {
  984. float: right;
  985. text-align: right;
  986. width: 800px;
  987. }
  988.  
  989. .site-header .widget-area li {
  990. margin: 0;
  991. padding: 0;
  992. }
  993.  
  994. .site-header .search-form {
  995. float: right;
  996. margin-top: 24px;
  997. }
  998.  
  999.  
  1000. /*
  1001. Site Navigation
  1002. ---------------------------------------------------------------------------------------------------- */
  1003.  
  1004. .genesis-nav-menu {
  1005. clear: both;
  1006. color: #fff;
  1007. font-family: 'Montserrat', sans-serif;
  1008. font-size: 14px;
  1009. line-height: 1.5;
  1010. width: 100%;
  1011. }
  1012.  
  1013. .genesis-nav-menu .menu-item {
  1014. display: inline-block;
  1015. text-align: left;
  1016. }
  1017.  
  1018. .genesis-nav-menu a {
  1019. border-top: 2px solid transparent;
  1020. color: #fff;
  1021. display: block;
  1022. padding: 18px 16px 20px;
  1023. position: relative;
  1024. }
  1025.  
  1026. .genesis-nav-menu a:hover,
  1027. .genesis-nav-menu .current-menu-item > a,
  1028. .genesis-nav-menu .v .current-menu-item > a:hover {
  1029. background-color: #1F80A1;
  1030. border-color: #ffffff;
  1031. color: #ffffff;
  1032. }
  1033.  
  1034. .genesis-nav-menu .sub-menu .current-menu-item > a {
  1035. color: #999;
  1036. }
  1037.  
  1038. .genesis-nav-menu .sub-menu {
  1039. left: -9999px;
  1040. opacity: 0;
  1041. position: absolute;
  1042. -webkit-transition: opacity .4s ease-in-out;
  1043. -moz-transition: opacity .4s ease-in-out;
  1044. -ms-transition: opacity .4s ease-in-out;
  1045. -o-transition: opacity .4s ease-in-out;
  1046. transition: opacity .4s ease-in-out;
  1047. width: 180px;
  1048. z-index: 99;
  1049. }
  1050.  
  1051. .genesis-nav-menu .sub-menu a {
  1052. background-color: #1F80A1;
  1053. border: none;
  1054. font-size: 12px;
  1055. padding: 16px;
  1056. position: relative;
  1057. width: 180px;
  1058. }
  1059.  
  1060. .genesis-nav-menu .sub-menu a:hover {
  1061. background-color: #4D9BB7;
  1062. }
  1063.  
  1064. .genesis-nav-menu .sub-menu .sub-menu {
  1065. margin: -50px 0 0 179px;
  1066. }
  1067.  
  1068. .genesis-nav-menu .menu-item:hover {
  1069. position: static;
  1070. }
  1071.  
  1072. .genesis-nav-menu .menu-item:hover > .sub-menu {
  1073. left: auto;
  1074. opacity: 1;
  1075. }
  1076.  
  1077. .genesis-nav-menu > .first > a {
  1078. padding-left: 0;
  1079. }
  1080.  
  1081. .genesis-nav-menu > .last > a {
  1082. padding-right: 0;
  1083. }
  1084.  
  1085. .genesis-nav-menu > .right {
  1086. display: inline-block;
  1087. float: right;
  1088. list-style-type: none;
  1089. padding: 0;
  1090. }
  1091.  
  1092. .genesis-nav-menu > .right > a,
  1093. .genesis-nav-menu > .date {
  1094. display: inline-block;
  1095. padding: 18px 16px 20px;
  1096. }
  1097.  
  1098. .genesis-nav-menu > .search {
  1099. padding: 10px 0 0;
  1100. }
  1101.  
  1102. .genesis-nav-menu .search input {
  1103. font-size: 12px;
  1104. padding: 12px;
  1105. }
  1106.  
  1107. /* Site Header Navigation
  1108. --------------------------------------------- */
  1109.  
  1110. .site-header .genesis-nav-menu {
  1111. float: right;
  1112. width: auto;
  1113. }
  1114.  
  1115. /* Primary Navigation
  1116. --------------------------------------------- */
  1117.  
  1118. .nav-primary {
  1119. background-color: #383838;
  1120. }
  1121.  
  1122. /* Secondary Navigation
  1123. --------------------------------------------- */
  1124.  
  1125. .nav-secondary {
  1126. margin-bottom: 5px;
  1127. }
  1128.  
  1129. .nav-secondary .genesis-nav-menu a {
  1130. background: none;
  1131. border: none;
  1132. padding: 5px 20px;
  1133. }
  1134.  
  1135. .nav-secondary .genesis-nav-menu a:hover {
  1136. color: #333333;
  1137. }
  1138.  
  1139. /* Responsive Menu
  1140. --------------------------------------------- */
  1141.  
  1142. .responsive-menu-icon {
  1143. cursor: pointer;
  1144. display: none;
  1145. }
  1146.  
  1147. .responsive-menu-icon::before {
  1148. color: #fff;
  1149. content: "\f333";
  1150. display: block;
  1151. font: normal 20px/1 'dashicons';
  1152. margin: 0 auto;
  1153. padding: 10px;
  1154. text-align: center;
  1155. }
  1156.  
  1157. /*
  1158. Content Area
  1159. ---------------------------------------------------------------------------------------------------- */
  1160.  
  1161. /* Home Page
  1162. --------------------------------------------- */
  1163.  
  1164. .agency-pro-home .content .widget {
  1165. background: #fff;
  1166. margin-bottom: 80px;
  1167. padding: 20px;
  1168. }
  1169.  
  1170. .agency-pro-home .content .featured-content,
  1171. .agency-pro-home .content .widget_text {
  1172. padding: 0;
  1173. }
  1174.  
  1175. .agency-pro-home .content .textwidget {
  1176. padding: 40px;
  1177. }
  1178.  
  1179. .agency-pro-home .content .featured-content .widget-title,
  1180. .agency-pro-home .content .widget_text .widget-title {
  1181. color: #fff;
  1182. text-align: center;
  1183. margin: -40px 0 0;
  1184. padding-bottom: 20px;
  1185. }
  1186.  
  1187. .agency-pro-home .content .featured-content .widget-title::after,
  1188. .agency-pro-home .content .featured-content .widget-title::before,
  1189. .agency-pro-home .content .widget_text .widget-title:after,
  1190. .agency-pro-home .content .widget_text .widget-title:before {
  1191. content: " ";
  1192. display: inline-block;
  1193. border-top: 2px solid #fff;
  1194. padding-bottom: 10px;
  1195. width: 15%;
  1196. }
  1197.  
  1198. .agency-pro-home .content .featured-content .widget-title::before,
  1199. .agency-pro-home .content .widget_text .widget-title:before {
  1200. margin-right: 12px;
  1201. }
  1202.  
  1203. .agency-pro-home .content .featured-content .widget-title::after,
  1204. .agency-pro-home .content .widget_text .widget-title:after {
  1205. margin-left: 12px;
  1206. }
  1207.  
  1208. .agency-pro-home .content .featured-content article ~ .widget-title {
  1209. clear: both;
  1210. color: #333333;
  1211. margin: 0;
  1212. padding: 20px 0;
  1213. }
  1214.  
  1215. .agency-pro-home .content .featured-content article ~ .widget-title:before,
  1216. .agency-pro-home .content .featured-content article ~ .widget-title:after {
  1217. border-color: #333333;
  1218. }
  1219.  
  1220. .agency-pro-home .content .home-middle .featured-content article ~ .widget-title,
  1221. .agency-pro-home .content .home-middle .featured-content article ~ .widget-title:before,
  1222. .agency-pro-home .content .home-middle .featured-content article ~ .widget-title:after {
  1223. border-color: #fff;
  1224. color: #fff;
  1225. }
  1226.  
  1227. .agency-pro-home .content .featured-content article ~ ul,
  1228. .agency-pro-home .content .featured-content .more-from-category {
  1229. margin-bottom: 40px;
  1230. padding: 0 10px;
  1231. text-align: center;
  1232. }
  1233.  
  1234. .agency-pro-home .content .featured-content .entry {
  1235. border-radius: 0;
  1236. margin: 0;
  1237. padding: 0;
  1238. position: relative;
  1239. }
  1240.  
  1241. .agency-pro-home .content .featured-content .entry-image {
  1242. display: block;
  1243. margin-bottom: 0;
  1244. }
  1245.  
  1246. .agency-pro-home .content .featured-content .entry-header {
  1247. padding: 40px 40px 0;
  1248. }
  1249.  
  1250. .agency-pro-home .content .featured-content .entry-content {
  1251. padding: 0 40px;
  1252. }
  1253.  
  1254. .agency-pro-home .content .featured-content .entry-content p {
  1255. margin-bottom: 40px;
  1256. }
  1257.  
  1258. .agency-pro-home .content .featured-content a:hover {
  1259. color: #d7c603;
  1260. }
  1261.  
  1262. .agency-pro-home .content .featuredpost .entry {
  1263. background: none;
  1264. float: left;
  1265. width: 33.33334%;
  1266. }
  1267.  
  1268. .agency-pro-home .content .featuredpost img.entry-image {
  1269. margin: 0;
  1270. }
  1271.  
  1272. .home-top .wrap {
  1273. color: #fff;
  1274. font-family: 'Montserrat', sans-serif;
  1275. padding: 15% 0;
  1276. text-align: center;
  1277. }
  1278.  
  1279. .home-top .widget-title {
  1280. color: #fff;
  1281. font-size: 60px;
  1282. line-height: 1;
  1283. }
  1284.  
  1285. .home-top .button {
  1286. background-color: #fff;
  1287. border-radius: 50px;
  1288. color: #333;
  1289. text-transform: uppercase;
  1290. }
  1291.  
  1292. .home-top .widget .button:hover {
  1293. background-color: #333;
  1294. color: #fff;
  1295. }
  1296.  
  1297. .home-middle {
  1298. padding: 10% 0 5%;
  1299. }
  1300.  
  1301. .home-middle .featuredpost img.entry-image {
  1302. left: 0;
  1303. position: absolute;
  1304. }
  1305.  
  1306. .home-middle .featuredpost img:hover {
  1307. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  1308. filter: alpha(opacity=10);
  1309. -moz-opacity: 0.1;
  1310. -khtml-opacity: 0.1;
  1311. opacity: 0.1;
  1312. }
  1313.  
  1314. .home-middle .featured-content.featuredpost {
  1315. background: #333;
  1316. }
  1317.  
  1318. .home-middle .featuredpost .entry {
  1319. background-color: #333;
  1320. color: #fff;
  1321. }
  1322.  
  1323. .home-middle .featuredpost .entry {
  1324. min-height: 380px;
  1325. }
  1326.  
  1327. .home-middle .featuredpost .entry-title a {
  1328. color: #fff;
  1329. }
  1330.  
  1331. .home-bottom {
  1332. padding: 5% 0 10%;
  1333. }
  1334.  
  1335. .home-bottom .featuredpost .entry {
  1336. min-height: 320px;
  1337. }
  1338.  
  1339. .home-bottom .featuredpost .post:nth-of-type(3n+1),
  1340. .home-middle .featuredpost .post:nth-of-type(3n+1) {
  1341. clear: left;
  1342. }
  1343.  
  1344. .home-bottom .featuredpost .entry:hover {
  1345. background-color: #333;
  1346. color: #fff;
  1347. }
  1348.  
  1349. .home-bottom .featuredpost .entry:hover .entry-title a {
  1350. color: #fff;
  1351. }
  1352.  
  1353. /* Entries
  1354. --------------------------------------------- */
  1355.  
  1356. .entry {
  1357. background-color: #fff;
  1358. border-radius: 0px;
  1359. border-style: solid;
  1360. border-width: 1px;
  1361. border-color: #D0D1D5;
  1362. margin-bottom: 20px;
  1363. padding: 40px 40px 24px;
  1364. }
  1365.  
  1366. .entry-content ol,
  1367. .entry-content p,
  1368. .entry-content ul,
  1369. .quote-caption {
  1370. margin-bottom: 26px;
  1371. }
  1372.  
  1373. .entry-content ol,
  1374. .entry-content ul {
  1375. margin-left: 40px;
  1376. }
  1377.  
  1378. .entry-content ol li {
  1379. list-style-type: decimal;
  1380. }
  1381.  
  1382. .entry-content ul li {
  1383. list-style-type: square;
  1384. }
  1385.  
  1386. .entry-content ol ol,
  1387. .entry-content ul ul,
  1388. .entry-content .wp-caption p {
  1389. margin-bottom: 0;
  1390. }
  1391.  
  1392. .entry-content .search-form {
  1393. width: 50%;
  1394. }
  1395.  
  1396. .entry-meta {
  1397. color: #666666;
  1398. font-size: 14px;
  1399. }
  1400.  
  1401. .entry-header .entry-meta {
  1402. margin-bottom: 20px;
  1403. }
  1404.  
  1405. .entry-footer .entry-meta {
  1406. border-top: 2px solid #E8E8E8;
  1407. margin: 0 -40px;
  1408. padding: 32px 40px 8px;
  1409. }
  1410.  
  1411. .entry-comments-link::before {
  1412. content: "\2B";
  1413. font-weight: 700;
  1414. margin: 0 4px 0 6px;
  1415. }
  1416.  
  1417. .entry-categories,
  1418. .entry-tags {
  1419. display: block;
  1420. }
  1421.  
  1422. /* Before Entry
  1423. --------------------------------------------- */
  1424.  
  1425. .before-entry {
  1426. background-color: #fff;
  1427. border-radius: 0px;
  1428. border: 1px solid #D0D1D5;
  1429. margin-bottom: 20px;
  1430. padding: 15px;
  1431. text-align: left;
  1432. }
  1433.  
  1434. .before-entry .widget {
  1435. margin-bottom: 40px;
  1436. }
  1437.  
  1438. .before-entry .widget:last-child,
  1439. .before-entry p:last-child {
  1440. margin: 0;
  1441. }
  1442.  
  1443. .before-entry li {
  1444. list-style-type: none;
  1445. }
  1446.  
  1447. /* After Entry
  1448. --------------------------------------------- */
  1449.  
  1450. .after-entry {
  1451. background-color: #fff;
  1452. border-radius: 0px;
  1453. margin-bottom: 40px;
  1454. padding: 20px;
  1455. text-align: center;
  1456. }
  1457.  
  1458. .after-entry .widget {
  1459. margin-bottom: 40px;
  1460. }
  1461.  
  1462. .after-entry .widget:last-child,
  1463. .after-entry p:last-child {
  1464. margin: 0;
  1465. }
  1466.  
  1467. .after-entry li {
  1468. list-style-type: none;
  1469. }
  1470.  
  1471. /* Pagination
  1472. --------------------------------------------- */
  1473.  
  1474. .archive-pagination {
  1475. clear: both;
  1476. font-family: 'Montserrat', sans-serif;
  1477. font-size: 14px;
  1478. margin: 40px 0;
  1479. text-transform: uppercase;
  1480. }
  1481.  
  1482. .archive-pagination a {
  1483. color: #fff;
  1484. }
  1485.  
  1486. .archive-pagination li {
  1487. display: inline;
  1488. }
  1489.  
  1490. .archive-pagination li a {
  1491. background-color: #fff;
  1492. border-radius: 3px;
  1493. color: #333;
  1494. cursor: pointer;
  1495. display: inline-block;
  1496. margin-bottom: 4px;
  1497. padding: 8px 12px;
  1498. }
  1499.  
  1500. .archive-pagination li a:hover,
  1501. .archive-pagination li.active a {
  1502. background-color: #d7c603;
  1503. color: #fff;
  1504. }
  1505.  
  1506. /* Comments
  1507. --------------------------------------------- */
  1508.  
  1509. .entry-pings,
  1510. .comment-respond,
  1511. .entry-comments {
  1512. background-color: #fff;
  1513. border-radius: 0px;
  1514. border-style: solid;
  1515. border-width: 1px;
  1516. border-color: #D0D1D5;
  1517. margin-bottom: 40px;
  1518. padding: 40px;
  1519. }
  1520.  
  1521. .comment-content {
  1522. clear: both;
  1523. }
  1524.  
  1525. .entry-comments .comment-author {
  1526. margin-bottom: 0;
  1527. }
  1528.  
  1529. .comment-respond input[type="email"],
  1530. .comment-respond input[type="text"],
  1531. .comment-respond input[type="url"] {
  1532. width: 50%
  1533. }
  1534.  
  1535. .comment-respond label {
  1536. display: block;
  1537. margin-right: 12px;
  1538. }
  1539.  
  1540. .comment-list li,
  1541. .ping-list li {
  1542. list-style-type: none;
  1543. }
  1544.  
  1545. .comment-list li {
  1546. margin-top: 40px;
  1547. padding: 0 40px;
  1548. }
  1549.  
  1550. .comment-list li li {
  1551. margin-right: -32px;
  1552. }
  1553.  
  1554. li.comment {
  1555. border-left: 2px solid #f5f5f5;
  1556. }
  1557.  
  1558. .comment-header {
  1559. color: #333;
  1560. font-family: 'Montserrat', sans-serif;
  1561. }
  1562.  
  1563. .comment .avatar {
  1564. margin: 0 16px 24px 0;
  1565. }
  1566.  
  1567. .comment-header .comment-meta,
  1568. .comment-header .comment-meta a {
  1569. color: #999;
  1570. font-size: 12px;
  1571. letter-spacing: 2px;
  1572. text-transform: uppercase;
  1573. }
  1574.  
  1575. .comment-reply-link {
  1576. font-family: 'Montserrat', sans-serif;
  1577. text-transform: uppercase;
  1578. }
  1579.  
  1580. .entry-pings .reply {
  1581. display: none;
  1582. }
  1583.  
  1584. .form-allowed-tags {
  1585. background-color: #f5f5f5;
  1586. font-size: 14px;
  1587. padding: 24px;
  1588. }
  1589.  
  1590.  
  1591. /*
  1592. Sidebars
  1593. ---------------------------------------------------------------------------------------------------- */
  1594.  
  1595. .sidebar {
  1596. color: #999;
  1597. }
  1598.  
  1599. .sidebar p:last-child {
  1600. margin-bottom: 0;
  1601. }
  1602.  
  1603. .sidebar li {
  1604. list-style-type: none;
  1605. margin-bottom: 6px;
  1606. }
  1607.  
  1608. .sidebar ul > li:last-child {
  1609. margin-bottom: 0;
  1610. }
  1611.  
  1612. .sidebar .widget {
  1613. background-color: #fff;
  1614. border-radius: 0px;
  1615. border-style: solid;
  1616. border-width: 1px;
  1617. border-color: #D0D1D5;
  1618. margin-bottom: 20px;
  1619. padding: 15px;
  1620. }
  1621.  
  1622. .sidebar .enews-widget {
  1623. background-color: #333;
  1624. }
  1625.  
  1626. .sidebar .enews-widget .widget-title {
  1627. color: #fff;
  1628. }
  1629.  
  1630.  
  1631. /*
  1632. Footer Widgets
  1633. ---------------------------------------------------------------------------------------------------- */
  1634.  
  1635. .footer-widgets {
  1636. background-color: #fff;
  1637. border-top: 1px solid #666666;
  1638. color: #999;
  1639. clear: both;
  1640. padding: 60px 0 36px;
  1641. }
  1642.  
  1643. .footer-widgets-1,
  1644. .footer-widgets-3 {
  1645. width: 350px;
  1646. }
  1647.  
  1648. .footer-widgets-2 {
  1649. width: 360px;
  1650. }
  1651.  
  1652. .footer-widgets-1 {
  1653. margin-right: 40px;
  1654. }
  1655.  
  1656. .footer-widgets-1,
  1657. .footer-widgets-2 {
  1658. float: left;
  1659. }
  1660.  
  1661. .footer-widgets-3 {
  1662. float: right;
  1663. }
  1664.  
  1665. .footer-widgets .widget {
  1666. margin-bottom: 24px;
  1667. }
  1668.  
  1669. .footer-widgets li {
  1670. list-style-type: none;
  1671. margin-bottom: 6px;
  1672. }
  1673.  
  1674. .footer-widgets .search-form input:focus {
  1675. border: 1px solid #ddd;
  1676. }
  1677.  
  1678.  
  1679. /*
  1680. Site Footer
  1681. ---------------------------------------------------------------------------------------------------- */
  1682.  
  1683. .site-footer {
  1684. background-color: #f5f5f5;
  1685. border-style: solid;
  1686. border-width: 1px;
  1687. border-color: #D0D1D5;
  1688. color: #999;
  1689. font-family: 'Montserrat', sans-serif;
  1690. font-size: 10px;
  1691. letter-spacing: 2px;
  1692. padding: 20px 0;
  1693. text-align: center;
  1694. text-transform: uppercase;
  1695. }
  1696.  
  1697. .site-footer a {
  1698. color: #999;
  1699. }
  1700.  
  1701. .site-footer a:hover {
  1702. color: #333;
  1703. }
  1704.  
  1705. .site-footer p {
  1706. margin-bottom: 0;
  1707. }
  1708.  
  1709. /*
  1710. Theme Colors
  1711. ---------------------------------------------------------------------------------------------------- */
  1712.  
  1713. /* Agency Pro Blue
  1714. --------------------------------------------- */
  1715.  
  1716. .agency-pro-blue .genesis-nav-menu .current-menu-item > a,
  1717. .agency-pro-blue .genesis-nav-menu .v .current-menu-item > a:hover,
  1718. .agency-pro-blue .genesis-nav-menu a:hover,
  1719. .agency-pro-blue .site-title a:hover,
  1720. .agency-pro-blue a,
  1721. .agency-pro-blue.agency-pro-home .featured-content a:hover {
  1722. color: #ffffff;
  1723. }
  1724.  
  1725. .agency-pro-blue .archive-pagination li a:hover,
  1726. .agency-pro-blue .archive-pagination li.active a,
  1727. .agency-pro-blue .breadcrumb a,
  1728. .agency-pro-blue .genesis-nav-menu a,
  1729. .agency-pro-blue .home-top a:hover,
  1730. .agency-pro-blue .site-title a,
  1731. .agency-pro-blue a:hover.button,
  1732. .agency-pro-blue a.button {
  1733. color: #fff;
  1734. }
  1735.  
  1736. .agency-pro-blue .genesis-nav-menu .sub-menu .current-menu-item > a,
  1737. .agency-pro-blue .site-footer a {
  1738. color: #0390c4;
  1739. }
  1740.  
  1741. .agency-pro-blue .archive-pagination a,
  1742. .agency-pro-blue .entry-title a,
  1743. .agency-pro-blue .entry-title,
  1744. .agency-pro-blue .home-top a,
  1745. .agency-pro-blue .site-footer a:hover,
  1746. .agency-pro-blue a:hover {
  1747. color: #4B9DBC;
  1748. }
  1749.  
  1750. .agency-pro-blue .genesis-nav-menu a:hover,
  1751. .agency-pro-blue .genesis-nav-menu .current-menu-item > a,
  1752. .agency-pro-blue .genesis-nav-menu .v .current-menu-item > a:hover {
  1753. border-color: #fff;
  1754. }
  1755.  
  1756. .agency-pro-blue .archive-pagination li a:hover,
  1757. .agency-pro-blue .archive-pagination li.active a,
  1758. .agency-pro-blue a:hover.button,
  1759. .agency-pro-blue button:hover,
  1760. .agency-pro-blue input:hover[type="button"],
  1761. .agency-pro-blue input:hover[type="reset"],
  1762. .agency-pro-blue input:hover[type="submit"],
  1763. body.agency-pro-blue {
  1764. background-color: #1F80A1;
  1765. }
  1766.  
  1767. /*
  1768. Media Queries
  1769. ---------------------------------------------------------------------------------------------------- */
  1770.  
  1771. @media only screen and (max-width: 1180px) {
  1772.  
  1773. .site-inner,
  1774. .wrap {
  1775. max-width: 960px;
  1776. }
  1777.  
  1778. .content-sidebar-sidebar .content-sidebar-wrap,
  1779. .sidebar-content-sidebar .content-sidebar-wrap,
  1780. .sidebar-sidebar-content .content-sidebar-wrap {
  1781. width: 740px;
  1782. }
  1783.  
  1784. .content {
  1785. width: 620px;
  1786. }
  1787.  
  1788. .site-header .widget-area {
  1789. width: 660px;
  1790. }
  1791.  
  1792. .sidebar-content-sidebar .content,
  1793. .sidebar-sidebar-content .content,
  1794. .content-sidebar-sidebar .content {
  1795. width: 400px;
  1796. }
  1797.  
  1798. .footer-widgets-1,
  1799. .footer-widgets-2,
  1800. .footer-widgets-3,
  1801. .sidebar-primary {
  1802. width: 300px;
  1803. }
  1804.  
  1805. .agency-pro-home .content .home-middle .featuredpost .entry {
  1806. min-height: 320px;
  1807. }
  1808.  
  1809. .agency-pro-home .content .home-bottom .featuredpost .entry {
  1810. min-height: 360px;
  1811. }
  1812.  
  1813. }
  1814.  
  1815. @media only screen and (max-width: 1023px) {
  1816.  
  1817. .site-inner,
  1818. .wrap {
  1819. max-width: 760px;
  1820. }
  1821.  
  1822. .content,
  1823. .content-sidebar-sidebar .content,
  1824. .content-sidebar-sidebar .content-sidebar-wrap,
  1825. .footer-widgets-1,
  1826. .footer-widgets-2,
  1827. .footer-widgets-3,
  1828. .sidebar-content-sidebar .content,
  1829. .sidebar-content-sidebar .content-sidebar-wrap,
  1830. .sidebar-primary,
  1831. .sidebar-secondary,
  1832. .sidebar-sidebar-content .content,
  1833. .sidebar-sidebar-content .content-sidebar-wrap,
  1834. .site-header .widget-area,
  1835. .title-area {
  1836. width: 100%;
  1837. }
  1838.  
  1839. .site-container {
  1840. padding-top: 105px;
  1841. }
  1842.  
  1843. .header-image .site-title a {
  1844. background-position: center !important;
  1845. margin: 0 0 6px;
  1846. }
  1847.  
  1848. .genesis-nav-menu li,
  1849. .site-header ul.genesis-nav-menu,
  1850. .site-header .search-form {
  1851. float: none;
  1852. }
  1853.  
  1854. .genesis-nav-menu,
  1855. .site-description,
  1856. .site-header .title-area,
  1857. .site-header .search-form,
  1858. .site-title {
  1859. text-align: center;
  1860. }
  1861.  
  1862. .site-header .search-form {
  1863. margin: 16px auto ;
  1864. }
  1865.  
  1866. .genesis-nav-menu li.right {
  1867. display: none;
  1868. }
  1869.  
  1870. .sidebar .widget.enews-widget {
  1871. padding: 40px;
  1872. }
  1873.  
  1874. .site-footer {
  1875. padding: 24px 0;
  1876. }
  1877.  
  1878. .footer-widgets {
  1879. padding: 40px 5% 16px;
  1880. }
  1881.  
  1882. .footer-widgets-1 {
  1883. margin: 0;
  1884. }
  1885.  
  1886. .home-bottom .featured-content .post:nth-of-type(3n+1),
  1887. .home-middle .featured-content .post:nth-of-type(3n+1) {
  1888. clear: none;
  1889. }
  1890.  
  1891. .home-bottom .featured-content .post:nth-of-type(2n+1),
  1892. .home-middle .featured-content .post:nth-of-type(2n+1) {
  1893. clear: left;
  1894. }
  1895.  
  1896. .agency-pro-home .content .featuredpost .entry {
  1897. min-height: 380px;
  1898. width: 50%;
  1899. }
  1900.  
  1901. .genesis-nav-menu a {
  1902. padding: 10px 12px 12px;
  1903. }
  1904.  
  1905. .genesis-nav-menu .sub-menu .sub-menu {
  1906. margin-top: -42px;
  1907. }
  1908.  
  1909. .genesis-nav-menu .sub-menu a {
  1910. padding: 12px;
  1911. }
  1912.  
  1913. }
  1914.  
  1915. @media only screen and (max-width: 800px) {
  1916.  
  1917. .five-sixths,
  1918. .four-sixths,
  1919. .one-fourth,
  1920. .one-half,
  1921. .one-sixth,
  1922. .one-third,
  1923. .three-fourths,
  1924. .three-sixths,
  1925. .two-fourths,
  1926. .two-sixths,
  1927. .two-thirds {
  1928. margin: 0;
  1929. width: 100%;
  1930. }
  1931.  
  1932. .agency-pro-home .wrap {
  1933. max-width: 640px;
  1934. }
  1935.  
  1936. .agency-pro-home .content .home-middle .featuredpost .entry {
  1937. min-height: 320px;
  1938. }
  1939.  
  1940. .entry-title {
  1941. font-size: 30px;
  1942. }
  1943.  
  1944. .site-inner {
  1945. padding: 5%;
  1946. }
  1947.  
  1948. }
  1949.  
  1950. @media only screen and (max-width:782px) {
  1951.  
  1952. .admin-bar .site-header {
  1953. top: 46px;
  1954. z-index: 499;
  1955. }
  1956.  
  1957. }
  1958.  
  1959. @media only screen and (max-width: 680px) {
  1960.  
  1961. .header-full-width .site-container,
  1962. .site-container {
  1963. padding: 0;
  1964. }
  1965.  
  1966. .site-header {
  1967. position: static;
  1968. }
  1969.  
  1970. .wrap {
  1971. width: 90%;
  1972. }
  1973.  
  1974. .agency-pro-home .content .wrap {
  1975. max-width: 380px;
  1976. }
  1977.  
  1978. .agency-pro-home .content .featuredpost .entry {
  1979. min-height: 380px;
  1980. width: 100%;
  1981. }
  1982.  
  1983. .agency-pro-home .content .featured-content .entry-header {
  1984. clear: both;
  1985. }
  1986.  
  1987. .home-top .widget-title {
  1988. font-size: 48px;
  1989. }
  1990.  
  1991. .nav-secondary .genesis-nav-menu a {
  1992. font-size: 12px;
  1993. }
  1994.  
  1995. .genesis-nav-menu.responsive-menu > .menu-item > .sub-menu,
  1996. .genesis-nav-menu.responsive-menu {
  1997. display: none;
  1998. }
  1999.  
  2000. .genesis-nav-menu.responsive-menu .menu-item,
  2001. .responsive-menu-icon {
  2002. display: block;
  2003. }
  2004.  
  2005. .genesis-nav-menu.responsive-menu .menu-item:hover {
  2006. position: static;
  2007. }
  2008.  
  2009. .genesis-nav-menu.responsive-menu li a,
  2010. .genesis-nav-menu.responsive-menu li a:hover {
  2011. border: none;
  2012. display: block;
  2013. line-height: 1;
  2014. padding: 18px 20px;
  2015. text-transform: none;
  2016. }
  2017.  
  2018. .genesis-nav-menu.responsive-menu .menu-item-has-children {
  2019. cursor: pointer;
  2020. }
  2021.  
  2022. .genesis-nav-menu.responsive-menu .menu-item-has-children > a {
  2023. margin-right: 60px;
  2024. }
  2025.  
  2026. .genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
  2027. content: "\f347";
  2028. float: right;
  2029. font: normal 20px/1 'dashicons';
  2030. height: 20px;
  2031. padding: 15px 20px;
  2032. right: 0;
  2033. text-align: right;
  2034. z-index: 9999;
  2035. }
  2036.  
  2037. .genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
  2038. content: "\f343";
  2039. }
  2040.  
  2041. .genesis-nav-menu.responsive-menu .sub-menu {
  2042. border: none;
  2043. left: auto;
  2044. opacity: 1;
  2045. padding-left: 25px;
  2046. position: relative;
  2047. -moz-transition: opacity .4s ease-in-out;
  2048. -ms-transition: opacity .4s ease-in-out;
  2049. -o-transition: opacity .4s ease-in-out;
  2050. -webkit-transition: opacity .4s ease-in-out;
  2051. transition: opacity .4s ease-in-out;
  2052. width: 100%;
  2053. z-index: 99;
  2054. }
  2055.  
  2056. .genesis-nav-menu.responsive-menu .sub-menu .sub-menu {
  2057. margin: 0;
  2058. }
  2059.  
  2060. .genesis-nav-menu.responsive-menu .sub-menu li a,
  2061. .genesis-nav-menu.responsive-menu .sub-menu li a:hover {
  2062. padding: 12px 20px;
  2063. position: relative;
  2064. text-transform: none;
  2065. width: 100%;
  2066. }
  2067.  
  2068. .genesis-nav-menu.responsive-menu .current-menu-item > a,
  2069. .genesis-nav-menu.responsive-menu .sub-menu a,
  2070. .genesis-nav-menu.responsive-menu .sub-menu a:hover,
  2071. .genesis-nav-menu.responsive-menu a:hover,
  2072. .genesis-nav-menu.responsive-menu li:hover {
  2073. background: none;
  2074. color: #fff;
  2075. }
  2076.  
  2077. }
  2078.  
  2079. @media only screen and (max-width: 480px) {
  2080.  
  2081. .home-middle .featuredpost img.entry-image {
  2082. position: relative;
  2083. }
  2084.  
  2085. .home-middle .featuredpost .entry img:hover {
  2086. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  2087. filter: alpha(opacity=90);
  2088. -moz-opacity: 0.9;
  2089. -khtml-opacity: 0.9;
  2090. opacity: 0.9;
  2091. }
  2092.  
  2093. .header-image .site-title a {
  2094. background-size: contain !important;
  2095. }
  2096.  
  2097. }
  2098.  
  2099. /* My customizations here */
  2100.  
  2101. /* Landing page width */
  2102. .agency-pro-landing .site-inner,
  2103. .agency-pro-landing .wrap {
  2104. margin: 0 auto;
  2105. max-width: 700px;
  2106. }
  2107.  
  2108. /* Content Boxes
  2109. ------------------------------------------------------------ */
  2110. .content-box-blue,
  2111. .content-box-gray,
  2112. .content-box-orange,
  2113. .content-box-purple,
  2114. .content-box-red,
  2115. .content-box-yellow {
  2116. margin: 0 0 0px;
  2117. overflow: hidden;
  2118. padding: 0px;
  2119. }
  2120. .content-box-blue {
  2121. background-color: #ffffff;
  2122. border: 1px solid #D0D1D5;
  2123. }
  2124. .content-box-gray {
  2125. background-color: #EEF0EF;
  2126. border: 4px solid #FF9E29;
  2127. }
  2128. .content-box-orange {
  2129. background-color: #F8D366;
  2130. border: 1px solid #ffffff;
  2131. }
  2132. .content-box-purple {
  2133. background-color: #e2e2f9;
  2134. border: 1px solid #bebde9;
  2135. }
  2136. .content-box-red {
  2137. background-color: #f9dbdb;
  2138. border: 1px solid #e9b3b3;
  2139. }
  2140. .content-box-yellow {
  2141. background-color: #fef5c4;
  2142. border: 1px solid #fadf98;
  2143. }
  2144.  
  2145. .content-box-blueform {
  2146. margin: 0 0 0px;
  2147. overflow: hidden;
  2148. padding: 20px;
  2149. }
  2150.  
  2151. .content-box-blueform {
  2152. background-color: #B7DBE8;
  2153. }
  2154.  
  2155. /* Footer Navigation items color */
  2156. .agency-pro-blue .site-footer .genesis-nav-menu a {
  2157. color: #0390c4 !important;
  2158. font-size: 12px;
  2159. }
  2160.  
  2161. /* Content link color */
  2162. .agency-pro-blue a {
  2163. color: #1F80A1;
  2164. }