/* Theme Name: Best Reloaded Theme URI: http://www.pattonwebz.com/best-reloaded-bootstrap-theme Description: A responsive, mobile-first, WordPress theme that uses Bootstrap. Author: William Patton Author URI: http://pattonwebz.com/ Version: 0.8.1 Text Domain: best-reloaded Tags: left-sidebar, right-sidebar, custom-colors, custom-menu, editor-style, featured-images, full-width-template, theme-options, threaded-comments, translation-ready License: GNU General Public License (3.0) License URI: http://www.gnu.org/licenses/gpl-3.0.html */ body { padding-top: 60px; /* accounts for the floating top navbar */ font-size: 16px; } /* responsive images */ img, .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail, .wp-caption, .gallery-caption { max-width: 100%; height: auto; } a { color: #f26535; -webkit-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; } a:hover, a:focus { color: #e5450f; } @media (min-width: 1200px) { .container { width: 95%; max-width: 1280px; } } .container-wrapper { padding: 25px 30px; background-color: white; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); border-radius: 4px 4px 0 0; } @media (min-width: 768px) { .container-wrapper { padding: 35px 60px; } } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail, .wp-caption, .gallery-caption { max-width: 100%; height: auto; } .wp-caption, .gallery-caption { background: whitesmoke; color: #444; padding: 5px; border-radius: 10px; -webkit-box-shadow: 1px 1px 10px #aaa; box-shadow: 1px 1px 10px #aaa; font-size: 85%; } .wp-caption-text { margin: 10px; text-align: justify; } .wp-caption img, .gallery-caption img { border-radius: 5px; } .sticky:before { content: 'sticky post'; display: block; text-align: center; margin-bottom: 23px; padding: 5px 0 6px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; text-shadow: none; color: #bbb; } .bypostauthor { letter-spacing: -0.2px; } .alignright { float: right; margin-left: 8px; margin-bottom: 10px; } .alignleft { float: left; margin-right: 8px; margin-bottom: 10px; } .aligncenter { display: block; margin: 0 auto; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* --------------------------------------- * * Typography * * ---------------------------------------- */ h6, .h6, h6, .h6, h6, .h6, h6, .h6, h6, .h6, h6, .h6 { letter-spacing: 0.3px; } .hero-p { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 20px; padding: 0; margin: 0; display: block; text-align: center; } @media (min-width: 768px) { .hero-p { font-size: 24px; } } @media (min-width: 992px) { .hero-p { font-size: 38px; } } @media (min-width: 1200px) { .hero-p { font-size: 30px; } } .featured-bar-post p, .featured-bar-post .hero-p { font-size: 18px; line-height: 28px; margin-bottom: 0; } @media (min-width: 768px) { .featured-bar-post p, .featured-bar-post .hero-p { font-size: 22px; } } .meta .entry-meta { color: #666; font-style: italic; } .page-title { letter-spacing: -1px; } /* --------------------------------------- * * Header * * ---------------------------------------- */ .name-text h1, .name-text span.h1 { font-size: 90px; line-height: 90px; letter-spacing: -5px; margin-top: 5px; } .site-title a:hover, .site-title a:focus { text-decoration: none; } #site-footer { -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); border-top: 3px solid #f26535; background-color: #2f2f2f; color: #ddd; } #site-footer a { color: #e5450f; } #site-footer a:hover, #site-footer a:focus { color: #f26535; } #site-footer .footer-top { margin-top: 20px; } #site-footer .footer-top .widget-area { margin-left: 0; margin-right: 0; } #site-footer .footer-bottom .row { margin-left: 0; margin-right: 0; } #site-footer #footer-site-title { padding: 14px 0; margin: 0; } .blog-three-up .entry-title { font-size: 20px; } .blog-three-up footer { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 14px; } .widget ul, .widget ol { list-style: none; padding-left: 0; } .widget ul li, .widget ol li { padding: 5px 0; line-height: 20px; } .widget ul li a, .widget ol li a { -webkit-transition: margin 0.5s ease-in-out; -o-transition: margin 0.5s ease-in-out; transition: margin 0.5s ease-in-out; } .widget ul li a:before, .widget ol li a:before { content: '\2192 \0020'; } .widget ul li a:hover, .widget ul li a:focus, .widget ol li a:hover, .widget ol li a:focus { margin-left: 10px; text-decoration: none; } .widget .widget-title { margin-top: 3px; margin-bottom: 15px; } .footer-widget-col .widget .widget-title { margin-bottom: 10px; } .widget #recentcomments li { padding: 5px 0; line-height: 24px; } .footer-widget-col .widget { margin: 0 5px 30px; } .footer-widget-col .widget:last-child { margin-bottom: 5px; } #comments .commentlist { margin-left: 0; padding-left: 0; } #comments li.comment, #comments li.pingpack { list-style: none; } #comments .pingback, #comments article.comment { position: relative; padding: 20px; margin: 15px 0; background-color: #fcfcfc; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 0 20px #f2f2f2; box-shadow: inset 0 0 20px #f2f2f2; line-height: 1.7; font-size: 15px; } #comments article .comment-meta { position: relative; } #comments article .comment-meta .avatar { float: left; padding: 3px; margin-right: 14px; margin-bottom: 8px; background: #fff; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: 0 2px 4px #e9e9e9; box-shadow: 0 2px 4px #e9e9e9; } #comments article .comment-meta .fn { float: left; position: relative; top: 5px; font-size: 22px; line-height: 1.1; } #comments article .comment-reply-link span { position: relative; top: 1px; } #comments article .comment-content { clear: both; position: relative; top: 1%; } #comments article .comment-content p { font-size: 15px; } #comments article .edit-reply { margin-top: 5px; } /* --------------------------------------- * * Slider * * --------------------------------------- */ .carousel .carousel-indicators { bottom: 0px; } .carousel .carousel-inner .carousel-caption { background: rgba(0, 0, 0, 0.8); left: 0%; right: 0%; bottom: 0%; padding: 0px 20px 30px; } @media (min-width: 768px) { .carousel .carousel-inner .carousel-caption { padding: 0px 50px 30px; } } /* --------------------------------------- * * featured bar styles * * --------------------------------------- */ .featured-bar { background-color: #f5f5f5; background-image: url("img/featured-bg-thumb-up.png"); background-repeat: no-repeat; background-position: -1% 50%; padding: 30px 60px; margin: 0 -30px 20px; text-shadow: none; } .featured-bar.featured-bar-post { margin: 10px 0 30px -60px; padding: 15px 15px 15px 60px; } .featured-bar.featured-bar-post p { font-size: 22px; line-height: 28px; margin-bottom: 0; } /* ------------------------------------- * * Social sharing block * * ------------------------------------- */ #social-block { background: white; z-index: 999; } #social-block.affix { top: 50px; } .pager { padding-left: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .pager li { -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; } .pager li.next { text-align: right; } /* -------------------------------------- * * Effects * * --------------------------------------- */ /* thumbnail floating effect */ .post-thumb { display: inline-block; max-width: 100%; position: relative; bottom: 0; -webkit-transition: bottom 0.3s ease-in-out; -o-transition: bottom 0.3s ease-in-out; transition: bottom 0.3s ease-in-out; } .post-thumb img { border-radius: 3px; } .post-thumb span { display: block; padding: 5px; border: 1px solid #ddd; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -webkit-transition: -webkit-box-shadow 0.3s ease-in-out; transition: -webkit-box-shadow 0.3s ease-in-out; -o-transition: box-shadow 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; } .post-thumb:hover { bottom: 10px; } .post-thumb:hover span { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); } /*# sourceMappingURL=style.css.map */