API tools faq
paste
Advertisement
Guest User

mooinzicht

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