/* Theme Name: Biru Theme URI: http://neowp.com/themes/biru Author: NeoWP Author URI: http://neowp.com Description: Biru is a clean, crisp and well structured WordPress theme well suited to any online publisher. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: neowp Tags: two-columns, right-sidebar, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, blog, news */ /*-------------------------------------------------------------- # Base Styles --------------------------------------------------------------*/ body { color: #414a51; font-weight: 400; font-family: "Open Sans", Helvetica, Arial, sans-serif; line-height: 1.6; background: #f1f4f9; } p { margin-bottom: 1.5em; } blockquote { border-color: #f1f4f9; } blockquote cite { margin: .5em 0 0; display: block; text-align: right; } dl dd { margin-bottom: 1em; } /* Links */ a:link, a:visited { color: #09c; text-decoration: none; } a:hover, a:focus { color: #2d3e4a; text-decoration: none; outline: 0; } a, a:before, a:after { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } a img { -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } /* Typography */ h1, h2, h3, h4, h5, h6 { margin: 1.25em 0 .5em; font-weight: 400; font-family: Quicksand, Helvetica, Arial, sans-serif; line-height: 1.2em; } h1 { font-size: 2.4rem; } h2 { font-size: 2rem; } h3 { font-size: 1.8rem; } h4 { font-size: 1.6rem; } h5 { font-size: 1.5rem; } h6 { font-size: 1.4rem; } /* Tables */ table { width: 100%; margin-bottom: 2em; } table thead > tr > th, table thead > tr > td { padding: 1em; } table tbody > tr > th, table tfoot > tr > th, table tbody > tr > td, table tfoot > tr > td { padding: .5em 1em; } table th, table td { text-align: center; line-height: 1.4; background: #f5f5f5; border: 1px solid #eee; } table thead th { color: #fff; background: #242424; border-bottom: 1px solid #eee; } table tfoot td { background: #f5f5f5; } table tbody + tbody { border-top: 1px solid #eee; } /* Images */ .widget img, .entry-content img, img.wp-post-image, img.attachment-thumbnail, img.attachment-medium, img.attachment-large, img.attachment-full { max-width: 100%; height: auto; } img.wp-smiley { margin-bottom: 0; margin-top: 0; padding: 0; border: none; } /* Forms */ button, input, select, textarea { margin: 0; max-width: 100%; font-size: 1.4rem; vertical-align: baseline; line-height: normal; } .form-control { border-width: 1px; border-style: solid; border-color: #ddd; border-radius: 0; } .btn-neowp { color: #fff; font-size: 1.4rem; font-weight: 700; font-family: Quicksand, Helvetica, Arial, sans-serif; background: #09c; border: none; border-radius: 5px; } .btn-neowp:hover, .btn-neowp:focus { color: #fff; background: #4e5e6a; } .btn-neowp [class^="ti-"] { font-size: .8rem; } /* Alignments */ .alignleft { float: left; margin: .5em 1.5em 1em 0; } .alignright { float: right; margin: .5em 0 1em 1.5em; } .aligncenter { margin: 1.5em auto; } /* Clearings */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* Screen Reader Text */ .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* Back Top */ a.back-to-top { cursor: pointer; position: fixed; right: 20px; bottom: 20px; display: none; padding: 8px 10px; color: rgba(255, 255, 255, 1); background: rgba(0, 0, 0, .3); border-radius: 5px; border: none; } a.back-to-top:hover { color: rgba(255, 255, 255, 1); background: rgba(0, 0, 0, .6); } /*-------------------------------------------------------------- # Common Elements --------------------------------------------------------------*/ /* Gallery */ .gallery { margin-left: -0.5em; margin-right: -0.5em; } .gallery:after { display: table; content: ""; clear: both; } .gallery-item { margin: 0; float: left; padding: .5em; } .gallery-item img { width: 100%; } .gallery-caption { margin: 1em 0; } .gallery-columns-1 .gallery-item { width: 100%; float: none; } .gallery-columns-2 .gallery-item { width: 50% } .gallery-columns-3 .gallery-item { width: 33.3333% } .gallery-columns-4 .gallery-item { width: 25% } .gallery-columns-5 .gallery-item { width: 20% } .gallery-columns-6 .gallery-item { width: 16.6667% } .gallery-columns-7 .gallery-item { width: 14.2857% } .gallery-columns-8 .gallery-item { width: 12.5% } .gallery-columns-9 .gallery-item { width: 11.1111% } .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(7n+1), .gallery-columns-8 .gallery-item:nth-child(8n+1), .gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: left; } .wp-caption { max-width: 100%; margin-bottom: 1.5em; padding: .8em; background: #f5f5f5; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { color: #666; font-size: 1.2rem; font-style: italic; } .wp-caption .wp-caption-text { margin: .6em 0 0; } .attachment { margin-top: 1.5em; margin-bottom: 1.5em; } /* Pagination */ .navigation { margin: 2em 0; font-size: 1.4rem; } .navigation a { } .navigation .nav-links:before, .navigation .nav-links:after { content: " "; display: table; } .navigation .nav-links:after { clear: both; } .navigation .nav-links { *zoom: 1; } .navigation .nav-next { width: 50%; float: right; text-align: right; } .navigation .nav-previous { width: 50%; float: left; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin-bottom: 1em; -ms-word-wrap: break-word; word-wrap: break-word; } .widget-title { margin: 0 0 1em; padding: 0; font-size: 1.8rem; font-weight: 700; } /* Widget Lists */ .widget_archive ul, .widget_categories ul, .widget_links ul, .widget_meta ul, .widget_rss ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_pages ul, .widget_nav_menu ul { margin: 0; padding: 0; list-style: none; } .widget_archive ul ul, .widget_categories ul ul, .widget_links ul ul, .widget_meta ul ul, .widget_rss ul ul, .widget_recent_comments ul ul, .widget_recent_entries ul ul, .widget_pages ul ul, .widget_nav_menu ul ul { margin: 1em 0 -1em 2em; border-top: 1px solid transparent; } .widget_archive ul li, .widget_categories ul li, .widget_links ul li, .widget_meta ul li, .widget_rss ul li, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_pages ul li, .widget_nav_menu ul li { padding: .5em 0; border-bottom: 1px solid transparent; } .widget_archive ul li:last-child, .widget_categories ul li:last-child, .widget_links ul li:last-child, .widget_meta ul li:last-child, .widget_rss ul li:last-child, .widget_recent_comments ul li:last-child, .widget_recent_entries ul li:last-child, .widget_pages ul li:last-child, .widget_nav_menu ul li:last-child { border: none; } .widget_archive ul li a, .widget_categories ul li a, .widget_links ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_recent_comments ul li a, .widget_recent_entries ul li a, .widget_pages ul li a, .widget_nav_menu ul li a { } .widget_archive ul li a:hover, .widget_categories ul li a:hover, .widget_links ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_recent_comments ul li a:hover, .widget_recent_entries ul li a:hover, .widget_pages ul li a:hover, .widget_nav_menu ul li a:hover { } .widget_archive p { margin-top: 1.5em; } /* Widget: Tag Cloud */ .widget_tag_cloud a { display: inline-block; margin-right: .25em; margin-bottom: .5em; padding: .5em; color: rgba(255, 255, 255, 1); font-size: 1.1rem!important; font-weight: 300; letter-spacing: .2em; line-height: 1.2; background: #4e5e6a; border: none; border-radius: 3px; } .widget_tag_cloud a:hover { color: rgba(255, 255, 255, 1); background: #09c; } .widget_tag_cloud a::before { content: '#'; } /* Widget: Social Icons */ .widget_biru_social_icons ul { margin: 0; padding: 0; list-style: none; } .widget_biru_social_icons li { float: left; margin-right: 8px; margin-bottom: 10px; } .widget_biru_social_icons li a { display: block; padding: 10px; color: rgba(255, 255, 255, 1); background: rgba(0, 0, 0, .3); line-height: 1; border-radius: 5px; } .widget_biru_social_icons li a:hover { color: rgba(255, 255, 255, 1); background: rgba(0, 0, 0, .6); } /* Widget: Instagram */ .widget_biru_instagram ul { margin-left: -10px; margin-right: -10px; margin-bottom: 0; padding: 0; list-style: none; } .widget_biru_instagram ul li { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } /* Widget: Flickr */ .widget-flickr-stream { margin: 0 -5px; } .flickr_badge_image { float: left; width: 65px; display: block; margin: 5px; } .flickr_badge_image img { display: block; } /* Widget: Tabs */ .widget_biru_tabs .widget-bottom { padding: 28px; } .widget_biru_tabs .nav-tabs { border: solid #eee; border-width: 1px 1px 0; } .widget_biru_tabs .nav-tabs > li { width: 33.33%; text-align: center; } .widget_biru_tabs .nav-tabs > li > a { margin: 0; background: #f5f5f5; border: solid #eee; border-width: 0 1px 0 0!important; border-radius: 0; } .widget_biru_tabs .nav-tabs > li > a:hover { background: none; } .widget_biru_tabs .nav-tabs > li:last-child > a { border: none; } .widget_biru_tabs .nav-tabs > li.active > a { background: #fff; } .widget_biru_tabs #widget-tab-tags { padding: 15px; } .widget_biru_tabs .tab-content { border: 1px solid #eee; } .widget_biru_tabs .tab-content ul { margin: 0; padding: 0; list-style: none; } .widget_biru_tabs .media { margin: 0; padding: 15px; border-bottom: 1px solid #eee; } .widget_biru_tabs .media:last-child { border-bottom: none; } .widget_biru_tabs .entry-thumbnail { width: 52px; height: 52px; margin: 0 10px 0 0!important; padding: 0; border: none; background: none; } .widget_biru_tabs .entry-title { margin: 0 0 .25em; font-size: 1.4rem!important; line-height: 1.4; } .widget_biru_tabs .entry-meta { } .widget_biru_tabs .entry-content, .widget_biru_tabs .entry-summary { padding: 0; } /* Widget: Preview */ .widget_biru_preview_post .entry-summary { margin: 1.5em 1em; font-size: 1.4rem; } /* Widget: Contact Info (Jetpack) */ .widget_contact_info .confit-address { margin-bottom: 1em; font-weight; 700; } /* Widget: Recent Posts */ .widget_recent_entries .post-date { display: block; margin-top: .5em; color: #999; font-size: 1rem; text-transform: uppercase; } /*-------------------------------------------------------------- # Site Header --------------------------------------------------------------*/ /* Site Branding */ .site-header { } .navbar-neowp .navbar-header { margin-right: 3em; padding: 2.3em 0; } .navbar-neowp .navbar-brand { height: auto; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; color: rgba(255, 255, 255, 1); font-size: 3rem; font-weight: 700; font-family: Quicksand, Helvetica, Arial, sans-serif; letter-spacing: -.05em; line-height: 1; } .navbar-neowp .navbar-brand a, .navbar-neowp .navbar-brand a:hover { color: rgba(255, 255, 255, 1); } .navbar-neowp .navbar-brand img { max-height: 50px; display: block; } .site-description { color: rgba(0, 0, 0, .3); font-size: 1rem; text-transform: uppercase; letter-spacing: .2em; } /* Primary Menu */ .navbar-neowp { min-height: auto; margin: 0; padding: 0; background-color: #09c; border: none; border-radius: 0; } .navbar-neowp .navbar-collapse { padding-top: 2em; padding-bottom: 2em; } .navbar-neowp .navbar-nav { } .navbar-neowp .navbar-nav > li { } .navbar-neowp .navbar-nav > li > a { padding: 0 1em; color: rgba(255, 255, 255, 1); font-size: 1.5rem; font-weight: 700; font-family: Quicksand, Helvetica, Arial, sans-serif; line-height: 3.5; background: none; border: none; } .navbar-neowp .navbar-nav > li > a:hover, .navbar-neowp .navbar-nav > li > a:focus, .navbar-neowp .navbar-nav .open > a, .navbar-neowp .navbar-nav .open > a:hover, .navbar-neowp .navbar-nav .open > a:focus, .navbar-neowp .navbar-nav .current_page_item > a, .navbar-neowp .navbar-nav .current_page_parent > a, .navbar-neowp .navbar-nav .current_page_ancestor > a { color: rgba(0, 0, 0, .3); background: none; } .navbar-neowp [class^="ti-"] { margin-left: 5px; font-size: .75rem; } /* Menu Dropdown */ .navbar-neowp .navbar-nav .dropdown-menu { margin-top: 0; padding: 0; border: none; border: 1px solid transparent; border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; } .navbar-neowp .navbar-nav .dropdown-menu::before { content: ''; top: -16px; left: 20px; position: absolute; display: inline-block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid transparent; border-bottom: 8px solid #fff; } .navbar-neowp .navbar-nav .dropdown-menu > li > a { padding: .75em 1.5em; color: rgba(0, 0, 0, .5); font-size: 1.3rem; border-bottom: 1px solid #f5f5f5; } .navbar-neowp .navbar-nav .dropdown-menu > li:last-child > a { border: none; } .navbar-neowp .navbar-nav .dropdown-menu > li > a:hover, .navbar-neowp .navbar-nav .dropdown-menu > li > a:focus, .navbar-neowp .navbar-nav .dropdown-menu > .open > a:hover, .navbar-neowp .navbar-nav .dropdown-menu > .open > a:focus, .navbar-neowp .navbar-nav .dropdown-menu > .active > a, .navbar-neowp .navbar-nav .dropdown-menu > .active > a:hover, .navbar-neowp .navbar-nav .dropdown-menu > .active > a:focus { color: #09c; background: none; } .navbar-neowp .navbar-nav .dropdown .dropdown .dropdown-menu { top: -1px; left: 100%; margin: 0; } .navbar-neowp .navbar-nav .dropdown .dropdown .dropdown-menu::before { display: none; } .navbar-neowp .navbar-nav .dropdown .dropdown .ti-angle-right { top: 2.4em; right: 1.5em; position: absolute; font-size: .75rem; } /* Site Social Links */ .site-social [class^="ti-"] { margin: 0; font-size: 1.5rem; } /* Site Search */ .site-search { position: relative; z-index: 1; } .search-toggle { } .search-toggle [class^="ti-"] { margin: 0; padding: 0 1em; font-size: 1.5rem; color: rgba(255, 255, 255, 1); cursor: pointer; line-height: 3.5; } .search-expand { top: 20px; left: -280px; width: 300px; display: none; position: absolute; padding: 15px; background: #09c; } .site-search .form-group { margin: 0; } @media (min-width: 768px) and (max-width: 1199px) { .navbar-neowp { padding: 2em 0; text-align: center; } .navbar-neowp .navbar-nav, .navbar-neowp .navbar-brand, .navbar-neowp .navbar-collapse { float: none!important; margin: 0!important; padding: 0!important; display: inline-block; } .navbar-neowp .site-search, .navbar-neowp .site-social { display: inline-block!important; } .navbar-neowp .navbar-header { float: none!important; margin: 0 auto 2em!important; padding: 0!important; } .navbar-neowp .site-social > li > a { line-height: 1; } .search-toggle { } .search-toggle [class^="ti-"] { line-height: 1; } .search-expand { top: -8px; left: auto; right: -300px; padding: 0; } } @media (max-width: 767px) { .navbar-neowp .navbar-toggle [class^="ti-"] { color: rgba(255, 255, 255, 1); font-size: 1.6rem; line-height: 1; } .navbar-neowp .navbar-collapse { padding-top: 0; padding-bottom: 0; } .navbar-neowp .navbar-nav > li > a { padding: 1em 1.5em; line-height: 1.6; } .navbar-neowp .navbar-nav .dropdown .dropdown-menu { margin-left: 1em; border: none; } .navbar-neowp .navbar-nav .dropdown .dropdown .dropdown-menu { margin-left: 1em; } .navbar-neowp .navbar-nav .dropdown-menu > li > a { padding: .5em 1.5em; color: rgba(255, 255, 255, 1); font-size: 1.3rem; line-height: 1.6; border: none; } .navbar-neowp .navbar-nav .dropdown-menu > li > a:hover, .navbar-neowp .navbar-nav .dropdown-menu > .open > a:hover { color: rgba(0, 0, 0, .3); } .navbar-neowp .navbar-nav .dropdown-menu::before { display: none; } .navbar-neowp .navbar-header { margin: .25em 0 0; padding: 0; } .navbar-neowp .navbar-brand { float: none; } .site-description { margin-left: 15px; } .search-toggle { display: none; } .search-expand { top: auto; left: auto; width: auto; display: block; position: relative; } } /*-------------------------------------------------------------- # Site Content --------------------------------------------------------------*/ .site-content { padding-top: 3em; padding-bottom: 3em; } .hentry { margin: 0 0 1em; padding: 20px 5px; font-size: 1.5rem; background: rgba(255, 255, 255, 1); border-radius: 5px; -ms-word-wrap: break-word; word-wrap: break-word; } .sticky {} .not-found { padding: 2em 3em; font-size: 1.5rem; background: #fff; } .entry-header { } .entry-title { margin: .25em 0; font-size: 2rem; font-weight: 700; } .entry-title a { color: #4e5e6a; } .entry-title a:hover { color: #2d3e4a; } .entry-meta { color: #9da8b0; font-size: 1.2rem; } .entry-meta a { color: #647993; } .entry-meta a:hover { color: #2d3e4a; } .entry-meta > span { margin-right: 15px; } .entry-meta [class^="ti-"] { display: none; margin-right: 5px; font-size: 1rem; } .entry-categories { font-size: 1rem; text-transform: uppercase; letter-spacing: .2em; } .entry-categories a { color: #09c; } .entry-categories a:hover { } .entry-tags a { display: inline-block; margin-right: .25em; margin-bottom: .5em; padding: .5em; color: #fff; font-size: 1.1rem!important; font-weight: 300; letter-spacing: .2em; line-height: 1.2; background: #09c; border: none; border-radius: 3px; } .entry-tags a:hover { color: #fff; background: #4e5e6a; } .entry-tags a::before { content: '#'; } .entry-content { margin: 2em 0; } .entry-summary { margin: 1em 0; font-size: 1.3rem; } .entry-summary p:last-child { margin-bottom: 0; } .entry-thumbnail { overflow: hidden; } .entry-thumbnail img { display: block; margin: 0 auto; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .form-pass p { display: inline; } @media (max-width: 767px) { .entry-thumbnail { margin-bottom: 1.5em; } } /* Archive Page */ .page-header { margin: 0 0 2em; padding-top: 0; padding-bottom: 0; border: none; } .archive-description { font-size: 1.3rem; } .archive-description p:last-child { margin-bottom: 0; } /* Single Post */ .single .hentry { padding: 2em 1em; } .single .entry-title { font-size: 3rem; letter-spacing: -.05em; } .single .entry-thumbnail { margin-bottom: 1.5em; } /* Single Page */ .page .page-header { margin-bottom: 0; } .page .hentry { padding: 2em 1em; } .page-title { margin: .25em 0; font-size: 3rem; font-weight: 700; } /* Author Box */ .authorbox { padding: 2em; background: rgba(255, 255, 255, 1); border-radius: 5px; } .authorbox .media { margin: 0; padding: 1.5em 1.5em 0; background: #f1f4f9; } .authorbox .media-left { padding-right: 1em; } .authorbox .media-heading { font-size: 2rem; font-weight: 700; } /* Comments */ .comments-area { margin: 0 0 1em; padding: 2em; font-size: 1.4rem; background: rgba(255, 255, 255, 1); border-radius: 5px; } .comments-title { margin-bottom: 2em; } .comment-list { margin-bottom: 3em; } .comment-list .comment { margin: 0 0 1em; padding: 1em; border: 2px solid #f1f4f9; } .bypostauthor {} .comment-list .pingback { margin: 0 0 1em; } .comment-list .media-left { padding-right: 1em; } .comment-list .media-left a, .comment-list .media-left img { width: 42px; display: block; } .comment-list .children { padding: 0; } .comment-list .children .media:last-child { margin-bottom: 0; } .comment-list .comment-meta { color: #9da8b0; font-size: 1.3rem; font-style: italic; font-weight: 300; line-height: 1.6; } .comment-list .comment-meta a { color: #647993; } .comment-list .comment-meta a:hover { color: #2d3e4a; } .comment-list .comment-author { display: block; color: #2d3e4a; font-size: 1.7rem; font-style: normal; font-weight: 700; font-family: Quicksand, Helvetica, Arial, sans-serif; } .comment-list .comment-author a { color: #09c; } .comment-list .comment-author a:hover { } .comment-list .comment-author b { font-weight: 700; } .comment-list .comment-date { margin-right: 1em; } .comment-list .comment-content { margin: .75em 0; } .comment-list .child-comments { margin-top: 1.5em; } .comment-list .reply { font-size: 1.2rem; } .comment-list .reply a { color: #647993; } .comment-list .reply a:hover { color: #2d3e4a; } .comment-reply-title { margin: 0 0 1em; padding: 0; font-size: 1.8rem; font-weight: 700; } .comment-form { padding: 2em; background: #f1f4f9; border-radius: 5px; } .comment-form .logged-in-as a { color: #191919; } .comment-form .logged-in-as a:hover { text-decoration: underline; } .comment [class^="ti-"] { margin-right: 3px; font-size: 1rem; } /*-------------------------------------------------------------- # Featured --------------------------------------------------------------*/ .featured-area { margin-bottom: 2em; padding: 20px; background: #fff; border-radius: 5px; } .featured-area .carousel-control { top: 20px; left: 20px; bottom: 20px; color: rgba( 255, 255, 255, 1 ); } .featured-area .carousel-control.right { top: 20px; left: auto; right: 20px; bottom: 20px; } .featured-area .carousel-control [class^="ti-"] { top: 50%; position: absolute; display: inline-block; margin-top: -10px; z-index: 5; } .featured-area .carousel-control .ti-arrow-left { left: 50%; margin-left: -10px; } .featured-area .carousel-control .ti-arrow-right { right: 50%; margin-right: -10px; } .featured-area .hentry { margin: 0; padding: 0; border: none; } .featured-area .entry-header { left: 3em; right: 3em; bottom: 3em; position: absolute; padding: 20px; background: rgba(0, 0, 0, .4); } .featured-area .entry-title { font-size: 2.4rem; font-weight: 700; } .featured-area .entry-title a, .featured-area .entry-title a:hover { color: rgba( 255, 255, 255, 1 ); } .featured-area .entry-meta a, .featured-area .entry-meta a:hover { color: rgba( 255, 255, 255, .8 ); } /*-------------------------------------------------------------- # Site Sidebar --------------------------------------------------------------*/ .site-sidebar { } .site-sidebar .widget { padding: 20px; font-size: 1.3rem; font-weight: 400; background: #fff; border-radius: 5px; } /*-------------------------------------------------------------- # Site Extra --------------------------------------------------------------*/ .site-extra { color: rgba(255, 255, 255, .5); padding: 3em 0 0; background: #09c; } .site-extra a:link, .site-extra a:visited { color: rgba(255, 255, 255, .7); } .site-extra a:hover, .site-extra a:focus { color: rgba(255, 255, 255, 1); } .site-extra .widget { margin: 0 0 2em; padding: 0; font-size: 1.3rem; font-weight: 400; line-height: 1.4; } .site-extra .widget-title { color: rgba(0, 0, 0, .6); } /*-------------------------------------------------------------- # Site Footer --------------------------------------------------------------*/ .site-footer { color: rgba(255, 255, 255, .5); font-size: 1.3rem; background: #09c; } .site-footer p { margin-bottom: 0; } .site-footer a:link, .site-footer a:visited { color: rgba(255, 255, 255, .7); } .site-footer a:hover, .site-footer a:focus { color: rgba(255, 255, 255, 1); } .site-info { padding: 2em 0; }