/* Theme Name: BLOXZ Theme URI: http://themes.devsground.com/bloxz Author: Mainul Hassan Main Author URI: https://github.com/mainulhassanmain Description: A simple wordpress theme for blogging with two sidebar on left and right. It supports 3 level dropdown menu. It comes with popular google font droid sans, four widget areas in footer and all type of post formats that wordpress given us, a scroll-to-top button, numeric pagination, breadcrumbs, custom widget for address and social links. Fully responsive, optimized for all devices based on Bootstrap Framework. The theme supports all major browsers like Firefox, Chrome, Safari, Opera and Internet Explorer 8, 9, 10 and uses the most modern technoligies like HTML5, CSS3. See how will be the look at: http://themes.devsground.com/bloxz Version: 1.0.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: bloxz Tags: black, white, gray, light, left-sidebar, right-sidebar, two-columns, three-columns, four-columns, threaded-comments, sticky-post, featured-images, responsive-layout, custom-menu, post-formats This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*-------------------------------------------------------------- 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:hover, .screen-reader-text:active, .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; } /*-------------------------------------------------------------- Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- Galleries --------------------------------------------------------------*/ .gallery { display: table; margin: 0 auto 20px; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object, video { margin-bottom: 24px; max-width: 100%; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videoWrapper object, .videoWrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; } table{ width: 100%; } /*from now our core styles start*/ body{ background-color: #eaeaea; font-family: 'Droid Sans', sans-serif; line-height: 2; font-size: 14px; color: #777; } a:hover{ text-transform: none; text-decoration: none; } header { background-color: #5C686A; } @media (min-width: 1279px) { div.pad { padding: 0 30px; } } div.logo{} div.logo h1, div.logo h2{ margin: 0; padding: 0; } div.logo h2{ color: #fff; } a.logo-link { color: #fff; display: table; font-size: 30px; font-weight: 700; line-height: 80px; padding: 0 15px; } .nav-main div ul { list-style: none; padding: 0; margin: 0; } .nav-main div > ul{ float: right; } .nav-main div ul li { display: block; position: relative; float: left; } .nav-main div > ul > li > a{ line-height: 80px; } .nav-main li > ul > li > a{ padding-top: 10px; padding-bottom: 10px; min-width: 160px; } .nav-main ul ul > li{ float: none; } /* hide the dropdowns */ .nav-main li ul { opacity: 0; position: absolute; -webkit-transition: visibility 0s linear 0.5s, opacity 0.5s linear 0s; -moz-transition: visibility 0s linear 0.5s, opacity 0.5s linear 0s; -o-transition: visibility 0s linear 0.5s, opacity 0.5s linear 0s; transition: visibility 0s linear 0.5s, opacity 0.5s linear 0s; visibility: hidden; z-index: 999; top: 100%; right: 0; } .nav-main ul li a { color: #fff; display: block; padding-left: 20px; padding-right: 20px; text-decoration: none; text-transform: uppercase; white-space: nowrap; } .nav-main ul li a:hover { background: #889BA4; } .nav-main ul li.current_page_item > a, .nav-main ul li.current-menu-item > a, .nav-main ul li.current-menu-ancestor > a, .nav-main ul li.current_page_ancestor > a { background: #889BA4; } /* display the dropdown */ .nav-main li:hover > ul { opacity: 1; position: absolute; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; visibility: visible; } .nav-main li:hover a { background: #889BA4; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .nav-main li:hover li a:hover { background: #5C686A; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .nav-main li ul li.current_page_ancestor > a, .nav-main li ul li.current-menu-item > a, .nav-main li ul li.current-menu-ancestor > a, .nav-main li ul li.current_page_item > a{ background: #5C686A; } /* Displays second level dropdowns to the right of the first level dropdown */ .nav-main ul ul ul { right: 100%; top: 0; } /* Simple clearfix */ .nav-main ul:before, .nav-main ul:after { content: ""; display: table; } .nav-main ul:after { clear: both; } /*hide the responsive-main-nav*/ div#responsive-main-nav{ display: none; } div.nav-toogle{ display: none; } /*show the responsive-main-nav*/ @media (max-width: 992px){ .nav-main{ display: none; } div.nav-toogle{ display: block; float: right; line-height: 80px; } div.nav-toogle > span{ background-color: #232D36; color: #fff; cursor: pointer; padding: 10px; } div#responsive-main-nav{ display: none; } div#responsive-main-nav ul{ list-style-type: none; margin: 0; padding: 0; background-color: #889BA4; } div#responsive-main-nav div > ul{ padding-left: 15px; padding-right: 15px; } div#responsive-main-nav li a{ border-top: 1px solid rgba(239, 246, 221, 0.5); color: #fff; display: inline-block; padding-bottom: 8px; padding-top: 8px; text-decoration: none; text-transform: uppercase; width: 100%; } div#responsive-main-nav li.current_page_item > a, div#responsive-main-nav li.current-menu-item > a, div#responsive-main-nav li.current-menu-ancestor > a, div#responsive-main-nav li.current_page_ancestor > a{ color: #566174; } div#responsive-main-nav div > ul > li:first-child > a{ border-top: none; } div#responsive-main-nav li > ul{ display: none; } div#responsive-main-nav li.has-sub{ position: relative; } div#responsive-main-nav li.has-sub > ul{ margin-left: 35px; } div#responsive-main-nav li.has-sub > .open-close-btn{ position: absolute; right: 0; margin-right: 15px; color: #fff; font-size: 20px; cursor: pointer; } span.open-close-btn:after{ font-family: FontAwesome; content: "\f067"; } span.open-close-btn.expand:after{ font-family: FontAwesome; content: "\f068"; } } /*projects-style*/ .projects-holder .mix{ display: none; } .project-item{ overflow: hidden; } .project-item img{ width: 100%; } /*main-container-style*/ .main-container{ margin-bottom: 35px; margin-top: 40px; padding-bottom: 25px; } /*masonry-style*/ .masonry{ margin-bottom: 40px; } .masonry-item{ padding: 10px; margin-bottom: 10px; } .masonry-container{ background-color: #fff; box-shadow: rgb(204, 204, 204) 2px 2px 4px 0px; } .masonry-container .caption{ padding: 0 15px 10px 15px; } .btn-load-more, .btn-post-comment{ background-color: #5c686a; border-style: solid; border-color: #535d5f; border-width: 0 0 4px 0; border-radius: 0; color: #fff; font-family: "Droid Sans"; font-size: 18px; padding: 5px 15px; text-transform: capitalize; } .btn-load-more:hover, btn-post-comment:hover{ color: #fff; } /*footer-style*/ footer{} div.footer-top{ background-color: #5C686A; padding: 35px 0; } div.footer-top .single-widget{ color: #fff; } @media (max-width: 767px){ div.footer-top .single-widget{ margin-bottom: 45px; } } div.footer-top .single-widget a{ color: #889ba4; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } div.footer-top .single-widget a:hover{ color: #16241F; } div.footer-top .widget-title{} .widget-title h4{ text-transform: uppercase; } div.footer-top .widget-body{} div.footer-top .widget-body legend{ color: #fff; border-bottom: none; } div.footer-bottom{ background-color: #535d5f; color: #fff; } div.footer-bottom .site-info { line-height: 80px; margin: 0; } @media (max-width: 767px){ div.footer-bottom .site-info { margin: 5px 0 0; line-height: 25px; } } div.footer-bottom a{ color: #889ba4; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } div.footer-bottom a:hover{ color: #16241F; } div.footer-bottom span.scroll-to-top { background-color: #889ba4; cursor: pointer; display: table; font-size: 30px; line-height: 80px; padding: 0 25px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } div.footer-bottom span.scroll-to-top:hover { background-color: #5B6769; } div.footer-bottom span.scroll-to-top:before{ font-family: FontAwesome; content: "\f106"; } /*blog-page-style*/ .page-breadcrumb > ol{ border-bottom: none; margin: 0 0 30px; } .page-header{ border-bottom: none; margin: 0 0 30px; padding-bottom: 0; } .page-header h1{ font-size: 24px; color: #566174; margin: 0; } .post-list{} .single-post-short, .single-post-full, .search-page, .no-results{ background-color: #fff; margin-bottom: 1.5em; overflow: hidden; } .single-post-short img, .single-post-full img { height: auto; max-width: 100%; } .sticky span.sticky-post{ background-color: #566174; color: #fff; padding: 3px; } .sticky span.sticky-post:after{ content: ""; } .post-thumbnail{} .post-thumbnail img{ margin: 0 auto; } .post-title, .post-title a{ color: #566174; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .post-title a:hover{ color: #2f3235; } .post-info{ margin-bottom: 15px; } .post-info, .post-info a{ color: #9aa5ad; font-size: 12px; text-transform: capitalize; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .post-info span{ margin: 0 5px 0 0; } .post-info span:last-child{ margin: 0 0 0 0; } .post-info span:after{ content: "|"; padding-left: 5px; } .post-info span:last-child:after{ content: ""; padding-left: 0; } a.short-read-more { color: #5b6769; font-size: 14px; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .post-info a:hover, a.short-read-more:hover{ color: #2f3235; } .post-content{} .post-desc{} .single-post-short .post-content{ padding: 25px; } .single-post-full .post-content{ padding: 25px 25px 30px; } .post-footer{ margin-top: 25px; } .post-footer .tag{ /*margin-bottom: 15px;*/ } .post-footer span.title { background-color: #566174; color: #fff; font-weight: 700; padding: 5px; text-transform: capitalize; } .post-footer a{ display: inline-block; margin: 0 0 10px 5px; line-height: 25px; color: #777; border: 1px solid #e1e1e1; padding: 0 5px; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .post-footer a:hover{ border-color: #566174; color: #566174; } .about-author{ padding:25px 25px 35px 25px; border-top: 1px solid #eee; } .author-avatar{ max-width: 90px; width: 100%; overflow: hidden; } .author-avatar img{ width: 100%; } .post-pager{ background-color: #fff; padding: 25px; } .nav-previous{ display: inline-block; float: left; width: 50%; } .nav-next{ display: inline-block; float: right; text-align: right; width: 50%; } .nav-previous h3, .nav-previous h3 a, .nav-next h3, .nav-next h3 a{ display: inline-block; } .nav-previous h3, .nav-next h3{ margin: 10px 0 0; } .nav-previous > .nav-indicator:before{ content: '\f060'; font-family: 'Fontawesome'; padding: 0 10px 0 0; } .nav-next > .nav-indicator:after{ content: '\f061'; font-family: 'Fontawesome'; padding: 0 0 0 10px; } .blog-pagination{ display: inline-block; } .blog-pagination ul{ margin: 0; padding: 0; } .blog-pagination li > a, .blog-pagination li > span{ border-radius: 0; } .blog-pagination span.current{ background-color: #889ba4; color: #fff; } .main-container a{ color: #566174; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .main-container a:hover{ color: #2f3235; } /*sidebar styling*/ .sidebar .single-widget{ margin-bottom: 3em; background-color: #fff; padding: 20px; } .sidebar .widget-title { border-bottom: 1px dashed rgba(0, 0, 0, 0.3); margin-left: -20px; margin-right: -20px; margin-top: -20px; margin-bottom: 20px; } .sidebar .widget-title h4{ color: #566174; margin-top:0; padding: 20px 20px 5px; } .sidebar .widget-body{ padding: 20px 20px 15px; } .sidebar ul{ list-style-type: none; padding-left: 0; margin-left: 15px; } .tagcloud a{ display: inline-block; font-size: 12px !important; margin: 0 0 10px 5px; line-height: 25px; color: #777; border: 1px solid #e1e1e1; padding: 0 8px; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .tagcloud a:hover{ border-color: #566174; color: #566174; } /*blog pagination*/ .blog-pagination li a { color: #566174; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .blog-pagination li a:hover{ color: #566174; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #5c686a; border-color: #5c686a; } /*override bootstrap breadcrumb style*/ .breadcrumb{ background-color: inherit; border-radius: none; margin: 0; padding: 0; } .breadcrumb > li + li:before { color: #ccc; content: ""; padding: 0; } .breadcrumb > li:after { color: #ccc; content: "\f105"; font-family: FontAwesome; padding: 0 5px; } .breadcrumb > li:last-child:after { color: #ccc; content: ""; padding: 0; } /*styling comments and comment form*/ div.comment-bg{ background-color: #fff; padding: 25px; } .comments-pager li a{ border-radius: 3px; } .comments-area {margin: 60px 0 40px;} .comments-title {color: #566174;font-family: 'Droid Sans';font-size: 24px; font-weight: 300; margin-bottom: 20px;} .comments-area ol {list-style: none; padding-left: 0;} .comments-area li {padding: 26px 0 5px;} .comments-area ul.children{list-style: none; padding-left: 0;} .comments-area ul.children li{padding: 30px 0 0 70px;} .comments-area ul.children ul ul li{padding-left: 0;} .comment-author, .comment-metadata, .reply {display: inline-block;} .comment-author img {max-width: 51px; border-radius: 100%; margin-right: 16px;} .comment-content {padding: 0 0 9px 70px; border-bottom: 1px solid #ebebeb;} .comment-respond {margin-top: 60px;} .comment-reply-title {color: #566174;font-family: 'Droid Sans';font-size: 24px; font-weight: 300; margin-bottom: 20px;} .bypostauthor > .media > .media-body > .media-heading:before{ content: "\f005"; font-family: 'Fontawesome'; margin-right: 5px; } /*comment-form*/ .comment-form{ background-color: #fff; padding: 25px; display: inline-block; width: 100%; } .comment-form .form-group { display: inline-block; margin-left: -15px; margin-right: -15px; width: 100%; } div.comment-bg .comment-form{ background-color: inherit; padding: 0; } .comment-form label.control-label{ font-family: 'Droid Sans'; font-weight: 300; text-align: left; } .comment-form .form-control{ border-radius: 0; } .comment-form textarea{ resize: vertical; } .cancel-comment-reply{ margin-bottom: 15px; } p.form-submit { margin-left: 25%; } @media (max-width: 767px){ p.form-submit { margin-left: 0; } } /* calendar widget */ #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { background: none repeat scroll 0 0 #889ba4; border: 1px solid #fff; color: #fff; padding: 8px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;} #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 12px; text-align: right; padding-top: 10px; } #wp-calendar tfoot #prev { font-size: 12px; padding-top: 10px; } #wp-calendar tbody td#today{background: none repeat scroll 0 0 #889ba4;color: #fff;} /*footer calendar widget*/ .footer-top #wp-calendar { width:100%; } .footer-top #wp-calendar { width:100%; font-size:12px; font-weight:300; border-collapse:separate; border-spacing:8px; } .footer-top #wp-calendar caption { color: #fff; padding-right: 8px; } .footer-top #wp-calendar tbody td { border: 1px solid #f4f4f4; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; color: #666; margin-bottom: 10px; padding: 6px; text-align: center; } .footer-top #wp-calendar tbody td:hover { border-color:#e2e2e2; } .footer-top #wp-calendar tbody td.pad:hover { background: inherit; } .footer-top #wp-calendar tbody td.pad { border:0; } .footer-top #wp-calendar tbody td#today { background: inherit; color:#47C2DC; border-color:#47C2DC; } .footer-top #wp-calendar tfoot td#prev a,.footer-top #wp-calendar tfoot td#next a { font-size:14px; position:relative; text-transform:uppercase; bottom:-9px; margin-bottom:1px; } .footer-top #wp-calendar tfoot td#prev { text-align:left; } .footer-top #wp-calendar tfoot td#next { text-align:right; } .footer-top #wp-calendar thead th { background: inherit; color: #fff; font-size: 13px; font-weight: 400; padding-bottom: 10px; text-align: center; } .footer-top #wp-calendar tbody td a, #wp-calendar tfoot td#prev a:hover, #wp-calendar tfoot td#next a:hover { color: #16241F; } /*all footer widgets styling*/ .footer-top .single-widget > ul{ padding-left: 15px; } /*footer meta widget styling*/ .footer-top .widget_meta > ul{ list-style-type: none; padding-left: 0; } .footer-top .widget_meta > ul > li{ margin: 5px 0; } .footer-top .tagcloud a:hover{ border-color: #16241F; color: #566174; } /*footer recent post widget styling*/ .footer-top .widget_recent_entries > ul{ list-style-type: none; padding-left: 0; } .footer-top .widget_recent_entries > ul > li{ /*border-bottom: 1px solid rgba(255, 255, 255, 0.3);*/ margin: 5px 0; } .footer-top .widget_recent_entries > ul > li:last-child{ /*border-bottom: none;*/ margin: 5px 0; } /*footer recent comments widget styling*/ .footer-top .widget_recent_comments > ul{ list-style-type: none; padding-left: 0; } .footer-top .widget_recent_comments > ul > li{ /*border-bottom: 1px solid rgba(255, 255, 255, 0.3);*/ margin: 5px 0; } /*footer-widget social section*/ .footer-top .social_share ul, .social_share ul{ list-style-type: none; padding-left: 0; margin-left: 0; } .footer-top .social_share ul > li > span, .social_share ul > li > span{ font-size: 18px; } .social_share div.social-link{ margin-top: 15px; display: inline-block; width: 100%; } .social_share div.social-link a { border: 1px solid; color: #fff; cursor: pointer; display: inline-block; font-size: 20px; height: 40px; line-height: 40px; margin: 0 4px 5px; text-align: center; width: 40px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .sidebar .social_share div.social-link a{ color: #777; } .social_share div.social-link a:first-child{ margin-left: 0; } .social_share div.social-link a:hover{color: #fff;text-decoration:none;} .social_share div.social-link a.facebook:hover{border:1px solid #3A5897;background-color:#3A5897;} .social_share div.social-link a.twitter:hover{border:1px solid #00BDEC;background-color:#00BDEC;} .social_share div.social-link a.linkedin:hover{border:1px solid #1A92BD;background-color:#1A92BD;} .social_share div.social-link a.google-plus:hover{border:1px solid #DD4B39;background-color:#DD4B39;} /*search form styling*/ .search-form{} .search-form .search-field { border: 1px solid #ddd; border-radius: 1px; font-family: "Droid Sans"; font-weight: 300; padding: 0 5px; max-width: 190px; width: 100%; } .search-form .search-field:focus{ border: 1px solid #ddd; outline: none; } .search-form .search-submit { background-color: #5c686a; border-color: #535d5f; border-radius: 0; border-style: solid; border-width: 1px; color: #fff; font-family: "Droid Sans"; padding: 0 15px; } /*widget dropdown styling*/ .single-widget select{ width: 100%; } /*404 page-styling*/ .error-page-header{ margin-top: 20px; display: table; width: 100%; } .error-page{ min-height: 250px; } /*styling post format type linl*/ .format-link .post-title a{ -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .format-link .post-title a:after{ content: '\f08e'; font-family: 'Fontawesome'; margin: 0 0 0 15px; } .format-link .post-title a:hover{ color: #333; } /*styling post format type quote*/ .format-quote .post-content { color: #333; } blockquote{ border-left: 5px solid #999; } /*pagination for page links inside posts or pages*/ .page-links{} .page-links span { background-color: #eee; border: 1px solid #eee; display: inline-block; line-height: 25px; padding: 0 7px; margin: 0 0 0 5px; } .page-links span.page-links-title { background-color: #566174; border: 1px solid #566174; color: #fff; font-weight: 700; padding: 0 5px; margin: 0 0 0 0; } .page-links > a{ display: inline-block; } .page-links a > span{ background-color: inherit; border: 1px solid #e1e1e1; color: #777; display: inline-block; line-height: 25px; margin: 0 0 0 5px; padding: 0 7px; transition: all 0.25s ease-in 0s; } .page-links a > span:hover{ border-color: #566174; color: #566174; } .page-links a:focus{ outline: none; } /*read-more link styling*/ a.more-link{ display: block; } .wpcf7-form label{ font-weight: normal; } input[type="submit"] { background-color: #5c686a; border-color: #535d5f; border-radius: 0; border-style: solid; border-width: 1px; color: #fff; font-family: "Droid Sans"; padding: 0 15px; } /*navigation for attachment type image*/ .entry-caption{ margin-top: 15px; }