API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 22nd, 2017
141
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 40.56 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name: Esteem Pro
  3. Theme URI: https://themegrill.com/themes/esteem/
  4. Author: ThemeGrill
  5. Author URI: https://themegrill.com/wordpress-themes/
  6. Description: Esteem Pro is the premium verison of our popular WordPress theme Esteem.
  7. Version: 2.0.5
  8. License: GNU General Public License v2 or later
  9. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  10. Tags: one-column, two-columns, right-sidebar, left-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-images, footer-widgets, e-commerce, blog
  11. Text Domain: esteem
  12.  
  13. Resetting and rebuilding styles have been helped along thanks to the fine work of
  14. Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
  15. along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
  16. and Blueprint http://www.blueprintcss.org/
  17. */
  18.  
  19.  
  20. /* =Reset
  21. -------------------------------------------------------------- */
  22.  
  23. html, body, div, span, applet, object, iframe,
  24. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  25. a, abbr, acronym, address, big, cite, code,
  26. del, dfn, em, font, ins, kbd, q, s, samp,
  27. small, strike, strong, sub, sup, tt, var,
  28. dl, dt, dd, ol, ul, li,
  29. fieldset, form, label, legend,
  30. table, caption, tbody, tfoot, thead, tr, th, td {
  31.     border: 0;
  32.     font-family: inherit;
  33.     font-size: 100%;
  34.     font-style: inherit;
  35.     font-weight: inherit;
  36.     margin: 0;
  37.     outline: 0;
  38.     padding: 0;
  39.     vertical-align: baseline;
  40. }
  41. html {
  42.     font-size: 62.5%;
  43.     /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  44.     overflow-y: scroll;
  45.     /* Keeps page centred in all browsers regardless of content height */
  46.     -webkit-text-size-adjust: 100%;
  47.     /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  48.     -ms-text-size-adjust: 100%;
  49.     /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  50. }
  51.  
  52. body {
  53.     background: #eaeaea;
  54. }
  55.  
  56. article,
  57. aside,
  58. details,
  59. figcaption,
  60. figure,
  61. footer,
  62. header,
  63. main,
  64. nav,
  65. section {
  66.     display: block;
  67. }
  68.  
  69. ol,
  70. ul {
  71.     list-style: none;
  72. }
  73.  
  74. table {
  75.     /* tables still need 'cellspacing="0"' in the markup */
  76.     border-collapse: separate;
  77.     border-spacing: 0;
  78. }
  79.  
  80. caption,
  81. th,
  82. td {
  83.     font-weight: normal;
  84.     text-align: left;
  85. }
  86.  
  87. th,
  88. td {
  89.     border: 1px solid #eaeaea;
  90.     padding: 6px 10px;
  91. }
  92.  
  93. blockquote:before,
  94. blockquote:after,
  95. q:before,
  96. q:after {
  97.     content: "";
  98. }
  99.  
  100. blockquote,
  101. q {
  102.     quotes: "" "";
  103. }
  104.  
  105. a:focus {
  106.     outline: thin dotted;
  107. }
  108.  
  109. a:hover,
  110. a:active {
  111.     /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
  112.     outline: 0;
  113. }
  114.  
  115. a img {
  116.     border: 0;
  117. }
  118.  
  119.  
  120. /* clearfix hack */
  121.  
  122. .clearfix:after {
  123.     visibility: hidden;
  124.     display: block;
  125.     font-size: 0;
  126.     content: " ";
  127.     clear: both;
  128.     height: 0;
  129. }
  130.  
  131. .clearfix {
  132.     display: inline-block;
  133. }
  134.  
  135.  
  136. /* start commented backslash hack \*/
  137.  
  138. * html .clearfix {
  139.     height: 1%;
  140. }
  141.  
  142. .clearfix {
  143.     display: block;
  144. }
  145.  
  146.  
  147. /* close commented backslash hack */
  148.  
  149.  
  150. /* =Global
  151. ----------------------------------------------- */
  152.  
  153. body,
  154. button,
  155. input,
  156. select,
  157. textarea {
  158.     color: #777777;
  159.     font-family: 'Arial', sans-serif;
  160.     font-size: 14px;
  161.     line-height: 1.5;
  162. }
  163.  
  164.  
  165. /* Headings */
  166.  
  167. h1,
  168. h2,
  169. h3,
  170. h4,
  171. h5,
  172. h6 {
  173.     clear: both;
  174. }
  175.  
  176. h1,
  177. h2,
  178. h3,
  179. h4,
  180. h5,
  181. h6 {
  182.     font-weight: normal;
  183.     font-family: 'Arial', sans-serif;
  184.     color: #333333;
  185. }
  186.  
  187. h1 {
  188.     font-size: 30px;
  189.     line-height: 36px;
  190. }
  191.  
  192. h2 {
  193.     font-size: 28px;
  194.     line-height: 35px;
  195. }
  196.  
  197. h3 {
  198.     font-size: 26px;
  199.     line-height: 32px;
  200. }
  201.  
  202. h4 {
  203.     font-size: 24px;
  204.     line-height: 30px;
  205. }
  206.  
  207. h5 {
  208.     font-size: 22px;
  209.     line-height: 28px;
  210. }
  211.  
  212. h6 {
  213.     font-size: 20px;
  214.     line-height: 25px;
  215. }
  216.  
  217. hr {
  218.     background-color: #ccc;
  219.     border: 0;
  220.     height: 1px;
  221.     margin-bottom: 1.5em;
  222. }
  223.  
  224.  
  225. /* Text elements */
  226.  
  227. p {
  228.     margin-bottom: 0.7rem;
  229. }
  230.  
  231. ul,
  232. ol {
  233.     list-style: none outside none;
  234. }
  235.  
  236. li > ul,
  237. li > ol {
  238.     margin-bottom: 0;
  239.     margin-left: 1.5em;
  240. }
  241.  
  242. ol {
  243.     list-style: decimal outside none;
  244. }
  245.  
  246. .post .entry-content ul,
  247. .page .entry-content ul {
  248.     list-style: disc;
  249. }
  250.  
  251. .post .entry-content ul,
  252. .post .entry-content ol,
  253. .page .entry-content ul,
  254. .page .entry-content ol {
  255.     margin: 0 0 20px 20px;
  256. }
  257.  
  258. dt {
  259.     font-weight: bold;
  260. }
  261.  
  262. dd {
  263.     margin: 0 1.5em 1.5em;
  264. }
  265.  
  266. b,
  267. strong {
  268.     font-weight: bold;
  269. }
  270.  
  271. dfn,
  272. cite,
  273. em,
  274. i {
  275.     font-style: italic;
  276. }
  277.  
  278. blockquote {
  279.     border-width: 1px 1px 1px 3px;
  280.     border-style: solid;
  281.     border-color: #eaeaea #eaeaea #eaeaea #ED564B;
  282.     margin-bottom: 20px;
  283.     padding: 20px;
  284.     font-style: italic;
  285. }
  286.  
  287. address {
  288.     margin: 0 0 1.5em;
  289. }
  290.  
  291. pre {
  292.     background: #eee;
  293.     font-family: "Courier 10 Pitch", Courier, monospace;
  294.     font-size: 15px;
  295.     font-size: 1.5rem;
  296.     line-height: 1.6;
  297.     margin-bottom: 1.6em;
  298.     padding: 1.6em;
  299.     overflow: auto;
  300.     max-width: 100%;
  301. }
  302.  
  303. code,
  304. kbd,
  305. tt,
  306. var {
  307.     font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  308. }
  309.  
  310. abbr,
  311. acronym {
  312.     border-bottom: 1px dotted #666;
  313.     cursor: help;
  314. }
  315.  
  316. mark,
  317. ins {
  318.     background: #fff9c0;
  319.     text-decoration: none;
  320. }
  321.  
  322. sup,
  323. sub {
  324.     font-size: 75%;
  325.     height: 0;
  326.     line-height: 0;
  327.     position: relative;
  328.     vertical-align: baseline;
  329. }
  330.  
  331. sup {
  332.     bottom: 1ex;
  333. }
  334.  
  335. sub {
  336.     top: .5ex;
  337. }
  338.  
  339. small {
  340.     font-size: 75%;
  341. }
  342.  
  343. big {
  344.     font-size: 125%;
  345. }
  346.  
  347. figure {
  348.     margin: 0;
  349.     text-align: center;
  350. }
  351.  
  352. table {
  353.     margin: 0 0 1.5em;
  354.     width: 100%;
  355. }
  356.  
  357. th {
  358.     font-weight: bold;
  359. }
  360.  
  361. img {
  362.     height: auto;
  363.     /* Make sure images are scaled correctly. */
  364.     max-width: 100%;
  365.     /* Adhere to container width. */
  366.     vertical-align: top;
  367. }
  368.  
  369. button,
  370. input,
  371. select,
  372. textarea {
  373.     font-size: 100%;
  374.     /* Corrects font size not being inherited in all browsers */
  375.     margin: 0;
  376.     /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  377.     vertical-align: baseline;
  378.     /* Improves appearance and consistency in all browsers */
  379.     *vertical-align: middle;
  380.     /* Improves appearance and consistency in all browsers */
  381. }
  382.  
  383. button,
  384. input {
  385.     line-height: normal;
  386.     /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
  387. }
  388.  
  389. button,
  390. html input[type="button"],
  391. input[type="reset"],
  392. input[type="submit"] {
  393.     background: #ED564B;
  394.     cursor: pointer;
  395.     /* Improves usability and consistency of cursor style between image-type 'input' and others */
  396.     -webkit-appearance: button;
  397.     /* Corrects inability to style clickable 'input' types in iOS */
  398.     font-size: 12px;
  399.     font-size: 1.2rem;
  400.     border: 0 none;
  401.     color: #FFFFFF;
  402.     padding: 9px 10px 7px;
  403.     transition: all 0.3s ease-out 0s;
  404. }
  405.  
  406. button:hover,
  407. html input[type="button"]:hover,
  408. input[type="reset"]:hover,
  409. input[type="submit"]:hover {
  410.     background-color: #2F343A;
  411.     transition: all 0.3s ease-out 0s;
  412. }
  413.  
  414. button:focus,
  415. html input[type="button"]:focus,
  416. input[type="reset"]:focus,
  417. input[type="submit"]:focus,
  418. button:active,
  419. html input[type="button"]:active,
  420. input[type="reset"]:active,
  421. input[type="submit"]:active {}
  422.  
  423. input[type="checkbox"],
  424. input[type="radio"] {
  425.     box-sizing: border-box;
  426.     /* Addresses box sizing set to content-box in IE8/9 */
  427.     padding: 0;
  428.     /* Addresses excess padding in IE8/9 */
  429. }
  430.  
  431. input[type="search"] {
  432.     -webkit-appearance: textfield;
  433.     /* Addresses appearance set to searchfield in S5, Chrome */
  434.     -webkit-box-sizing: content-box;
  435.     /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  436.     -moz-box-sizing: content-box;
  437.     box-sizing: content-box;
  438. }
  439.  
  440. input[type="search"]::-webkit-search-decoration {
  441.     /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  442.     -webkit-appearance: none;
  443. }
  444.  
  445. button::-moz-focus-inner,
  446. input::-moz-focus-inner {
  447.     /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  448.     border: 0;
  449.     padding: 0;
  450. }
  451.  
  452. input[type="text"],
  453. input[type="email"],
  454. input[type="url"],
  455. input[type="password"],
  456. input[type="search"],
  457. textarea {
  458.     color: #666;
  459.     border: 1px solid #ccc;
  460.     border-radius: 3px;
  461.     background-color: #F8F8F8;
  462.     padding: 6px;
  463.     width: 98%;
  464.     background-color: #F8F8F8;
  465. }
  466.  
  467. input[type="text"]:focus,
  468. input[type="email"]:focus,
  469. input[type="url"]:focus,
  470. input[type="password"]:focus,
  471. input[type="search"]:focus,
  472. textarea:focus {
  473.     color: #111;
  474. }
  475.  
  476. textarea {
  477.     overflow: auto;
  478.     /* Removes default vertical scrollbar in IE6/7/8/9 */
  479.     padding-left: 3px;
  480.     vertical-align: top;
  481.     /* Improves readability and alignment in all browsers */
  482.     width: 98%;
  483. }
  484.  
  485.  
  486. /* Links */
  487.  
  488. a {
  489.     color: #ED564B;
  490.     text-decoration: none;
  491. }
  492.  
  493. a:visited {
  494.     color: #ED564B;
  495. }
  496.  
  497. a:hover,
  498. a:focus,
  499. a:active {
  500.     color: #ED564B;
  501. }
  502.  
  503.  
  504. /* Alignment */
  505.  
  506. .alignleft {
  507.     display: inline;
  508.     float: left;
  509.     margin-right: 1.5em;
  510. }
  511.  
  512. .alignright {
  513.     display: inline;
  514.     float: right;
  515.     margin-left: 1.5em;
  516. }
  517.  
  518. .aligncenter {
  519.     clear: both;
  520.     display: block;
  521.     margin: 0 auto;
  522. }
  523.  
  524.  
  525. /* Text meant only for screen readers */
  526.  
  527. .screen-reader-text {
  528.     clip: rect(1px, 1px, 1px, 1px);
  529.     position: absolute !important;
  530. }
  531.  
  532. .screen-reader-text:hover,
  533. .screen-reader-text:active,
  534. .screen-reader-text:focus {
  535.     background-color: #f1f1f1;
  536.     border-radius: 3px;
  537.     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  538.     clip: auto !important;
  539.     color: #21759b;
  540.     display: block;
  541.     font-size: 14px;
  542.     font-weight: bold;
  543.     height: auto;
  544.     left: 5px;
  545.     line-height: normal;
  546.     padding: 15px 23px 14px;
  547.     text-decoration: none;
  548.     top: 5px;
  549.     width: auto;
  550.     z-index: 100000;
  551.     /* Above WP toolbar */
  552. }
  553.  
  554.  
  555. /* Clearing */
  556.  
  557. .clear:before,
  558. .clear:after,
  559. [class*="content"]:before,
  560. [class*="content"]:after,
  561. [class*="site"]:before,
  562. [class*="site"]:after {
  563.     content: '';
  564.     display: table;
  565. }
  566.  
  567. .clear:after,
  568. [class*="content"]:after,
  569. [class*="site"]:after {
  570.     clear: both;
  571. }
  572.  
  573.  
  574. /* =Menu
  575. ----------------------------------------------- */
  576.  
  577. .main-navigation {
  578.     clear: both;
  579.     display: block;
  580.     float: right;
  581. }
  582.  
  583. .main-navigation ul {
  584.     list-style: none;
  585.     margin: 0;
  586.     padding-left: 0;
  587. }
  588.  
  589. .main-navigation li {
  590.     float: left;
  591.     position: relative;
  592. }
  593.  
  594. .main-navigation li a {
  595.     display: block;
  596.     text-decoration: none;
  597.     color: #2c2c2c;
  598. }
  599.  
  600. .main-navigation ul ul {
  601.     display: none;
  602.     float: left;
  603.     position: absolute;
  604.     top: 8.8rem;
  605.     left: 0;
  606.     z-index: 99999;
  607.     border-top: 4px solid #ED564B;
  608. }
  609.  
  610. .main-navigation ul ul ul {
  611.     left: 100%;
  612.     top: 0;
  613. }
  614.  
  615. .main-navigation ul ul a {
  616.     width: 145px;
  617.     background-color: #fff;
  618.     padding: 6px 10px;
  619.     border-right: 1px solid #DFDFDF;
  620.     border-left: 1px solid #DFDFDF;
  621.     border-bottom: 1px solid #DFDFDF;
  622. }
  623.  
  624. .main-navigation li:hover > a {
  625.     color: #ED564B;
  626. }
  627.  
  628. .main-navigation ul ul:hover > a {}
  629.  
  630. .main-navigation ul ul a:hover {}
  631.  
  632. .main-navigation ul li:hover > ul {
  633.     display: block;
  634. }
  635.  
  636. .main-navigation li.current_page_item > a,
  637. .main-navigation li.current-menu-item > a,
  638. .main-navigation li.current-menu-ancestor > a {
  639.     color: #ED564B;
  640. }
  641.  
  642.  
  643. /* Small menu */
  644.  
  645. .menu-toggle {
  646.     display: none;
  647.     cursor: pointer;
  648. }
  649.  
  650.  
  651. /* =Asides
  652. ----------------------------------------------- */
  653.  
  654. .blog .format-aside .entry-title,
  655. .archive .format-aside .entry-title {
  656.     display: none;
  657. }
  658.  
  659.  
  660. /* =Media
  661. ----------------------------------------------- */
  662.  
  663. .page-content img.wp-smiley,
  664. .entry-content img.wp-smiley,
  665. .comment-content img.wp-smiley {
  666.     border: none;
  667.     margin-bottom: 0;
  668.     margin-top: 0;
  669.     padding: 0;
  670. }
  671.  
  672. .wp-caption {
  673.     border: 1px solid #ccc;
  674.     margin-bottom: 1.5em;
  675.     max-width: 100%;
  676. }
  677.  
  678. .wp-caption img[class*="wp-image-"] {
  679.     display: block;
  680.     margin: 1.2% auto 0;
  681.     max-width: 98%;
  682. }
  683.  
  684. .wp-caption-text {
  685.     text-align: center;
  686. }
  687.  
  688. .wp-caption .wp-caption-text {
  689.     margin: 0.8075em 0;
  690. }
  691.  
  692. .site-main .gallery {
  693.     margin-bottom: 1.5em;
  694. }
  695.  
  696. .gallery-caption {}
  697.  
  698. .site-main .gallery a img {
  699.     border: none;
  700.     height: auto;
  701.     max-width: 90%;
  702. }
  703.  
  704. .site-main .gallery dd {
  705.     margin: 0;
  706. }
  707.  
  708. .site-main .gallery-columns-4 .gallery-item {}
  709.  
  710. .site-main .gallery-columns-4 .gallery-item img {}
  711.  
  712.  
  713. /* =WordPress Gallery Support
  714. ----------------------------------------------- */
  715.  
  716. .gallery {
  717.     margin: 0 auto 15px;
  718. }
  719.  
  720. .gallery-item {
  721.     display: inline-block;
  722.     padding: 15px 2%;
  723.     text-align: center;
  724.     vertical-align: top;
  725.     width: 100%;
  726.     -webkit-box-sizing: border-box;
  727.     -moz-box-sizing: border-box;
  728.     box-sizing: border-box;
  729. }
  730.  
  731. .gallery-columns-3 .gallery-item,
  732. .gallery-columns-4 .gallery-item,
  733. .gallery-columns-5 .gallery-item {
  734.     padding: 15px 1%;
  735. }
  736.  
  737. .gallery-columns-6 .gallery-item,
  738. .gallery-columns-7 .gallery-item,
  739. .gallery-columns-8 .gallery-item,
  740. .gallery-columns-9 .gallery-item {
  741.     padding: 10px 0.5%;
  742. }
  743.  
  744. .gallery-columns-2 .gallery-item {
  745.     width: 50%;
  746. }
  747.  
  748. .gallery-columns-3 .gallery-item {
  749.     width: 33.33%;
  750. }
  751.  
  752. .gallery-columns-4 .gallery-item {
  753.     width: 25%;
  754. }
  755.  
  756. .gallery-columns-5 .gallery-item {
  757.     width: 20%;
  758. }
  759.  
  760. .gallery-columns-6 .gallery-item {
  761.     width: 16.66%;
  762. }
  763.  
  764. .gallery-columns-7 .gallery-item {
  765.     width: 14.28%;
  766. }
  767.  
  768. .gallery-columns-8 .gallery-item {
  769.     width: 12.5%;
  770. }
  771.  
  772. .gallery-columns-9 .gallery-item {
  773.     width: 11.11%;
  774. }
  775.  
  776. .gallery-icon img {
  777.     margin: 0 auto;
  778. }
  779.  
  780. .gallery .gallery-caption {
  781.     font-size: 12px;
  782.     line-height: 1.2;
  783.     padding-top: 5px;
  784. }
  785.  
  786.  
  787. /* Make sure embeds and iframes fit their containers */
  788.  
  789. embed,
  790. iframe,
  791. object {
  792.     max-width: 100%;
  793. }
  794.  
  795.  
  796. /* =Comments
  797. ----------------------------------------------- */
  798.  
  799. .comment-content a {
  800.     word-wrap: break-word;
  801. }
  802.  
  803. .bypostauthor {}
  804.  
  805. #respond label {
  806.     display: block;
  807.     margin-bottom: 3px
  808. }
  809.  
  810. #respond p {
  811.     margin-bottom: 1rem;
  812. }
  813.  
  814. .comment-body {
  815.     padding: 24px 0;
  816.     display: inline-block;
  817.     width: 100%;
  818. }
  819.  
  820. .comment-author {
  821.     float: left;
  822.     max-width: 74px;
  823. }
  824.  
  825. .comment-metadata,
  826. .comment-awaiting-moderation,
  827. .comment-content,
  828. .comment-list .reply {
  829.     float: right;
  830.     width: calc(100% - 124px);
  831.     word-wrap: break-word;
  832. }
  833.  
  834. .comment-metadata {
  835.     margin-bottom: 20px;
  836. }
  837.  
  838. .comment-content p {
  839.     margin-bottom: 20px;
  840. }
  841.  
  842. .says {
  843.     display: none;
  844. }
  845.  
  846. .comment-author .fn {
  847.     word-wrap: break-word;
  848.     font-weight: normal;
  849. }
  850.  
  851. input[type="password"] {
  852.     width: 50%;
  853. }
  854.  
  855. .comment-content ul {
  856.     list-style: square outside none;
  857. }
  858.  
  859. .comment-content ul,
  860. .comment-content ol {
  861.     margin: 0 0 20px 20px;
  862. }
  863.  
  864. .comments-title {
  865.     font-size: 28px;
  866.     line-height: 35px;
  867. }
  868.  
  869.  
  870. /* =SEARCH WIDGET
  871. ----------------------------------------------- */
  872.  
  873. #search-submit {
  874.     display: none;
  875. }
  876.  
  877. #masthead input.s {
  878.     width: 150px;
  879. }
  880.  
  881. #search-form span {
  882.     background-color: #0FBE7C;
  883.     height: 32px;
  884.     width: 30px;
  885.     line-height: 40px;
  886.     margin-left: -2px;
  887.     color: #FFFFFF;
  888.     position: absolute;
  889.     text-align: center;
  890. }
  891.  
  892. #masthead .search-wrap {
  893.     position: relative;
  894. }
  895.  
  896. #masthead .search-wrap span {
  897.     right: 1px;
  898. }
  899.  
  900.  
  901. /* =BODY
  902. ----------------------------------------------- */
  903.  
  904. body {
  905.     padding-bottom: 30px;
  906.     padding-top: 40px;
  907. }
  908.  
  909. .wide {
  910.     padding-top: 0;
  911.     padding-bottom: 0;
  912. }
  913.  
  914. #main {
  915.     padding-top: 44px;
  916.     margin-bottom: 30px;
  917. }
  918.  
  919. #page {
  920.     background-color: #ffffff;
  921.     max-width: 1038px;
  922.     margin: 0 auto;
  923.     box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  924. }
  925.  
  926. .wide #page {
  927.     max-width: 100%;
  928. }
  929.  
  930. .inner-wrap {
  931.     width: 978px;
  932.     margin: 0 auto;
  933. }
  934.  
  935.  
  936. /* =Header
  937. ----------------------------------------------- */
  938.  
  939. #site-title {
  940.     font-size: 30px;
  941.     line-height: 36px;
  942. }
  943.  
  944. #site-title a span,
  945. #site-title a:hover,
  946. #site-title a:focus,
  947. #site-title a:active {
  948.     color: #ED564B;
  949. }
  950.  
  951. .top-bar-wrap {
  952.     background-color: #f4f4f4;
  953.     height: 32px;
  954. }
  955.  
  956. .site-branding {
  957.     float: left;
  958. }
  959.  
  960. #site-title a {
  961.     color: #333333;
  962. }
  963.  
  964. .site-description {
  965.     font-size: 14px;
  966.     line-height: 20px;
  967. }
  968.  
  969. .header-logo-image {
  970.     float: left;
  971.     padding-right: 5px;
  972. }
  973.  
  974. .header-logo-image img {
  975.     display: block;
  976. }
  977.  
  978. .header-text {
  979.     float: left;
  980.     padding-top: 17px;
  981. }
  982.  
  983. .hgroup-wrap {
  984.     padding-top: 10px;
  985. }
  986.  
  987. .hgroup-wrap-right {
  988.     position: relative;
  989.     float: right
  990. }
  991.  
  992. .home .site-header {
  993.     border-bottom: 1px solid #eaeaea;
  994. }
  995.  
  996.  
  997. /* =Navigation
  998. ----------------------------------------------- */
  999.  
  1000. .site-main [class*="navigation"] {
  1001.     margin: 0 0 1.5em;
  1002.     overflow: hidden;
  1003. }
  1004.  
  1005. [class*="navigation"] .nav-previous {
  1006.     float: left;
  1007.     width: 50%;
  1008. }
  1009.  
  1010. [class*="navigation"] .nav-next {
  1011.     float: right;
  1012.     text-align: right;
  1013.     width: 50%;
  1014. }
  1015.  
  1016. .main-navigation {
  1017.     padding-top: 22px;
  1018.     float: right;
  1019.     clear: none;
  1020. }
  1021.  
  1022. .main-navigation ul li {
  1023.     padding-right: 25px;
  1024.     font-size: 14px;
  1025. }
  1026.  
  1027. .nav-menu > ul > li > a,
  1028. .menu > ul > li > a {
  1029.     line-height: 50px;
  1030.     height: 88px;
  1031. }
  1032.  
  1033. .nav-menu ul ul li {
  1034.     padding-right: 0;
  1035. }
  1036.  
  1037.  
  1038. /* =FEATURED SLIDER
  1039. ----------------------------------------------- */
  1040.  
  1041. #slider-text-box {
  1042.     color: #ffffff;
  1043. }
  1044.  
  1045. .slider-content {
  1046.     font-size: 14px;
  1047. }
  1048.  
  1049. #featured-slider {
  1050.     position: relative;
  1051. }
  1052.  
  1053. .slider-text-wrap {
  1054.     position: absolute;
  1055.     bottom: 15%;
  1056.     left: 5%;
  1057. }
  1058.  
  1059. .wide .slider-text-wrap {
  1060.     left: 15%;
  1061. }
  1062.  
  1063. #slider-title {
  1064.     font-size: 24px;
  1065.     margin-bottom: 8px;
  1066. }
  1067.  
  1068. #slider-title a {
  1069.     color: #FFFFFF;
  1070.     padding: 10px 13px;
  1071.     line-height: 1.2;
  1072.     background: #ED564B;
  1073. }
  1074.  
  1075. #slider-content {
  1076.     background: none repeat scroll 0 0 rgb(255, 255, 255);
  1077.     background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
  1078.     padding: 12px;
  1079.     display: inline-block;
  1080.     max-width: 400px;
  1081.     color: #777777;
  1082. }
  1083.  
  1084. .slider-wrap {
  1085.     position: relative;
  1086. }
  1087.  
  1088. .slider-wrap .displayblock {
  1089.     display: block;
  1090. }
  1091.  
  1092. .slider-wrap .displaynone {
  1093.     display: none;
  1094. }
  1095.  
  1096.  
  1097. /* =SLIDER CONTROLLERS
  1098. ----------------------------------------------- */
  1099.  
  1100. #controllers {
  1101.     bottom: 15px;
  1102.     line-height: 0;
  1103.     position: absolute;
  1104.     text-align: center;
  1105.     width: 100%;
  1106.     z-index: 9999;
  1107. }
  1108.  
  1109. #controllers a {
  1110.     background-color: #ffffff;
  1111.     color: #ffffff;
  1112.     display: inline-block;
  1113.     height: 6px;
  1114.     margin: 0 4px;
  1115.     overflow: hidden;
  1116.     width: 18px;
  1117. }
  1118.  
  1119. #controllers a:hover,
  1120. #controllers a.active {
  1121.     color: #ED564B;
  1122.     background-color: #ED564B;
  1123. }
  1124.  
  1125.  
  1126. /* =PROMO BOX
  1127. ----------------------------------------------- */
  1128.  
  1129. .promo-wrap {
  1130.     width: 70%;
  1131.     float: left;
  1132. }
  1133.  
  1134. #promo-box {
  1135.     background-color: #ED564B;
  1136.     color: #FFFFFF;
  1137.     padding-bottom: 23px;
  1138.     padding-top: 23px;
  1139. }
  1140.  
  1141. #promo-box a {
  1142.     color: #fff;
  1143. }
  1144.  
  1145. #promo-box a:hover {
  1146.     background: #fff;
  1147.     color: #2F3A34;
  1148. }
  1149.  
  1150. .promo-action {
  1151.     border: 1px solid #FFFFFF;
  1152.     border-radius: 3px;
  1153.     float: right;
  1154.     padding: 8px 20px;
  1155.     margin-top: 7px;
  1156. }
  1157.  
  1158. .promo-title {
  1159.     font-size: 28px;
  1160.     font-weight: bold;
  1161.     line-height: 30px;
  1162.     margin-bottom: 4px;
  1163. }
  1164.  
  1165. .promo-text {
  1166.     font-style: italic;
  1167. }
  1168.  
  1169. #colophon ul li {
  1170.     margin-bottom: 5px;
  1171. }
  1172.  
  1173.  
  1174. /* =Content
  1175. ----------------------------------------------- */
  1176.  
  1177. .sticky {}
  1178.  
  1179. .hentry {
  1180.     margin: 0 0 4.5em;
  1181. }
  1182.  
  1183. .byline,
  1184. .updated {
  1185.     display: none;
  1186. }
  1187.  
  1188. .single .byline,
  1189. .group-blog .byline {
  1190.     display: inline;
  1191. }
  1192.  
  1193. .page-content,
  1194. .entry-summary {
  1195.     margin: 1.5em 0 0;
  1196. }
  1197.  
  1198. .page-links {
  1199.     clear: both;
  1200.     margin: 0 0 1.5em;
  1201. }
  1202.  
  1203. .post .entry-content ul {
  1204.     list-style: square outside none;
  1205. }
  1206.  
  1207. #primary {
  1208.     float: left;
  1209.     width: 65.64%;
  1210. }
  1211.  
  1212. #primary .post {
  1213.     border-bottom: 1px solid #EEEEEE;
  1214.     margin-bottom: 60px;
  1215.     padding-bottom: 15px;
  1216. }
  1217.  
  1218. .no-sidebar-full-width #primary {
  1219.     width: 100%;
  1220. }
  1221.  
  1222. .left-sidebar #primary {
  1223.     float: right;
  1224. }
  1225.  
  1226. .no-sidebar #primary {
  1227.     margin: 0 auto;
  1228.     float: none;
  1229. }
  1230.  
  1231. .left-sidebar #secondary {
  1232.     float: left;
  1233. }
  1234.  
  1235. #secondary {
  1236.     float: right;
  1237.     width: 31.28%;
  1238. }
  1239.  
  1240. #secondary .widget {
  1241.     font-size: 14px;
  1242. }
  1243.  
  1244. #secondary .widget > ul > li {
  1245.     border-bottom: 1px dotted #777;
  1246. }
  1247.  
  1248. #secondary .widget ul li {
  1249.     margin-bottom: 7px;
  1250.     line-height: 2;
  1251. }
  1252.  
  1253. #secondary .widget ul li ul li {
  1254.     margin-bottom: 0;
  1255. }
  1256.  
  1257. #content .post {
  1258.     padding-bottom: 25px;
  1259.     margin-bottom: 50px;
  1260.     border-bottom: 1px solid #EEEEEE;
  1261. }
  1262.  
  1263. #recent-posts-3 li {
  1264.     border-bottom: 1px dotted #777;
  1265.     margin-bottom: 7px;
  1266. }
  1267.  
  1268. .entry-content {
  1269.     padding-top: 15px;
  1270. }
  1271.  
  1272. .entry-content p {
  1273.     padding-bottom: 10px;
  1274. }
  1275.  
  1276. .single .entry-content {
  1277.     padding-top: 0;
  1278. }
  1279.  
  1280. .single #primary .post {
  1281.     border-bottom: medium none;
  1282.     margin-bottom: 20px;
  1283.     padding-bottom: 15px;
  1284. }
  1285.  
  1286. .error-404.not-found {
  1287.     text-align: center;
  1288.     padding-bottom: 20px;
  1289. }
  1290.  
  1291. .not-found .page-title {
  1292.     font-size: 30px;
  1293.     line-height: 36px;
  1294. }
  1295.  
  1296. .blog-medium .entry-content {
  1297.     padding-top: 30px;
  1298. }
  1299.  
  1300.  
  1301. /* =2,3,4 COLUMNS
  1302. ----------------------------------------------- */
  1303.  
  1304. .tg-one-half {
  1305.     width: 48.46625%;
  1306. }
  1307.  
  1308. .tg-one-third {
  1309.     width: 31.288344%;
  1310. }
  1311.  
  1312. .tg-one-fourth {
  1313.     width: 22.699387%;
  1314. }
  1315.  
  1316. .tg-one-sixth {
  1317.     width: 14.110%;
  1318. }
  1319.  
  1320. .tg-one-half,
  1321. .tg-one-third,
  1322. .tg-one-fourth,
  1323. .one-fifth,
  1324. .one-sixth {
  1325.     float: left;
  1326.     margin-right: 3.067485%;
  1327.     padding-bottom: 20px;
  1328. }
  1329.  
  1330. .tg-one-half-last,
  1331. .tg-one-third-last,
  1332. .tg-one-fourth-last,
  1333. .one-sixth-last {
  1334.     float: right;
  1335.     margin-right: 0;
  1336. }
  1337.  
  1338.  
  1339. /* =WIDGET
  1340. ----------------------------------------------- */
  1341.  
  1342. .widget {
  1343.     margin: 0 0 1.5em;
  1344. }
  1345.  
  1346. .widget-home {
  1347.     margin-bottom: 45px;
  1348. }
  1349.  
  1350.  
  1351. /* Make sure select elements fit in widgets */
  1352.  
  1353. .widget select {
  1354.     max-width: 100%;
  1355. }
  1356.  
  1357. .widget-title {
  1358.     color: #2C2C2C;
  1359.     padding-bottom: 15px;
  1360.     font-size: 20px;
  1361.     font-size: 18px;
  1362. }
  1363.  
  1364. .widget ul li a {
  1365.     color: #909294;
  1366. }
  1367.  
  1368. .widget ul li a:hover {
  1369.     color: #ED564B;
  1370. }
  1371.  
  1372. .widget .clients img {
  1373.     border: 1px solid #cccccc;
  1374. }
  1375.  
  1376. .widget ul li a:before {
  1377.     font-family: fontawesome;
  1378.     content: "\f105";
  1379.     padding-right: 5px;
  1380. }
  1381.  
  1382. .widget ul li a:hover:before {
  1383.     color: #ED564B;
  1384. }
  1385.  
  1386. .widget-wrap {
  1387.     padding-top: 32px;
  1388. }
  1389.  
  1390. #colophon .widget {
  1391.     font-size: 14px;
  1392. }
  1393.  
  1394. #colophon .widget-title {
  1395.     color: #e0e0e0;
  1396.     text-transform: uppercase;
  1397.     padding-bottom: 15px;
  1398. }
  1399.  
  1400. #colophon .widget a {
  1401.     color: #909294;
  1402. }
  1403.  
  1404. #secondary .widget-title span,
  1405. #colophon .widget-title span {
  1406.     border-bottom: 2px solid #ED564B;
  1407.     text-transform: uppercase;
  1408.     padding-bottom: 4px;
  1409. }
  1410.  
  1411. #colophon .widget > ul > li,
  1412. #colophon div > ul > li {
  1413.     border-bottom: 1px dotted #777;
  1414. }
  1415.  
  1416. #colophon .widget ul li {
  1417.     margin-bottom: 4px;
  1418.     line-height: 2;
  1419. }
  1420.  
  1421. #colophon .widget ul li ul li {
  1422.     margin-bottom: 0
  1423. }
  1424.  
  1425.  
  1426. /* =CLIENTS WIDGET
  1427. ----------------------------------------------- */
  1428.  
  1429. .widget .our-clients img {
  1430.     border: 1px solid #cccccc;
  1431. }
  1432.  
  1433. .widget .our-clients img:hover {
  1434.     box-shadow: 3px 3px 0 rgba( 50, 50, 50, 0.13);
  1435. }
  1436.  
  1437. .our-clients {
  1438.     text-align: center;
  1439. }
  1440.  
  1441. .our-clients .tg-one-sixth {
  1442.     margin-right: 3.067485%;
  1443.     display: inline-block;
  1444. }
  1445.  
  1446. .our-clients .tg-one-sixth-last {
  1447.     margin-right: 0;
  1448. }
  1449.  
  1450.  
  1451. /* =SERVICES WIDGET
  1452. ----------------------------------------------- */
  1453.  
  1454. .services-block .tg-one-third {
  1455.     text-align: center;
  1456.     padding-bottom: 20px;
  1457. }
  1458.  
  1459. .services-block .read-more {
  1460.     border: 1px solid #C1C1C2;
  1461.     border-radius: 3px;
  1462.     padding: 3px 5px;
  1463. }
  1464.  
  1465. .services-block .read-more:hover {
  1466.     text-decoration: none;
  1467.     border: 1px solid #ED564B;
  1468.     color: #ED564B;
  1469. }
  1470.  
  1471. .services-block a.read-more {
  1472.     color: #777;
  1473. }
  1474.  
  1475. .service-border {
  1476.     border-radius: 50%;
  1477.     border: 3px solid #ED564B;
  1478.     height: 116px;
  1479.     width: 116px;
  1480.     margin: 0 auto;
  1481.     margin-bottom: 13px;
  1482.     overflow: hidden;
  1483. }
  1484.  
  1485. .service-image-wrap {
  1486.     font-size: 35px;
  1487.     margin-top: 30px;
  1488.     color: #ED564B;
  1489. }
  1490.  
  1491. .service-image-wrap img {
  1492.     height: 60px;
  1493.     width: 60px;
  1494.     border-radius: 30px;
  1495. }
  1496.  
  1497. .service-title {
  1498.     font-size: 24px;
  1499.     margin-bottom: 9px;
  1500. }
  1501.  
  1502. .services-block .service-title a {
  1503.     color: #333333;
  1504. }
  1505.  
  1506. .services-block .service-title a:hover {
  1507.     color: #ED564B;
  1508. }
  1509.  
  1510. .service-image img {
  1511.     margin-bottom: 18px;
  1512. }
  1513.  
  1514.  
  1515. /* =FANCY WIDGET TAB
  1516. ----------------------------------------------- */
  1517.  
  1518. .fancy-tab {
  1519.     background-color: #ED564B;
  1520.     display: inline-block;
  1521.     padding: 9px 14px;
  1522.     margin-bottom: 20px;
  1523. }
  1524.  
  1525. .fancy-tab h6 {
  1526.     color: #ffffff;
  1527. }
  1528.  
  1529.  
  1530. /* =CALL TO ACTION WIDGET
  1531. ----------------------------------------------- */
  1532.  
  1533. .call-to-action {
  1534.     width: 100%;
  1535.     box-shadow: inset 0px 0px 4px 1px rgba(204, 204, 204, 0.7);
  1536.     background-color: #F7F7F7;
  1537. }
  1538.  
  1539. .call-to-action-text {
  1540.     float: left;
  1541.     width: 78%;
  1542. }
  1543.  
  1544. .call-to-action-text-inner-wrap {
  1545.     padding: 11px 26px;
  1546. }
  1547.  
  1548. .call-to-action-button {
  1549.     background-color: #ED564B;
  1550.     float: right;
  1551.     width: 22%;
  1552.     cursor: pointer;
  1553. }
  1554.  
  1555. .call-to-action-button-inner-wrap {
  1556.     padding: 22px 0;
  1557.     text-align: center;
  1558. }
  1559.  
  1560. .call-to-action-button:hover {
  1561.     background-color: #2f343a;
  1562.     transition: all 0.3s ease 0s;
  1563. }
  1564.  
  1565. .call-to-action .call-to-action-button a {
  1566.     font-size: 24px;
  1567.     color: #ffffff;
  1568. }
  1569.  
  1570. .call-to-action-button a:hover {
  1571.     color: #ffffff;
  1572. }
  1573.  
  1574.  
  1575. /* =RECENT WIDGET
  1576. ----------------------------------------------- */
  1577.  
  1578. .widget-recent-work .tg-one-fourth {
  1579.     position: relative;
  1580.     text-align: center;
  1581. }
  1582.  
  1583. .recent-work-title {
  1584.     background-color: rgb(44, 44, 44);
  1585.     background-color: rgba(44, 44, 44, 0.9);
  1586.     padding: 7px 0;
  1587.     text-align: center;
  1588.     position: absolute;
  1589.     width: 100%;
  1590.     bottom: 0;
  1591. }
  1592.  
  1593. .recent-work-title h6 {
  1594.     color: #ffffff;
  1595.     font-size: 17px;
  1596. }
  1597.  
  1598. .recent-work img:hover {
  1599.     opacity: 0.5;
  1600.     box-shadow: #000 0 0 0;
  1601. }
  1602.  
  1603.  
  1604. /* =BLOG WIDGET
  1605. ----------------------------------------------- */
  1606.  
  1607. .widget_featured_posts .content {
  1608.     padding: 10px 10px 20px;
  1609.     box-shadow: 0 0 2px 1px #efefef;
  1610. }
  1611.  
  1612. .widget_featured_posts figure img {
  1613.     width: 100%;
  1614. }
  1615.  
  1616. .widget_featured_posts .tg-one-third {
  1617.     text-align: left;
  1618. }
  1619.  
  1620. .widget_featured_posts .entry-meta {
  1621.     border: medium none;
  1622.     padding-left: 0;
  1623. }
  1624.  
  1625. .widget_featured_posts .entry-header {
  1626.     padding: 10px 0 5px;
  1627. }
  1628.  
  1629. .widget_featured_posts .entry-meta a {
  1630.     color: #777777;
  1631.     padding-left: 5px;
  1632. }
  1633.  
  1634. .widget_featured_posts a.read-more {
  1635.     color: #777;
  1636. }
  1637.  
  1638. .widget_featured_posts .read-more {
  1639.     border: 1px solid #c1c1c2;
  1640.     border-radius: 3px;
  1641.     padding: 3px 5px;
  1642. }
  1643.  
  1644. .widget_featured_posts .read-more:hover {
  1645.     border: 1px solid #ed564b;
  1646.     color: #ed564b;
  1647. }
  1648.  
  1649. .widget_featured_posts .entry-title a:hover,
  1650. .widget_featured_posts .entry-meta a:hover {
  1651.     color: #ed564b;
  1652. }
  1653.  
  1654.  
  1655. /* =RECENT POSTS EXTENDED WIDGET
  1656. ----------------------------------------------- */
  1657.  
  1658. .rpwe-li.rpwe-clearfix a:before {
  1659.     content: none;
  1660. }
  1661.  
  1662.  
  1663. /* = READMORE
  1664. ----------------------------------------------- */
  1665.  
  1666. .readmore-wrap {
  1667.     background-color: #ED564B;
  1668.     cursor: pointer;
  1669.     display: inline;
  1670.     padding: 2px 6px;
  1671.     float: left;
  1672. }
  1673.  
  1674. .entry-content .readmore-wrap a {
  1675.     color: #FFFFFF;
  1676. }
  1677.  
  1678. .readmore-wrap:hover {
  1679.     background-color: #2f343a;
  1680.     transition: all 0.3s ease 0s;
  1681. }
  1682.  
  1683.  
  1684. /* =META
  1685. ----------------------------------------------- */
  1686.  
  1687. .entry-meta {
  1688.     border: 1px solid #CCCCCC;
  1689.     color: #404040;
  1690.     padding-bottom: 3px;
  1691.     padding-left: 7px;
  1692.     padding-top: 3px;
  1693.     font-size: 14px;
  1694. }
  1695.  
  1696. .entry-meta span {
  1697.     color: #777;
  1698. }
  1699.  
  1700. .entry-meta-bar .entry-meta a {
  1701.     color: #777777;
  1702.     padding-left: 5px
  1703. }
  1704.  
  1705. .entry-meta-bar .entry-meta a:hover {
  1706.     color: #ED564B;
  1707. }
  1708.  
  1709. .entry-meta span {
  1710.     padding-right: 15px;
  1711. }
  1712.  
  1713. #content .entry-title {
  1714.     font-size: 24px;
  1715. }
  1716.  
  1717. .entry-header .entry-title a {
  1718.     color: #2C2C2C;
  1719. }
  1720.  
  1721. .post .entry-title a:hover {
  1722.     color: #ED564B;
  1723. }
  1724.  
  1725. .entry-header {
  1726.     padding-bottom: 15px;
  1727. }
  1728.  
  1729. .single .tags {
  1730.     margin-bottom: 15px;
  1731. }
  1732.  
  1733.  
  1734. /* =TESTIMONIAL WIDGET
  1735. ----------------------------------------------- */
  1736.  
  1737. .testimonial-wrap {
  1738.     background-color: #F8F8F8;
  1739.     border-radius: 3px;
  1740. }
  1741.  
  1742. .testimonial-wrap p {
  1743.     text-align: left;
  1744.     margin-bottom: 0px;
  1745.     font-style: italic;
  1746. }
  1747.  
  1748. .testimonial-content {
  1749.     padding: 22px 20px;
  1750. }
  1751.  
  1752. .author-image {
  1753.     float: left;
  1754.     height: 80px;
  1755.     width: 80px;
  1756.     margin-right: 18px;
  1757. }
  1758.  
  1759. .author-image img {
  1760.     border-radius: 50%;
  1761. }
  1762.  
  1763. .testimonial-byline {
  1764.     background-color: #f0f0f0;
  1765.     padding: 10px 20px;
  1766.     border-radius: 0 0 3px 3px;
  1767. }
  1768.  
  1769. .author-desc {
  1770.     float: right;
  1771. }
  1772.  
  1773.  
  1774. /* =IMAGE EFFECT
  1775. ----------------------------------------------- */
  1776.  
  1777. .post-featured-image {
  1778.     position: relative;
  1779. }
  1780.  
  1781. .post-featured-image img {
  1782.     display: block;
  1783.     cursor: pointer;
  1784. }
  1785.  
  1786. .post-featured-image {
  1787.     margin-bottom: 20px;
  1788. }
  1789.  
  1790. .blog-medium .post-featured-image {
  1791.     float: left;
  1792.     margin-right: 20px;
  1793. }
  1794.  
  1795. .blog-medium .post-featured-image,
  1796. .blog-large .post-featured-image,
  1797. .category .post-featured-image,
  1798. .search .post-featured-image {
  1799.     border-bottom: 4px solid #ED564B;
  1800. }
  1801.  
  1802. .mask {
  1803.     position: absolute;
  1804.     top: 0;
  1805.     left: 0;
  1806.     background-color: rgb(0, 0, 0);
  1807.     background-color: rgba(0, 0, 0, 0.6);
  1808.     opacity: 0;
  1809.     width: 100%;
  1810.     height: 100%;
  1811.     transition: all 0.4s ease-in-out 0s;
  1812.     font-size: 30px;
  1813. }
  1814.  
  1815. .mask:hover {
  1816.     opacity: 1;
  1817. }
  1818.  
  1819. .image-icon-wrap {
  1820.     left: 0;
  1821.     position: absolute;
  1822.     right: 0;
  1823.     top: 40%;
  1824. }
  1825.  
  1826. .mask .img-icon {
  1827.     border: 2px solid;
  1828.     border-radius: 4px;
  1829.     line-height: 0px;
  1830.     padding: 5px;
  1831. }
  1832.  
  1833. .blog-medium .mask .img-search {
  1834.     left: 51%;
  1835. }
  1836.  
  1837. .blog-medium .mask .img-link {
  1838.     left: 35%;
  1839. }
  1840.  
  1841.  
  1842. /* =SEARCH
  1843. ----------------------------------------------- */
  1844.  
  1845. .search-wrap .s {
  1846.     border-radius: 0;
  1847.     width: inherit;
  1848. }
  1849.  
  1850. .search-wrap button {
  1851.     margin-left: -5px;
  1852.     position: relative;
  1853. }
  1854.  
  1855. .search-top {
  1856.     position: absolute;
  1857.     right: 0;
  1858.     top: 39px;
  1859.     cursor: pointer;
  1860. }
  1861.  
  1862. .search-form-top {
  1863.     position: absolute;
  1864.     right: 0;
  1865.     top: 100px;
  1866.     z-index: 11111;
  1867.     margin: 10px 0 10px 10px;
  1868.     background-color: #FFF;
  1869.     padding: 12px;
  1870.     border-top: 3px solid #ED564B;
  1871.     display: none;
  1872.     border-left: 1px solid #eaeaea;
  1873.     border-right: 1px solid #eaeaea;
  1874.     border-bottom: 1px solid #eaeaea;
  1875.     width: 222px;
  1876. }
  1877.  
  1878. .search-wrap button:before {
  1879.     color: #ED564B;
  1880.     content: "\f0d9";
  1881.     font-family: fontawesome;
  1882.     font-size: 16px;
  1883.     left: -5px;
  1884.     padding-right: 5px;
  1885.     position: absolute;
  1886.     transition: all 0.3s ease-out 0s;
  1887. }
  1888.  
  1889. .search-wrap button:hover:before {
  1890.     color: #2F3A34;
  1891.     transition: all 0.3s ease-out 0s;
  1892. }
  1893.  
  1894.  
  1895. /* =PAGE TITLE
  1896. ----------------------------------------------- */
  1897.  
  1898. .page-title-wrap {
  1899.     float: left;
  1900. }
  1901.  
  1902. .page-title-wrap h1,
  1903. .page-title-wrap h2 {
  1904.     color: #ffffff;
  1905.     font-size: 24px;
  1906.     line-height: 36px;
  1907. }
  1908.  
  1909. .page-title-bar .breadcrumb {
  1910.     float: right;
  1911.     font-size: 13px;
  1912.     margin-top: 7px;
  1913. }
  1914.  
  1915. .page-title-bar .breadcrumb a {
  1916.     color: #ffffff;
  1917. }
  1918.  
  1919. .page-title-bar {
  1920.     background-color: #ED564B;
  1921.     border-top: 1px solid rgba(255, 255, 255, 0.8);
  1922.     border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  1923.     color: #FFFFFF;
  1924.     font-size: 16px;
  1925.     padding: 17px 0;
  1926. }
  1927.  
  1928.  
  1929. /* =PAGITNATION
  1930. ----------------------------------------------- */
  1931.  
  1932. .default-wp-page .previous a,
  1933. .default-wp-page .next a {
  1934.     border: 1px solid #E8E8E8;
  1935.     border-radius: 3px;
  1936.     padding: 8px;
  1937.     float: left;
  1938. }
  1939.  
  1940. .default-wp-page .previous a:hover,
  1941. .default-wp-page .next a:hover {
  1942.     background-color: #ED564B;
  1943.     color: #ffffff;
  1944. }
  1945.  
  1946. .default-wp-page {
  1947.     margin-bottom: 20px;
  1948. }
  1949.  
  1950. .default-wp-page .previous a {
  1951.     float: left;
  1952. }
  1953.  
  1954. .default-wp-page .next a {
  1955.     float: right;
  1956. }
  1957.  
  1958.  
  1959. /* =FOOTER
  1960. ----------------------------------------------- */
  1961.  
  1962. #colophon {
  1963.     border-top: 3px solid #ED564B;
  1964.     background-color: #333333;
  1965. }
  1966.  
  1967. .copyright {
  1968.     font-size: 13px;
  1969. }
  1970.  
  1971. #site-generator {
  1972.     color: #909294;
  1973.     border-top: 1px solid #52585b;
  1974.     padding: 20px 0 20px;
  1975. }
  1976.  
  1977. #site-generator a {
  1978.     color: #E0E0E0;
  1979. }
  1980.  
  1981. #site-generator a:hover,
  1982. #colophon .widget a:hover {
  1983.     color: #ED564B;
  1984. }
  1985.  
  1986. /* =SCROLL UP
  1987. ----------------------------------------------- */
  1988.  
  1989. a#scroll-up {
  1990.     bottom: 20px;
  1991.     position: fixed;
  1992.     right: 20px;
  1993.     display: none;
  1994.     background-color: #ED564B;
  1995.     opacity: 0.7;
  1996.     filter: alpha(opacity=70);
  1997.     /* For IE8 and earlier */
  1998.     padding: 9px 16px;
  1999.     border-radius: 2px;
  2000.     font-size: 16px;
  2001. }
  2002.  
  2003. a#scroll-up i {
  2004.     color: #FFFFFF;
  2005. }
  2006.  
  2007. a#scroll-up:hover {
  2008.     opacity: 1;
  2009.     filter: alpha(opacity=100);
  2010.     /* For IE8 and earlier */
  2011. }
  2012.  
  2013.  
  2014. /* =HEADER TOP BAR
  2015. ----------------------------------------------- */
  2016.  
  2017. #header-meta {
  2018.     background-color: #ed564b;
  2019.     color: #fff;
  2020.     box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  2021.     border-bottom-color: #e1e1e1;
  2022.     width: 100%;
  2023.     display: inline-block;
  2024. }
  2025.  
  2026. #header-meta a {
  2027.     color: #fff;
  2028. }
  2029.  
  2030. .header-info {
  2031.     float: left;
  2032.     max-width: 100%;
  2033.     padding: 8px 20px 8px 0;
  2034. }
  2035.  
  2036. .social-icons {
  2037.     float: right;
  2038. }
  2039.  
  2040. .social-icons li {
  2041.     float: left;
  2042.     text-align: center;
  2043. }
  2044.  
  2045. .social-icons .fa {
  2046.     display: inline-block;
  2047.     font-size: 20px;
  2048.     padding: 10px 10px 9px;
  2049. }
  2050.  
  2051. .social-icons i.fa {
  2052.     color: #fff;
  2053.     transition: background-color 0.2s ease-out 0s;
  2054. }
  2055.  
  2056. .social-icons i.fa-twitter:hover {
  2057.     background: #1BB2E9;
  2058. }
  2059.  
  2060. .social-icons i.fa-facebook:hover {
  2061.     background: #3B5A9B;
  2062. }
  2063.  
  2064. .social-icons i.fa-youtube:hover {
  2065.     background: #ED3F41;
  2066. }
  2067.  
  2068. .social-icons i.fa-vimeo-square:hover {
  2069.     background: #44BBFF;
  2070. }
  2071.  
  2072. .social-icons i.fa-skype:hover {
  2073.     background: #009CEF;
  2074. }
  2075.  
  2076. .social-icons i.fa-linkedin:hover {
  2077.     background: #007BB6;
  2078. }
  2079.  
  2080. .social-icons i.fa-google-plus:hover {
  2081.     background: #DC4937;
  2082. }
  2083.  
  2084. .social-icons i.fa-github:hover {
  2085.     background: #4183C4;
  2086. }
  2087.  
  2088. .social-icons i.fa-flickr:hover {
  2089.     background: #0062DD;
  2090. }
  2091.  
  2092. .social-icons i.fa-dribbble:hover {
  2093.     background: #E24D87;
  2094. }
  2095.  
  2096. .social-icons i.fa-instagram:hover {
  2097.     background: #3F729B;
  2098. }
  2099.  
  2100. .social-icons i.fa-pinterest:hover {
  2101.     background: #D5282E;
  2102. }
  2103.  
  2104. .social-icons i.fa-stumbleupon:hover {
  2105.     background: #EC4823;
  2106. }
  2107.  
  2108. .social-icons i.fa-tumblr:hover {
  2109.     background: #455469;
  2110. }
  2111.  
  2112. .social-icons i.fa-wordpress:hover {
  2113.     background: #21759B;
  2114. }
  2115.  
  2116. .social-icons i.fa-codepen:hover {
  2117.     background: #231F20;
  2118. }
  2119.  
  2120. .social-icons i.fa-digg:hover {
  2121.     background: #14589E;
  2122. }
  2123.  
  2124. .social-icons i.fa-reddit:hover {
  2125.     background: #FF4500;
  2126. }
  2127.  
  2128. .social-icons i.fa-xing:hover {
  2129.     background: #345574;
  2130. }
  2131.  
  2132. .social-icons i.fa-weibo:hover {
  2133.     background: #E6162D;
  2134. }
  2135.  
  2136. /* =PRICING TABLE  WIDGET
  2137. ----------------------------------------------- */
  2138. .widget_table_pricing .pricing-title {
  2139.     color: #2c2c2c;
  2140.     text-align: center;
  2141.     text-transform: uppercase;
  2142.     font-size: 22px;
  2143.     font-weight: 700;
  2144.     padding: 28px;
  2145.     text-align: center;
  2146. }
  2147.  
  2148. .widget_table_pricing p {
  2149.     margin-bottom: 30px;
  2150.     text-align: center;
  2151. }
  2152.  
  2153. .widget_table_pricing .tg-one-half {
  2154.     padding: 0;
  2155. }
  2156.  
  2157. .pricing-table-wrapper {
  2158.     background: #fff none repeat scroll 0 0;
  2159.     box-shadow: 0 2px 5px rgba(239, 239, 239, 0.75);
  2160.     text-align: center;
  2161.     position: relative;
  2162.     overflow: hidden;
  2163. }
  2164.  
  2165. .pricing-as-popular {
  2166.     background: #b50101 none repeat scroll 0 0;
  2167.     color: #fff;
  2168.     display: block;
  2169.     font-size: 13px;
  2170.     font-weight: 600;
  2171.     padding: 4px 0;
  2172.     position: absolute;
  2173.     right: -27px;
  2174.     text-align: center;
  2175.     text-transform: uppercase;
  2176.     top: 20px;
  2177.     transform: rotate(45deg);
  2178.     width: 120px;
  2179.     z-index: 99;
  2180. }
  2181.  
  2182.  
  2183. .pricing-currency {
  2184.     display: block;
  2185.     font-size: 26px;
  2186.     font-weight: 700;
  2187.     line-height: 30px;
  2188. }
  2189.  
  2190. .pricing-price {
  2191.     background: #289dcc none repeat scroll 0 0;
  2192.     color: #ffffff;
  2193.     font-size: 30px;
  2194.     font-weight: 700;
  2195.     padding: 30px 20px;
  2196.     display: block;
  2197. }
  2198.  
  2199. .pricing-date {
  2200.     display: block;
  2201.     font-size: 12px;
  2202.     font-weight: 400;
  2203.     margin: 10px 0 0;
  2204. }
  2205.  
  2206. .pricing-subtitle {
  2207.     display: block;
  2208.     font-size: 16px;
  2209.     font-weight: 400;
  2210.     margin: 10px 0 0;
  2211. }
  2212.  
  2213. .pricing-list-wrapper {
  2214.     background: #fefefe;
  2215.     padding: 0;
  2216. }
  2217.  
  2218. .pricing-list-wrapper .pricing-list {
  2219.     display: block;
  2220.     padding: 13px 20px;
  2221.     text-align: center;
  2222. }
  2223.  
  2224. .pricing-list-wrapper .pricing-list:nth-child(2n) {
  2225.     background: #fafafa;
  2226. }
  2227.  
  2228. .widget_table_pricing .pricing-btn a {
  2229.     background: #289dcc none repeat scroll 0 0;
  2230.     border-radius: 4px;
  2231.     color: #ffffff;
  2232.     display: inline-block;
  2233.     font-weight: 600;
  2234.     padding: 15px 50px;
  2235.     text-align: center;
  2236. }
  2237. .widget_table_pricing .pricing-btn a:hover {
  2238.     color: #ED564B;
  2239. }
  2240.  
  2241. .widget_table_pricing .pricing-btn {
  2242.     background: #fafafa none repeat scroll 0 0;
  2243.     padding: 13px 0;
  2244. }
  2245.  
  2246. /* =our team
  2247. ----------------------------------------------- */
  2248.  
  2249. .team-member-wrapper {
  2250.     text-align: center;
  2251. }
  2252.  
  2253. .team-title {
  2254.     padding: 20px 0 10px;
  2255.     font-size: 24px;
  2256. }
  2257.  
  2258. .team-title a {
  2259.     color: #2c2c2c;
  2260. }
  2261.  
  2262. .team-title a:hover {
  2263.     color: #ed564b;
  2264. }
  2265.  
  2266. .team-designation {
  2267.     font-size: 16px;
  2268.     font-style: italic;
  2269. }
  2270. .team-social-icon li {
  2271.     display: inline-block;
  2272.     margin: 15px 5px;
  2273. }
  2274.  
  2275. .team-social-icon a {
  2276.     border: 1px solid #c1c1c1;
  2277.     width: 30px;
  2278.     display: block;
  2279.     height: 30px;
  2280.     border-radius: 100%;
  2281.     line-height: 30px;
  2282.     font-size: 14px;
  2283.     -webkit-transition: all 0.5s ease;
  2284.     -moz-transition: all 0.5s ease;
  2285.     -ms-transition: all 0.5s ease;
  2286.     -o-transition: all 0.5s ease;
  2287.     transition: all 0.5s ease;
  2288. }
  2289.  
  2290. .team-social-icon a:hover {
  2291.     border: 1px solid #ed564b;
  2292.     color: #ed564b;
  2293. }
  2294. .widget_team_block .team-social-icon ul li a:before {
  2295.     display: none;
  2296. }
  2297.  
  2298. .team-description {
  2299.     border-bottom: 1px solid #e9e9e9;
  2300.     border-top: 1px solid #e9e9e9;
  2301.     margin: 20px 0;
  2302.     padding: 15px 0;
  2303. }
  2304.  
  2305. .widget_team_block a.read-more {
  2306.     color: #777;
  2307. }
  2308.  
  2309. .widget_team_block .read-more {
  2310.     border: 1px solid #c1c1c2;
  2311.     border-radius: 3px;
  2312.     padding: 3px 5px;
  2313. }
  2314.  
  2315. .widget_team_block .read-more:hover {
  2316.     border: 1px solid #ed564b;
  2317.     color: #ed564b;
  2318. }
  2319. .widget_team_block  img {
  2320.   width: auto;
  2321. }
  2322. .team-title a:visited {
  2323.     color: #000;
  2324. }
  2325. .team-image-wrap {
  2326.     font-size: 35px;
  2327.     margin-top: 30px;
  2328.     color: #ED564B;
  2329. }
  2330. .team-border{
  2331.     border-radius: 50%;
  2332.     border: 3px solid #ED564B;
  2333.     height: 116px;
  2334.     width: 116px;
  2335.     margin: 0 auto;
  2336.     overflow: hidden;
  2337. }
  2338.  
  2339. /* =Fun Facts
  2340. ----------------------------------------------- */
  2341. .counter-block-wrapper {
  2342.     width: 25%;
  2343.     float: left;
  2344.     text-align: center;
  2345.     position: relative;
  2346.     padding-bottom: 20px;
  2347. }
  2348.  
  2349. .counter-block-wrapper::before {
  2350.     background: #e9e9e9;
  2351.     bottom: 0;
  2352.     content: " ";
  2353.     height: 2px;
  2354.     position: absolute;
  2355.     width: 30px;
  2356.     left: 50%;
  2357.     -webkit-transform: translateX(-50%);
  2358.     -moz-transform: translateX(-50%);
  2359.     -ms-transform: translateX(-50%);
  2360.     -o-transform: translateX(-50%);
  2361.     transform: translateX(-50%);
  2362. }
  2363.  
  2364. .counter-block-wrapper span {
  2365.     display: block;
  2366.     font-size: 50px;
  2367. }
  2368.  
  2369. .counter-block-wrapper .counter-icon {
  2370.     color: #ed564b;
  2371.     line-height: 50px;
  2372. }
  2373.  
  2374. .counter-block-wrapper span.counter-text {
  2375.     font-size: 14px;
  2376.     text-transform: uppercase;
  2377. }
  2378.  
  2379. @media screen and (max-width: 1190px) {
  2380.     .wide .slider-text-wrap {
  2381.         left: 5%;
  2382.     }
  2383. }
  2384.  
  2385.  
  2386. /* =Google Rich Snippets
  2387. ----------------------------------------------- */
  2388.  
  2389. .extra-hatom-entry-title {
  2390.     display: none;
  2391. }
  2392.  
  2393.  
  2394. /* =WOOCOMMERCE COMPATIBILITY
  2395. ----------------------------------------------- */
  2396. .woocommerce #primary, .woocommerce-page #primary { width: 100%; }
  2397. .woocommerce #secondary, .woocommerce-page #secondary { display: none; }
  2398. .woocommerce .entry-meta-bar, .woocommerce-page .entry-meta-bar { display: none; }
  2399. .woocommerce-breadcrumb { display: none; }
  2400. .post-type-archive-product .page-title { display: none; }
  2401. .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align: center; }
  2402. .woocommerce .products .star-rating, .woocommerce-page .products .star-rating { margin: 0 auto 10px; }
  2403. .woocommerce .related ul.products li.first, .woocommerce-page .related ul.products li.first { clear: none; }
  2404. .woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product {
  2405.     width: 22.05%;
  2406.     margin: 0 3.8% 2.992em 0;
  2407. }
  2408. .woocommerce .related ul.products li.product:last-child, .woocommerce-page .related ul.products li.product:last-child {
  2409.     margin-right: 0;
  2410. }
  2411. .woocommerce #primary,
  2412. .woocommerce-page #primary {
  2413.     width: 100%;
  2414. }
  2415.  
  2416. .woocommerce #secondary,
  2417. .woocommerce-page #secondary {
  2418.     display: none;
  2419. }
  2420.  
  2421. .woocommerce .entry-meta-bar,
  2422. .woocommerce-page .entry-meta-bar {
  2423.     display: none;
  2424. }
  2425.  
  2426. .woocommerce-breadcrumb {
  2427.     display: none;
  2428. }
  2429.  
  2430. .post-type-archive-product .page-title {
  2431.     display: none;
  2432. }
  2433.  
  2434. .woocommerce ul.products li.product,
  2435. .woocommerce-page ul.products li.product {
  2436.     text-align: center;
  2437. }
  2438.  
  2439. .woocommerce .products .star-rating,
  2440. .woocommerce-page .products .star-rating {
  2441.     margin: 0 auto 10px;
  2442. }
  2443.  
  2444. .woocommerce .related ul.products li.first,
  2445. .woocommerce-page .related ul.products li.first {
  2446.     clear: none;
  2447. }
  2448.  
  2449. .woocommerce .related ul.products li.product,
  2450. .woocommerce-page .related ul.products li.product {
  2451.     width: 22.05%;
  2452.     margin: 0 3.8% 2.992em 0;
  2453. }
  2454.  
  2455. .woocommerce .related ul.products li.product:last-child,
  2456. .woocommerce-page .related ul.products li.product:last-child {
  2457.     margin-right: 0;
  2458. }
  2459. /* =Header media CSS
  2460. ----------------------------------------------- */
  2461.  
  2462. .wp-custom-header {
  2463.     position: relative;
  2464. }
  2465.  
  2466. iframe#wp-custom-header-video {
  2467.     width: 100%;
  2468. }
  2469. .wp-custom-header-video-button {
  2470.     opacity: 0;
  2471.     visibility: hidden;
  2472.     position: absolute;
  2473.     top: 0;
  2474.     left: 0;
  2475.     right: 0;
  2476.     bottom: 0;
  2477.     margin: auto;
  2478.     width: 62px;
  2479.     height: 50px;
  2480.     font: 0px/0 a;
  2481.     -moz-transition: all 0.5s;
  2482.     -o-transition: all 0.5s;
  2483.     -webkit-transition: all 0.5s;
  2484.     transition: all 0.5s;
  2485. }
  2486.  
  2487. div#wp-custom-header:hover .wp-custom-header-video-button {
  2488.     visibility: visible;
  2489.     opacity: 1;
  2490. }
  2491.  
  2492. .wp-custom-header-video-button:before {
  2493.     content: '\f04b';
  2494.     display: block;
  2495.     font-family: FontAwesome;
  2496.     font-size: 20px;
  2497. }
  2498.  
  2499. .wp-custom-header-video-button.wp-custom-header-video-pause:before{
  2500.     content: '\f04c';
  2501. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!