/* Theme Name: BootstrapWP Theme URI: http://www.candythemes.com/themes/bootstrapwp/ Author: CandyThemes Author URI: http://www.candythemes.com Description: Bootstrap based WP theme Version: 1.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: bwp Tags: red, black, white, light, two-columns, responsive-layout, featured-images, left-sidebar, right-sidebar, full-width-template, translation-ready This theme, like WordPress, is licensed under the GPL. bootstrapwp is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # General styles # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Homepage # Widgets # Content ## Posts and pages ## Post meta ## Search ## Asides ## Comments # Social media links # Infinite scroll # Media ## Captions ## Galleries # Sidebar # Footer # Back to Top # Demo homepage styles # Media queries --------------------------------------------------------------*/ /* ========================================================================== General styles ========================================================================== */ html, body { height: 100%; } body { font-family: "Open Sans",Helvetica,Arial,sans-serif; font-size: 14px; color: #555; line-height: 1.5; word-wrap: break-word; -webkit-font-smoothing: antialiased; -webkit-overflow-scrolling: touch; } a img { background: white; } .odd a img { background: #f5f5f5; } /* Titles */ h1, h2, h3, h4, h5, h6 { font-family: "Raleway"; font-weight: 300; color: #333; } /* Paragraph & Typographic */ p { line-height: 28px; word-break: keep-all; !important; } .centered { text-align: center; } .paragraph-lead { font-size: 20px; color: #3498db; } strong { font-weight: 700; } em { font-weight: 300; } pre { background: #ebebeb; border: none; font-family: "Times New Roman", Georgia, Serif; font-size: 16px; color: #666; padding: 20px; line-height: 28px; } small { font-size: 12px; } blockquote, blockquote p { line-height: 28px; color: #999; font-weight: 300; font-style: italic; } blockquote { position: relative; margin: 0 0 40px -30px; padding-left: 30px; border-left: 5px solid #3498db; } blockquote cite { position: absolute; bottom: -25px; right: 0; font-size: 12px; font-style: italic; color: #333; font-weight: 300; } blockquote cite:before { content: "-- " } /* Images */ .overflow-image { margin-top: -65px; } /* Links */ a { color: #222; word-wrap: break-word; -webkit-transition: color 0.1s ease-in, background 0.1s ease-in; -moz-transition: color 0.1s ease-in, background 0.1s ease-in; -ms-transition: color 0.1s ease-in, background 0.1s ease-in; -o-transition: color 0.1s ease-in, background 0.1s ease-in; transition: color 0.1s ease-in, background 0.1s ease-in; } a:hover, a:focus { color: #ff0000; text-decoration: none; outline: 0; } a:before, a:after { -webkit-transition: color 0.1s ease-in, background 0.1s ease-in; -moz-transition: color 0.1s ease-in, background 0.1s ease-in; -ms-transition: color 0.1s ease-in, background 0.1s ease-in; -o-transition: color 0.1s ease-in, background 0.1s ease-in; transition: color 0.1s ease-in, background 0.1s ease-in; } .sticky { } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ #primary, #secondary { word-break: break-all; word-break: break-word; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ .navbar { margin-bottom:0; } .navbar-default { border-color: transparent; background-color: #111; } .navbar-toggle { border-color: transparent; border: 0px solid transparent; } .navbar-default .navbar-nav > .active > a { background-color: #ff0000; color: white; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background-color: #ff0000; color: white; } .navbar-default .navbar-brand { color: #fff; } .navbar-default .navbar-brand:hover { color: #ff0000; } /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* 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; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; 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. */ } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Homepage --------------------------------------------------------------*/ .jumbotron { text-align:center; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 2.5em; } /* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; } /* Search widget. */ .widget_search .search-submit { display: none; } .widget ul { list-style: none; padding-left: 0; } .widget ul li{ padding: 7px 0 7px 0; } .widget li:before { color: #ddd; font-family: "FontAwesome"; content: "\f0da"; margin-right: 8px; } .widget-title, .widgettitle { color: #222; font-size: 16px; font-weight: bold; margin: 0 0 5px 0; } .footer.widgets .widget-title { margin-top: 50px; } .widget-title, .widgettitle { margin-top: 0; padding-bottom: 18px; position: relative; } /*-------------------------------------------------------------- # Calendar widget --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ .site-content { margin-top: 25px; } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .hentry { margin: 0 0 1.8em; border-bottom: 1px solid #fff; padding-bottom: 1.8em; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .entry-content,.entry-title{ word-break:normal; word-wrap:normal; } .entry-title a { color:#ff0000; } .page-links { clear: both; margin: 0 0 1.5em; } img.wp-post-image { margin-bottom: 20px; } .author-meta { margin-top: 40px; } .author-meta .avatar { border-radius: 50%; } .author-meta .fa{ font-size: 22px; } /*-------------------------------------------------------------- Post Meta --------------------------------------------------------------*/ .entry-meta span { margin-right: 20px; display: inline-block; } .entry-meta span:last-child { margin-right: 0; } .entry-meta span .fa{ color: #bcbcbc; } .entry-meta span a { color: #777; text-decoration: none; } .entry-meta span a:hover { text-decoration: underline; } /*-------------------------------------------------------------- Search --------------------------------------------------------------*/ .search-highlight { background:#FFFF00 } /*-------------------------------------------------------------- ## Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { } .comments-title, .comment-reply-title { padding-bottom: 9px; margin: 40px 0 20px 0; border-bottom: 1px solid #eee; } ol.comment-list { list-style:none; padding-left: 0; } .comment-author .avatar { margin-right: 25px; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; padding: 4px; } .comment-meta { margin-top: 20px; margin-bottom: 20px; } .comment-details { overflow: hidden; zoom: 1; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #ddd; } .comment-details .reply { margin-top: 10px; } .comment-date a { font-size: 11px; color: #777; margin-right: 10px; } #commentform #comment { width: 100% !important; } #commentform #submit { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; color: #333; background-color: #fff; border-color: #ccc; } #commentform #submit:hover{ color: #333; background-color: #e6e6e6; border-color: #adadad; } /* ---------------------------------------------- /* * Social Media icons /* ---------------------------------------------- */ .social-links { list-style: none; padding: 0; text-align:center; } .social-links li { display: inline-block; margin: 5px; } .social-links a { width: 36px; height: 36px; display: block; line-height: 35px; text-align: center; border: 1px solid rgba(255, 255, 255, .1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; color: rgba(255, 255, 255, .2); } .social-links a:hover { border: 1px solid rgba(255, 255, 255, .5); color: rgba(255, 255, 255, .8); } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object, img { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- Sidebar --------------------------------------------------------------*/ .sidebar { margin-top: 20px; } /*-------------------------------------------------------------- Footer --------------------------------------------------------------*/ .footer.widgets { background: #f5f5f5 none repeat scroll 0 0; margin-top: 48px; } .footer.widgets .container{ padding: 30px 0; } .footer aside {padding:10px;} #colophon { background-color:#000; color:#fff; } #colophon .container { padding-top: 25px; } .footer-menu { margin-left:0; padding:0; } .footer-menu li { display:inline; list-style-type:none; } .footer-menu li a { border-left:1px solid #333; padding: 0 8px; color:#ff0000; } .footer-menu li a:hover, .copyright a:hover{ color: #fff; text-decoration:none; } .footer-menu > li:first-child > a { border-left:none; padding:0 8px 0 0; } .copyright { float: left; } .copyright a {color:#ff0000;} /*-------------------------------------------------------------- Back to Top --------------------------------------------------------------*/ .cd-top { display: inline-block; height: 40px; width: 10px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(255, 0, 0, 0.8) url(images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; } .no-touch .cd-top:hover { background-color: #e86256; opacity: 1; } /*-------------------------------------------------------------- Demo homepage styles --------------------------------------------------------------*/ .marketing .col-lg-4 { margin-bottom: 20px; text-align: center; word-wrap: break-word; } .marketing h2 { font-weight: normal; } .marketing .col-lg-4 p { } .featurette-divider { margin: 80px 0 !important; /* Space out the Bootstrap
more */ } .featurette-heading { font-weight: 300; line-height: 1; letter-spacing: -1px; } .featurette p { line-height:45px; } /*-------------------------------------------------------------- Media Queries --------------------------------------------------------------*/ /* Android portrait 240px */ @media only screen and (max-width: 241px) { .jumbotron h1, .jumbotron p { padding: 0 25px; word-wrap: normal } .featurette-divider { margin: 20px 0 !important; } #menu-footer-menu, .copyright {float:none; text-align:center !important;} } /* Custom, iPhone Retina */ @media only screen and (min-width : 320px) { .jumbotron h1, .jumbotron p { padding: 0 25px; word-wrap: normal } .featurette-divider { margin: 20px 0 !important; } #menu-footer-menu, .copyright {float:none; text-align:center !important;} } /* Extra Small Devices, Phones */ @media only screen and (min-width : 480px) { } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { #menu-footer-menu {float:none; text-align:left !important;} .cd-top { right: 20px; bottom: 20px; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { #menu-footer-menu {float:none; text-align:left !important;} .copyright { float: right; } .featurette-heading { margin-top: 120px; } } @media only screen and (min-width: 1024px) { #menu-footer-menu {float:none; text-align:left !important;} .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { #menu-footer-menu {float:none; text-align:left !important;} }