/* Theme Name: Blog Era Pro Theme URI: http://demo.96themes.com/blog-era-pro/ Author: 96 Themes Author URI: http://96themes.com/ Description: Blog Era is a Responsive Blogger Template, it is clean and compatible with many devices, It’s perfect for creating your blog, no need to coding as it is very customizable. Version: 1.0.1 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: blog-era Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, blog, education, news, custom-logo,right-sidebar, left-sidebar, custom-header Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, 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-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.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: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { 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-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, optgroup, textarea { color: #404040; font-family: sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; padding: 25px; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } blockquote:before, q:before{ content: "\f10d"; font-family: 'FontAwesome'; font-size: 25px; float: left; position: absolute; left: -10px; top: 25px; } blockquote p, q p{ text-align: left; } blockquote p::first-letter, q p::first-letter{ font-size: 35px; font-weight: 600; } blockquote, q{ position: relative; } blockquote, q { quotes: "" ""; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { display: block; height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 0 0 1.5em; width: 100%; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, .8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #aaa #bbb #bbb; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } select { border: 1px solid #ccc; padding: 5px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } textarea { width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a:focus, a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation { clear: both; display: block; float: left; width: 100%; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; text-decoration: none; } .main-navigation ul ul { border-top: 5px solid rgba(252, 173, 28,0.7); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul a { width: 200px; } .main-navigation ul ul li { } .main-navigation li:hover > a, .main-navigation li.focus > a { } .main-navigation ul ul :hover > a, .main-navigation ul ul .focus > a { } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a { } .main-navigation li li{ border-bottom: 1px solid rgba(0, 0, 0, 0.7); } .main-navigation li li:last-child{ border-bottom: 0; } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } @media screen and (min-width: 37.5em) { .menu-toggle { display: none; } .main-navigation ul { display: block; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- # 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; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .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. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # 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; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; clear: both; } /* Make sure select elements fit in widgets. */ .widget select { padding: 8px; max-width: 100%; width: 100%; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- # 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 { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## 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 { bottom: 0; position: absolute; left: 0; text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; position: relative;` vertical-align: top; width: 100%; } .gallery-item img{ margin: 0 auto; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33333%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66667%; } .gallery-columns-7 .gallery-item { max-width: 14.28571%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11111%; } .gallery-caption { display: block; } /* browser css */ body{ background: #fff; } body{ background: url('') bottom center no-repeat rgba(255,255,255,0.1); background-size: contain; width: 100%; height: 100%; } .blog-container{ margin: 0 auto; max-width: 100%; padding: 0 15px; width: 1170px; } #page{ background: #fff; display: block; overflow: hidden; word-wrap: break-word; } .site{ background: #fff; border-radius: 25px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); float: none!important; margin: 30px auto 150px; max-width: 1190px; } .default-layout-full-width .site{ border-radius:0; float: left !important; margin: 0; max-width: 100%; width: 100%; } .blog-col-1 { width: 8.33333333%; } .blog-col-2 { width: 16.66666667%; } .blog-col-3 { width: 25%; } .blog-col-4 { width: 33.33333333%; } .blog-col-5 { width: 41.66666667%; } .blog-col-6 { width: 50%; } .blog-col-7 { width: 58.33333333%; } .blog-col-8 { width: 66.66666667%; } .blog-col-9 { width: 75%; } .blog-col-10 { width: 83.33333333%; } .blog-col-11 { width: 91.66666667%; } .blog-col-12 { width: 100%; } .blog-col-1, .blog-col-2, .blog-col-3, .blog-col-4, .blog-col-5, .blog-col-6, .blog-col-7, .blog-col-8, .blog-col-9, .blog-col-10, .blog-col-11, .blog-col-12 { float: left; padding-right: 15px; padding-left: 15px; position: relative; min-height: 1px; } .blog-row{ margin-left: -15px; margin-right: -15px; } a{ cursor: pointer; text-decoration: none; } h1{ font-size: 35px; } h2{ font-size: 32px; } h3{ font-size: 30px; } h4{ font-size: 28px; } h5{ font-size: 25px; } h6{ font-size: 20px; } .top-menu .blog-row{ align-items: center; display: flex; flex-wrap: wrap; } /* top-address-part */ /* top-menu */ .top-menu{ padding: 10px 0; } .top-address-part ul, .top-menu-holder ul{ list-style: none; margin: 0; padding: 0; } .top-address-part li, .top-menu-holder ul li{ display: inline-block } .top-address-part li, .top-address-part li a, .top-menu-holder ul li a{ padding: 0 3px; } .top-address-part ul li i, .top-address-part ul li a i{ margin-right: 10px; } /* socialmenu part */ .social-menu-part.social-left ul{ float: left; } .social-menu-part ul{ float: right; list-style: none; margin: 0; padding: 0; } .social-menu-part ul li{ display: inline-block; } .social-menu-part ul li a{ font-size: 0; } .social-menu-part ul li a:hover{ -webkit-box-shadow: inset 0 16px 10px -10px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 16px 10px -10px rgba(0,0,0,0.3); box-shadow: inset 0 16px 10px -10px rgba(0,0,0,0.3); } .social-menu-part ul li a::before { font-family: "FontAwesome"; font-size: 16px; padding: 0 5px; vertical-align: middle; } ul#social-profiles li a[href*="facebook.com"]::before, .social-menu-part ul li a[href*="facebook.com"]::before { content: "\f09a" } ul#social-profiles li a[href*="twitter.com"]::before, .social-menu-part ul li a[href*="twitter.com"]::before { content: "\f099" } ul#social-profiles li a[href*="linkedin.com"]::before, .social-menu-part ul li a[href*="linkedin.com"]::before { content: "\f0e1" } ul#social-profiles li a[href*="plus.google.com"]::before, .social-menu-part ul li a[href*="plus.google.com"]::before { content: "\f0d5" } ul#social-profiles li a[href*="youtube.com"]::before, .social-menu-part ul li a[href*="youtube.com"]::before { content: "\f167" } ul#social-profiles li a[href*="dribbble.com"]::before, .social-menu-part ul li a[href*="dribbble.com"]::before { content: "\f17d" } ul#social-profiles li a[href*="pinterest.com"]::before, .social-menu-part ul li a[href*="pinterest.com"]::before { content: "\f0d2" } ul#social-profiles li a[href*="bitbucket.org"]::before, .social-menu-part ul li a[href*="bitbucket.org"]::before { content: "\f171" } ul#social-profiles li a[href*="github.com"]::before, .social-menu-part ul li a[href*="github.com"]::before { content: "\f113" } ul#social-profiles li a[href*="codepen.io"]::before, .social-menu-part ul li a[href*="codepen.io"]::before { content: "\f1cb" } ul#social-profiles li a[href*="flickr.com"]::before, .social-menu-part ul li a[href*="flickr.com"]::before { content: "\f16e" } ul#social-profiles li a[href$="feed.com"]::before, .social-menu-part ul li a[href$="feed.com"]::before { content: "\f09e" } ul#social-profiles li a[href*="foursquare.com"]::before, .social-menu-part ul li a[href*="foursquare.com"]::before { content: "\f180" } ul#social-profiles li a[href*="instagram.com"]::before, .social-menu-part ul li a[href*="instagram.com"]::before { content: "\f16d" } ul#social-profiles li a[href*="tumblr.com"]::before, .social-menu-part ul li a[href*="tumblr.com"]::before { content: "\f173" } ul#social-profiles li a[href*="respanit.com"]::before, .social-menu-part ul li a[href*="respanit.com"]::before { content: "\f1a1" } ul#social-profiles li a[href*="vimeo.com"]::before, .social-menu-part ul li a[href*="vimeo.com"]::before { content: "\f194" } ul#social-profiles li a[href*="digg.com"]::before, .social-menu-part ul li a[href*="digg.com"]::before { content: "\f1a6" } ul#social-profiles li a[href*="twitch.tv"]::before, .social-menu-part ul li a[href*="twitch.tv"]::before { content: "\f1e8" } ul#social-profiles li a[href*="stumbleupon.com"]::before, .social-menu-part ul li a[href*="stumbleupon.com"]::before { content: "\f1a4" } ul#social-profiles li a[href*="delicious.com"]::before, .social-menu-part ul li a[href*="delicious.com"]::before { content: "\f1a5" } ul#social-profiles li a[href*="mailto:"]::before, .social-menu-part ul li a[href*="mailto:"]::before { content: "\f0e0" } ul#social-profiles li a[href*="soundcloud.com"]::before, .social-menu-part ul li a[href*="soundcloud.com"]::before { content: "\f1be" } ul#social-profiles li a[href*="wordpress.org"]::before, .social-menu-part ul li a[href*="wordpress.org"]::before { content: "\f19a" } ul#social-profiles li a[href*="wordpress.com"]::before, .social-menu-part ul li a[href*="wordpress.com"]::before { content: "\f19a" } ul#social-profiles li a[href*="jsfispanle.net"]::before, .social-menu-part ul li a[href*="jsfispanle.net"]::before { content: "\f1cc" } ul#social-profiles li a[href*="tripadvisor.com"]::before, .social-menu-part ul li a[href*="tripadvisor.com"]::before { content: "\f262" } ul#social-profiles li a[href*="foursquare.com"]::before, .social-menu-part ul li a[href*="foursquare.com"]::before { content: "\f180" } ul#social-profiles li a[href*="angel.co"]::before, .social-menu-part ul li a[href*="angel.co"]::before { content: "\f209" } ul#social-profiles li a[href*="slack.com"]::before, .social-menu-part ul li a[href*="slack.com"]::before { content: "\f198" } /* hover part */ .social-menu-part ul li a[href*="facebook.com"]:hover:before { color: #3b5998 } .social-menu-part ul li a[href*="twitter.com"]:hover:before { color: #00aced } .social-menu-part ul li a[href*="plus.google.com"]:hover:before { color: #c13c31 } .social-menu-part ul li a[href*="/feed/"]:hover:before { color: #dc622c } .social-menu-part ul li a[href*="wordpress.org"]:hover:before { color: #21759b } .social-menu-part ul li a[href*="github.com"]:hover:before { color: #4183c4 } .social-menu-part ul li a[href*="linkedin.com"]:hover:before { color: #007bb6 } .social-menu-part ul li a[href*="pinterest.com"]:hover:before { color: #cb2027 } .social-menu-part ul li a[href*="flickr.com"]:hover:before { color: #ff0084 } .social-menu-part ul li a[href*="vimeo.com"]:hover:before { color: #aad450 } .social-menu-part ul li a[href*="youtube.com"]:hover:before { color: #b00 } .social-menu-part ul li a[href*="instagram.com"]:hover:before { color: #517fa4 } .social-menu-part ul li a[href*="dribbble.com"]:hover:before { color: #ea4c89 } .social-menu-part ul li a[href*="skype.com"]:hover:before { color: #12a5f4 } .social-menu-part ul li a[href*="digg.com"]:hover:before { color: #333 } .social-menu-part ul li a[href*="codepen.io"]:hover:before { color: #000 } .social-menu-part ul li a[href*="respanit.com"]:hover:before { color: #ff4500 } .social-menu-part ul li a[href*="mailto:"]:hover:before { color: #1d62f0 } .social-menu-part ul li a[href*="foursquare.com"]:hover:before { color: #f94877 } .social-menu-part ul li a[href*="stumbleupon.com"]:hover:before { color: #eb4924 } .social-menu-part ul li a[href*="twitch.tv"]:hover:before { color: #6441a5 } .social-menu-part ul li a[href*="tumblr.com"]:hover:before { color: #32506d } .social-menu-part ul li a[href*="foursquare.com"]:hover:before { color: #f94877 } .social-menu-part ul li a[href*="stumbleupon.com"]:hover:before { color: #eb4924 } .social-menu-part ul li a[href*="twitch.tv"]:hover:before { color: #6441a5 } .social-menu-part ul li a[href*="tumblr.com"]:hover:before { color: #32506d } .social-menu-part ul li a[href*="soundcloud.com"]:hover:before { color: #f50 } .social-menu-part ul li a[href*="wordpress.org"]:hover:before { color: #21759b } .social-menu-part ul li a[href*="jsfispanle.net"]:hover:before { color: #4679bd } .social-menu-part ul li a[href*="tripadvisor.com"]:hover:before { color: #86c171 } .social-menu-part ul li a[href*="foursquare.com"]:hover:before { color: #2d5be3 } .social-menu-part ul li a[href*="angel.co"]:hover:before { color: #000 } .social-menu-part ul li a[href*="slack.com"]:hover { color: #56b68b } .site-branding{ background-size: cover; float: left; padding: 30px 0; text-align: center; width: 100%; } .site-branding .site-title{ line-height: 1; } /* main-menu */ .main-menu li a{ padding: 15px; } /* .banner-slider */ .banner-slider{ margin: 30px 0; } .wp-caption, .banner-side.no-image, .item, .banner-slider .banner-side{ position: relative; } .blog-slider-caption{ background: rgba(0,0,0,0.6); bottom: 0; padding: 25px; position: absolute; text-align: left; width: 100%; } .blog-caption-wrapper{ max-width: 75%; } .banner-side-content .entry-title, .blog-slider-caption .entry-title{ font-size: 22px; font-weight: 600; } .banner-side.top-part{ margin-bottom: 17px; } .banner-side.bottom-part{ margin-top: 17px; } .popular-post, .banner-side.top-part, .banner-side.bottom-part{ display: block; float: left; } /*if no img*/ .banner-side.no-image{ height: 239px; width: 360px; } .item.no-image{ height: 513px; width: 1200px; } /* popular-post */ .popular-post{ padding: 40px 0; position: relative; width: 100%; } .popular-post .popular-caption{ left: 45%; } .popular-caption .entry-title{ color: #fff; text-align: center; } /* ------------------ blog-content-detail ---------------------- */ .blog-content-detail{ border-top: 2px solid; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); display: block; float: left; margin: 15px auto 30px; padding: 15px; text-align: center; transform: translate(0, 0); width: 48%; } .blog-content-detail:nth-child(3n+1){ width: 100%; } .blog-content-detail:nth-child(3n+2){ margin-right: 15px; } .blog-content-detail:nth-child(3n+3){ margin-left: 15px; } .blog-content-detail .entry-content{ padding: 0 5px; } .about-caption, .blog-content-caption{ padding: 15px 0; } .about-caption .entry-title, .blog-content-detail .blog-content-caption .entry-title, .blog-content-detail .blog-content-caption .entry-title a{ font-weight: 600; } .about-caption .entry-title, .blog-content-detail .blog-content-caption .entry-title{ font-size: 22px; line-height: 1; } .about-caption .entry-title, .blog-content-detail .blog-content-caption .entry-title, .entry-meta{ padding-bottom: 15px; } .blog-layout-list-opp .blog-content-detail.no-image article, .blog-layout-list .blog-content-detail.no-image article, .blog-layout-list-opp .blog-content-detail.no-image.right-float article, .blog-layout-list-opp .blog-content-detail, .blog-layout-list .blog-content-detail, .blog-layout-single .blog-content-detail, .blog-content-detail figure img{ width: 100%; } .single.blog-layout-list-opp .blog-content-detail figure, .single.blog-layout-list .blog-content-detail figure, .single.blog-layout-list-opp .blog-content-detail.right-float figure, .single.blog-layout-list-opp .blog-content-detail .blog-content-caption, .single.blog-layout-list .blog-content-detail .blog-content-caption, .single.blog-layout-list-opp .blog-content-detail.right-float .blog-content-caption, .blog-layout-list-opp .blog-content-detail.no-image article .blog-content-caption, .blog-layout-list .blog-content-detail.no-image article .blog-content-caption, .blog-layout-list-opp .blog-content-detail.no-image.right-float article .blog-content-caption{ width:100%; float: none; } .single.blog-layout-list-opp .blog-content-detail .blog-content-caption .entry-header, .single.blog-layout-list .blog-content-detail .blog-content-caption .entry-header, .single.blog-layout-list-opp .blog-content-detail.right-float .blog-content-caption .entry-header{ padding-top: 15px } /* blog-content-detail 2nd design css */ .blog-layout-single .blog-content-detail:nth-child(3n+2){ margin-right: 0px; } .blog-layout-single .blog-content-detail:nth-child(3n+3){ margin-left: 0px; } /* blog-content-detail 3nd design css */ .blog-layout-list-opp .blog-content-detail .post, .blog-layout-list .blog-content-detail .post{ display: block; float: left; margin: 0; } .blog-layout-list-opp .blog-content-detail figure, .blog-layout-list-opp .blog-content-detail .blog-content-caption, .blog-layout-list .blog-content-detail figure, .blog-layout-list .blog-content-detail .blog-content-caption{ float: left; width: 50%; } .blog-layout-list-opp .blog-content-detail .blog-content-caption, .blog-layout-list .blog-content-detail .blog-content-caption{ padding: 0 0 0 15px; } /* blog-content-detail 4nd design css */ .blog-layout-list-opp .blog-content-detail.right-float figure{ float: right; } .blog-layout-list-opp .blog-content-detail.right-float .blog-content-caption{ padding: 0 15px 0 0; } .blog-layout-list .blog-content-detail:nth-child(3n+2), .blog-layout-list-opp .blog-content-detail:nth-child(3n+2){ margin-right: 0; } .blog-layout-list .blog-content-detail:nth-child(3n+3), .blog-layout-list-opp .blog-content-detail:nth-child(3n+3){ margin-left: 0; } /* blog-content-detail 5nd design css */ .blog-layout-col-design .blog-content-detail{ float: left; width: 48%; } .blog-layout-col-design .blog-content-detail:nth-child(2n+1){ clear: both; margin: 15px 15px 30px 0; } .blog-layout-col-design .blog-content-detail:nth-child(2n+2){ margin: 15px 0 30px 15px; } /*owl-nav*/ #header-slider:hover .owl-nav{ opacity: 1; } .owl-nav{ left: 0; opacity: 0; position: absolute; top: 45%; width: 100%; } .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{ border: 1px solid; display: inline-block; font-size: 0; width: 35px; height: 35px; position: absolute; text-align: center; } .owl-carousel .owl-nav .owl-prev{ left: 0; } .owl-carousel .owl-nav .owl-next{ right: 0; left: auto; } .owl-carousel .owl-nav .owl-next:before, .owl-carousel .owl-nav .owl-prev:before{ font-size: 20px; font-family: "FontAwesome"; line-height: 25px; } .owl-carousel .owl-nav .owl-prev:before{ content:'\f104'; } .owl-carousel .owl-nav .owl-next:before{ content: '\f105'; } /* social-icon in widget */ .blog_era_widget_social{ overflow: hidden; } .blog_era_widget_social ul{ width: 100%; } .blog_era_widget_social.widget ul li{ float: left; display: block; padding: 0 5px 10px; width: 50%; } .widget-area .social-menu-part ul li a:hover{ opacity: 0.9; } /* blog-section */ .widget.blog-section, .about-us-section{ clear: both; } .widget.blog-section{ float: left; } .widget.blog-section .post{ margin-bottom: 20px; } .blog-section .post-featured-image{ float: left; padding-bottom: 15px; width: auto; } .blog-section .post, .blog-section .recent-post-wrapper{ float: left; } .widget.blog-section .entry-title{ line-height: normal; margin: 0; } .recent-post-wrapper{ text-align: center; font-size: 16px; } .widget.blog-section .entry-title{ font-size: 18px; } .widget.blog-section .entry-title, .widget.blog-section .post-details, .widget.blog-section .entry-content{ padding-bottom: 8px; } .recent-post-wrapper p{ margin-bottom: 0; } /* site-footer */ /* .site-footer .social-menu-part */ .footer-social-icon{ position: relative; z-index: 9; } .site-footer .footer-social-icon .social-menu-part ul{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; float: none; } .site-footer .social-menu-part ul li{ text-align: center; width: 20%; } .widget-area .social-menu-part ul li a{ display: block; font-size: 14px; padding: 5px; } .site-footer .social-menu-part ul li a{ display: block; padding: 15px 0; width: 100%; } .site-footer .widget.blog_era_widget_social .social-menu-part ul li a{ padding: initial; text-align: left; } ul#social-profiles li a[href*="facebook.com"], .widget-area .social-menu-part ul li a[href*="facebook.com"], .site-footer .social-menu-part ul li a[href*="facebook.com"]{ background-color: #3b5998; } ul#social-profiles li a[href*="twitter.com"], .widget-area .social-menu-part ul li a[href*="twitter.com"], .site-footer .social-menu-part ul li a[href*="twitter.com"]{ background-color: #00aced; } ul#social-profiles li a[href*="plus.google.com"], .widget-area .social-menu-part ul li a[href*="plus.google.com"], .site-footer .social-menu-part ul li a[href*="plus.google.com"]{ background-color: #c13c31; } ul#social-profiles li a[href*="/feed/"], .widget-area .social-menu-part ul li a[href*="/feed/"], .site-footer .social-menu-part ul li a[href*="/feed/"]{ background-color: #dc622c; } ul#social-profiles li a[href*="wordpress.org"], .widget-area .social-menu-part ul li a[href*="wordpress.org"], .site-footer .social-menu-part ul li a[href*="wordpress.org"]{ background-color: #21759b; } ul#social-profiles li a[href*="github.com"], .widget-area .social-menu-part ul li a[href*="github.com"], .site-footer .social-menu-part ul li a[href*="github.com"]{ background-color: #4183c4; } ul#social-profiles li a[href*="linkedin.com"], .widget-area .social-menu-part ul li a[href*="linkedin.com"], .site-footer .social-menu-part ul li a[href*="linkedin.com"]{ background-color: #007bb6; } ul#social-profiles li a[href*="pinterest.com"], .widget-area .social-menu-part ul li a[href*="pinterest.com"], .site-footer .social-menu-part ul li a[href*="pinterest.com"]{ background-color: #cb2027; } ul#social-profiles li a[href*="flickr.com"], .widget-area .social-menu-part ul li a[href*="flickr.com"], .site-footer .social-menu-part ul li a[href*="flickr.com"]{ background-color: #ff0084; } ul#social-profiles li a[href*="vimeo.com"], .widget-area .social-menu-part ul li a[href*="vimeo.com"], .site-footer .social-menu-part ul li a[href*="vimeo.com"]{ background-color: #aad450; } ul#social-profiles li a[href*="youtube.com"], .widget-area .social-menu-part ul li a[href*="youtube.com"], .site-footer .social-menu-part ul li a[href*="youtube.com"]{ background-color: #b00; } ul#social-profiles li a[href*="instagram.com"], .widget-area .social-menu-part ul li a[href*="instagram.com"], .site-footer .social-menu-part ul li a[href*="instagram.com"]{ background-color: #517fa4; } ul#social-profiles li a[href*="dribbble.com"], .widget-area .social-menu-part ul li a[href*="dribbble.com"], .site-footer .social-menu-part ul li a[href*="dribbble.com"]{ background-color: #ea4c89; } ul#social-profiles li a[href*="skype.com"]. .widget-area .social-menu-part ul li a[href*="skype.com"]. .site-footer .social-menu-part ul li a[href*="skype.com"]{ background-color: #12a5f4; } ul#social-profiles li a[href*="digg.com"], .widget-area .social-menu-part ul li a[href*="digg.com"], .site-footer .social-menu-part ul li a[href*="digg.com"]{ background-color: #333; } ul#social-profiles li a[href*="codepen.io"], .widget-area .social-menu-part ul li a[href*="codepen.io"], .site-footer .social-menu-part ul li a[href*="codepen.io"]{ background-color: #000; } ul#social-profiles li a[href*="respanit.com"], .widget-area .social-menu-part ul li a[href*="respanit.com"], .site-footer .social-menu-part ul li a[href*="respanit.com"]{ background-color: #ff4500; } ul#social-profiles li a[href*="mailto:"], .widget-area .social-menu-part ul li a[href*="mailto:"], .site-footer .social-menu-part ul li a[href*="mailto:"]{ background-color: #1d62f0; } ul#social-profiles li a[href*="foursquare.com"], .widget-area .social-menu-part ul li a[href*="foursquare.com"], .site-footer .social-menu-part ul li a[href*="foursquare.com"]{ background-color: #f94877; } ul#social-profiles li a[href*="stumbleupon.com"], .widget-area .social-menu-part ul li a[href*="stumbleupon.com"], .site-footer .social-menu-part ul li a[href*="stumbleupon.com"]{ background-color: #eb4924; } ul#social-profiles li a[href*="twitch.tv"], .widget-area .social-menu-part ul li a[href*="twitch.tv"], .site-footer .social-menu-part ul li a[href*="twitch.tv"]{ background-color: #6441a5; } ul#social-profiles li a[href*="tumblr.com"], .widget-area .social-menu-part ul li a[href*="tumblr.com"], .site-footer .social-menu-part ul li a[href*="tumblr.com"]{ background-color: #32506d; } ul#social-profiles li a[href*="foursquare.com"], .widget-area .social-menu-part ul li a[href*="foursquare.com"], .site-footer .social-menu-part ul li a[href*="foursquare.com"]{ background-color: #f94877; } ul#social-profiles li a[href*="stumbleupon.com"], .widget-area .social-menu-part ul li a[href*="stumbleupon.com"], .site-footer .social-menu-part ul li a[href*="stumbleupon.com"]{ background-color: #eb4924; } ul#social-profiles li a[href*="twitch.tv"], .widget-area .social-menu-part ul li a[href*="twitch.tv"], .site-footer .social-menu-part ul li a[href*="twitch.tv"]{ background-color: #6441a5; } ul#social-profiles li a[href*="tumblr.com"], .widget-area .social-menu-part ul li a[href*="tumblr.com"], .site-footer .social-menu-part ul li a[href*="tumblr.com"]{ background-color: #32506d; } ul#social-profiles li a[href*="soundcloud.com"], .widget-area .social-menu-part ul li a[href*="soundcloud.com"], .site-footer .social-menu-part ul li a[href*="soundcloud.com"]{ background-color: #f50; } ul#social-profiles li a[href*="wordpress.org"], .widget-area .social-menu-part ul li a[href*="wordpress.org"], .site-footer .social-menu-part ul li a[href*="wordpress.org"]{ background-color: #21759b; } ul#social-profiles li a[href*="jsfispanle.net"], .widget-area .social-menu-part ul li a[href*="jsfispanle.net"], .site-footer .social-menu-part ul li a[href*="jsfispanle.net"]{ background-color: #4679bd; } ul#social-profiles li a[href*="tripadvisor.com"], .widget-area .social-menu-part ul li a[href*="tripadvisor.com"], .site-footer .social-menu-part ul li a[href*="tripadvisor.com"]{ background-color: #86c171; } ul#social-profiles li a[href*="foursquare.com"], .widget-area .social-menu-part ul li a[href*="foursquare.com"], .site-footer .social-menu-part ul li a[href*="foursquare.com"]{ background-color: #2d5be3; } ul#social-profiles li a[href*="angel.co"], .widget-area .social-menu-part ul li a[href*="angel.co"], .site-footer .social-menu-part ul li a[href*="angel.co"]{ background-color: #000; } ul#social-profiles li a[href*="slack.com"], .widget-area .social-menu-part ul li a[href*="slack.com"], .site-footer .social-menu-part ul li a[href*="slack.com"]{ background-color: #56b68b; } .site-footer .social-menu-part ul li a::before{ font-size: 20px; } .site-footer .social-menu-part ul{ display: block; } .site-footer .social-menu-part ul li{ width: 50%; } /* footer-bottom */ .footer-bottom { padding: 25px; text-align: left; } .footer-bottom .footer-menu-holder, .footer-bottom .copy-right-wrapper{ float: left; width: 50%; } .footer-bottom .footer-menu-holder ul{ list-style: none; margin: 0; padding: 0; } .footer-bottom .footer-menu-holder ul li{ border-right: 1px solid #fff; display: inline-block; line-height: 1; padding-right: 5px; } .footer-bottom .footer-menu-holder ul li a{ color:#fff; } .footer-bottom .footer-menu-holder ul li a:hover{ color: #FCAD1C; } .footer-bottom .footer-menu-holder ul li:last-child{ border-right: 0; } .footer-bottom .copy-right-wrapper{ text-align: right; } .footer-bottom .copy-right-wrapper.full{ width: 100%; } .v-center{ -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .popular-post{ position: relative; } /* banner-side-content */ .banner-side-content{ padding: 0 15px; width: 100%; z-index: 9; } .banner-side-content span.cat-links{ border-bottom: 1px solid #fff; display: inline-block; } .banner-side-content .entry-title, .banner-side-content span.cat-links { color: #000; } /* a.btn */ a.btn{ background: transparent; display: inline-block; margin-top: 15px; position: relative; } a.btn:after{ content: '\f178'; font-family: 'FontAwesome'; margin-left: 5px; position: absolute; } a.btn:hover:after{ margin-left: 10px; } .btn-primary, .btn-secondary, .btn-readmore{ display: inline-block; margin-top: 15px; padding: 10px 15px; } /*btn-primary */ .btn-primary{ border: 1px solid #079CD4; background: #079CD4; color: #fff; border-radius: 0; box-shadow: none; overflow: hidden; position: relative; z-index: 1; } .btn-primary:after{ content: ""; width: 100%; height: 0; position: absolute; top: 50%; left: 50%; opacity: 0; z-index: -1; transform: translateX(-50%) translateY(-50%) rotate(45deg); } .btn-primary:hover:after{ height: 205%; background: #fff; opacity: 1; } .btn-primary:hover{ color: #079CD4; border-color: #fff; } /* btn-secondary */ .btn-secondary{ background: #079CD4; color: #fff; text-transform: uppercase; border: none; border-radius: 0; z-index: 1; position: relative; } .btn-secondary:hover{ color: #fff; } .btn-secondary:after{ border: 2px solid #079CD4; content: ""; width: 100%; height: 100%; position: absolute; top: 6px; left: 6px; transform: translate3d(0px, 0px, 0px); z-index: -1; transition: all 0.3s cubic-bezier(1, -1.88, 0.15, 0.95); } .btn-secondary:hover:after{ transform: translate3d(4px, 4px, 0px); } /* .btn-third */ .btn-readmore{ background: #079CD4; border: none; border-radius: 0; color: #fff; text-transform: uppercase; position: relative; } .btn-readmore:hover{ color: #fff; } .btn-readmore:before, .btn-readmore:after{ content: ""; position: absolute; transition: all 0.3s ease-in-out; width: 24px; height: 24px; } .btn-readmore:before{ border-top: 2px solid #079CD4; border-right: 2px solid #079CD4; top: -5px; right: -5px; } .btn-readmore:after{ border-bottom: 2px solid #079CD4; border-left: 2px solid #079CD4; bottom: -5px; left: -5px; } .btn-readmore:hover:before, .btn-readmore:hover:after{ width: 100%; height: 100%; } /* entry-footer */ .entry-footer{ padding-top: 15px; } .overlay{ content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: -moz-linear-gradient(to bottom, rgba(198,191,185,0.5) 9%, rgba(246, 219, 208,0.6) 33%, rgba(198,191,185,0.7) 63%, rgba(198,191,185,0.8) 100%); background: -webkit-linear-gradient(to bottom, rgba(198,191,185,0.5) 9%, rgba(246, 219, 208,0.6) 33%, rgba(198,191,185,0.7) 63%, rgba(198,191,185,0.8) 100%); background: linear-gradient(to bottom, rgba(198,191,185,0.5) 9%, rgba(246, 219, 208,0.6) 33%, rgba(198,191,185,0.7) 63%, rgba(198,191,185,0.8) 100%); /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a6000000',GradientType=0 ); */ z-index: 9; } /*---------------- #secondary -----------------------------*/ .home #primary{ margin-top: 0; } #primary, #secondary{ margin-top:20px; } .home #secondary, .blog #secondary{ margin-top:0px; } .widget-title{ border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-size: 25px; margin: 0 0 15px; padding-bottom: 10px; position: relative; text-align: center; } .widget-title span:before{ bottom: -1px; border-bottom: 2px solid #079CD4; content: ''; display: inline-block; left: 50%; margin-left: -25px; position: absolute; width: 45px; } .site-footer .widget-title{ text-align: left; } .site-footer .widget-title span:before{ left: 0; margin-left: 0; } .widget.blog-section, .about-us-section, .widget{ margin: 15px auto 40px; padding: 15px; } .about-us-section, #secondary .widget{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .widget ul{ list-style: none; padding: 0; } .widget ul ul{ padding-left: 10px; } .widget ul li{ padding: 10px 0; } .widget ul li:first-child{ } .widget_recent_comments li span a{ padding-left: 20px!important; } .entry-content ul li a, .widget ul li a{ position: relative; padding-left: 20px; } .widget_recent_comments li span a{ position: relative; } .widget_recent_entries ul li a:before, .widget_pages li a:before, .widget_recent_comments li a:before, .widget_meta li a:before, .widget_nav_menu li a:before, .widget_categories li a:before, .entry-content ul li a:before, .widget_archive li a:before{ display: inline-block; font-family: "FontAwesome"; left: 0; position: absolute; top: -3px; } .widget_recent_entries ul li:hover, .widget_pages ul li:hover, .widget_recent_comments ul li:hover, .widget_meta ul li:hover, .widget_nav_menu ul li:hover, .widget_categories ul li:hover, .widget_archive ul li:hover { -webkit-transform: translate(10px, 0px); -ms-transform: translate(10px, 0px); transform: translate(10px, 0px); transition: all 0.3s ease-in-out; } .widget li.menu-item-has-children li:last-child{ padding-bottom: 0; } .widget_archive li a:before{ content: '\f187'; } .widget_categories li a:before{ content: '\f07b'; } .widget_pages li a:before{ content: '\f0f6'; } .widget_meta li a:before, .widget_nav_menu li a:before, .entry-content ul li a:before{ content: '\f1db'; } .widget_recent_comments li span a:before{ content: "\f086"; } .widget_recent_entries ul li a:before{ content: '\f07c'; } a.rsswidget{ display: inline-block; } /* widget_search */ .widget_search .search-form, .widget_search .search-field{ position: relative; } .widget_search .search-field{ padding: 7px 75px 7px 10px; width: 100%; } .widget_search .search-submit{ bottom: 0; position: absolute; right: 0; top: 0; transition: all 0.3s ease-in-out; } .widget_search .search-submit:hover{ background: #000; color: #fff; } /* widget_calendar */ .widget_calendar .calendar_wrap td, .widget_calendar .calendar_wrap th{ padding: 10px; } .widget_calendar .calendar_wrap table{ margin: 0; } .widget_calendar .calendar_wrap{ border: 1px solid; text-align: center; } .widget_calendar caption{ padding: 10px 0; } .widget_calendar tbody, .widget_calendar thead, .widget_calendar caption{ border-bottom: 1px solid; } td#today{ border-radius: 100px; color: #fff; } .widget_tag_cloud a{ border: 1px solid; border-radius: 100px; display: inline-block; margin: 3px 1px; padding: 3px 15px; } /*widget widget_text*/ .widget.widget_text .wpcf7 p{ margin: 0 0 15px; } .widget.widget_text .wpcf7 input{ width: 100%; } .widget.widget_text .wpcf7 .wpcf7-submit{ border: 0; padding: 15px; } /* blog_era_widget_instagram */ .blog_era_widget_instagram ul li{ display: inline-block; padding: 0; width: 50%; } .blog_era_widget_instagram ul li a{ display: block; float: left; margin: 0; padding: 0; } .feed-container{ position: relative; } .feed-title{ background: rgba(255, 255, 255, 0.7); font-size: 25px; padding: 5px; z-index: 9; } .feed-title a{ color: #000; } .feed-title i{ padding-right: 5px; } /* instra in site footer */ .site-footer .blog-col-12 .blog_era_widget_instagram ul li{ width: 20%; } /* entry-meta */ .cat-links, .tags-links, .edit-link, .byline, .comments-link, .posted-on{ padding-right: 15px; } .cat-links i, .entry-meta span i, .comments-link i, .tags-links i{ margin-right: 5px; } /* entry-content */ .entry-content p{ margin-top: 0; } .entry-content ol, .entry-content ul{ margin-left: 0; } .entry-content ol li, .entry-content ul li{ text-align: left; } /* code */ /* navigation part*/ .navigation { clear: both; display: block; width: 100%; } .navigation .nav-previous, .navigation .nav-next{ position: relative; } .navigation .nav-links .nav-previous a{ padding-left: 30px; } .navigation .nav-links .nav-next a{ padding-right: 30px; } .navigation .nav-previous:before, .navigation .nav-next:after{ display: inline-block; font-family: 'FontAwesome'; position: absolute; top: 9px; } .navigation .nav-previous:before{ content: '\f177'; left: 13px; } .navigation .nav-next:after{ content: '\f178'; right: 13px; } .navigation.pagination span, .navigation.pagination a, .navigation .nav-previous a, .navigation .nav-next a{ border-radius: 100px; display: block; margin: 5px; padding: 5px 10px; } .navigation.pagination span, .navigation.pagination a{ border: 1px solid; display: inline-block; margin: 2px; padding: 4px 20px; } .navigation.pagination{ padding: 25px 0; } .navigation .nav-previous:hover:before{ left: 0px; } .navigation .nav-next:hover:after{ right: 0; } /*img caption*/ .wp-caption-text{ background: rgba(0,0,0,0.5); bottom: 0; color: #fff; left: 0; padding: 15px 10px; position: absolute; width: 100%; } .about-caption .entry-title, .wp-caption .wp-caption-text, .widget ul, .blog-content-caption .entry-content p, .blog-content-caption .entry-title, .entry-content, .banner-side-content .entry-title, .blog-slider-caption .entry-content p, .blog-slider-caption h2.entry-title, figure, .site-description, .site-branding .site-title, .about-caption p{ margin: 0; } .footer-bottom, .banner-site, .banner-slider, .main-menu, .top-search, .social-menu-part, .top-menu{ display: block; float: left; width: 100%; } body:before, body:after, .banner-slider:before, .banner-slider:after, .main-menu:before, .main-menu:after, .top-search:before, .top-search:after, .social-menu-part:before, .social-menu-part:after, .top-menu:before, .top-menu:after{ clear: both; content: ''; display: block; } .main-menu li a, .top-menu-holder ul li a{ font-size: 16px; text-transform: capitalize; } .blog-content-caption .entry-title a, .main-menu li a, .top-menu-holder ul li a, h1,h2,h3,h4,h5,h6,a{ font-family: 'Oxygen', sans-serif; } h1,h2,h3,h4,h5,h6, .blog-content-caption .entry-title a, .main-menu li a, .top-menu-holder ul li a,a{ font-weight: 400; } p{ font-family: 'Source Sans Pro', sans-serif; font-weight: 300; } /* color */ .main-navigation ul ul, .main-menu, .top-menu{ background:rgb(7, 156, 212); } .site-footer{ background: rgba(0, 0, 0, 0.9); } a, .tags-links i, .cat-links i, .entry-meta span i, .comments-link i, .edit-link a, .site-footer{ color: #079CD4; } .site-footer .widget_rss li .rssSummary, .site-footer .widget ul li, .site-footer .about-caption .entry-title, .main-menu li a:hover, .main-menu li.current-menu-item, .site-footer .widget.widget_text .wpcf7 label, .main-menu li a, .top-address-part li, .top-address-part li a, .top-menu-holder ul li a{ color: #fff; } .site-footer .widget-title{ border-bottom: 1px solid rgba(255,255,255,1); } .blog_era_widget_social .social-menu-part ul li a[href*="facebook.com"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="twitter.com"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="plus.google.com"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="/feed/"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="wordpress.org"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="github.com"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="linkedin.com"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="pinterest.com"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="flickr.com"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="vimeo.com"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="youtube.com"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="instagram.co"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="dribbble.com"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="skype.com"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="digg.com"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="codepen.i"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="respanit.co"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="mailto:"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="foursquare.com"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="stumbleupon.com"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="twitch.tv"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="tumblr.com"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="foursquare.com"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="stumbleupon.com"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="twitch.tv"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="tumblr.com"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="soundcloud.com"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="wordpress.org"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="jsfispanle.net"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="tripadvisor.com"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="foursquare.com"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="angel.co"]:hover::before, .blog_era_widget_social .social-menu-part ul li a[href*="slack.com"]:hover::before, .site-footer .widget ul li a:before, .site-footer .widget ul li a, .site-footer .social-menu-part ul li a[href*="facebook.com"]:hover::before, .site-footer .social-menu-part ul li a[href*="twitter.com"]:hover::before, .site-footer .social-menu-part ul li a[href*="plus.google.com"]:hover::before, .site-footer .social-menu-part ul li a[href*="/feed/"]:hover::before, .site-footer .social-menu-part ul li a[href*="wordpress.org"]:hover::before, .site-footer .social-menu-part ul li a[href*="github.com"]:hover::before, .site-footer .social-menu-part ul li a[href*="linkedin.com"]:hover::before, .site-footer .social-menu-part ul li a[href*="pinterest.com"]:hover::before, .site-footer .social-menu-part ul li a[href*="flickr.com"]:hover::before, .site-footer .social-menu-part ul li a[href*="vimeo.com"]:hover::before, .site-footer .social-menu-part ul li a[href*="youtube.com"]:hover::before, .site-footer .social-menu-part ul li a[href*="instagram.co"]:hover::before, .site-footer .social-menu-part ul li a[href*="dribbble.com"]:hover::before, .site-footer .social-menu-part ul li a[href*="skype.com"]:hover::before, .site-footer .social-menu-part ul li a[href*="digg.com"]:hover::before, .site-footer .social-menu-part ul li a[href*="codepen.i"]:hover::before, .site-footer .social-menu-part ul li a[href*="respanit.co"]:hover::before, .site-footer .social-menu-part ul li a[href*="mailto:"]:hover::before, .site-footer .social-menu-part ul li a[href*="foursquare.com"]:hover::before, .site-footer .social-menu-part ul li a[href*="stumbleupon.com"]:hover::before, .site-footer .social-menu-part ul li a[href*="twitch.tv"]:hover::before, .site-footer .social-menu-part ul li a[href*="tumblr.com"]:hover::before, .site-footer .social-menu-part ul li a[href*="foursquare.com"]:hover::before, .site-footer .social-menu-part ul li a[href*="stumbleupon.com"]:hover::before, .site-footer .social-menu-part ul li a[href*="twitch.tv"]:hover::before, .site-footer .social-menu-part ul li a[href*="tumblr.com"]:hover::before, .site-footer .social-menu-part ul li a[href*="soundcloud.com"]:hover::before, .site-footer .social-menu-part ul li a[href*="wordpress.org"]:hover::before, .site-footer .social-menu-part ul li a[href*="jsfispanle.net"]:hover::before, .site-footer .social-menu-part ul li a[href*="tripadvisor.com"]:hover::before, .site-footer .social-menu-part ul li a[href*="foursquare.com"]:hover::before, .site-footer .social-menu-part ul li a[href*="angel.co"]:hover::before, .site-footer .social-menu-part ul li a[href*="slack.com"]:hover::before, a.bt, .widget_search .search-submit, .social-menu-part ul li a::before, .banner-side-content .entry-title, .blog-slider-caption .entry-content p, .blog-slider-caption .entry-title, td#today, a.btn:hover, a.btn:focus, a.btn:active, .widget_search .search-submit:hover, .owl-carousel .owl-nav .owl-next:hover:before, .owl-carousel .owl-nav .owl-prev:hover:before, .site-footer .widget-title, .widget_search .search-submit:hover{ color: #fff; } .widget ul li a:hover:before, .site-footer .widget ul li a:hover:before, .navigation .nav-previous:hover:before, .navigation .nav-next:hover:after, .navigation .nav-previous a:hover, .navigation .nav-next a:hover, a.btn:hover, a.btn:hover:after, .blog-content-detail:hover .blog-content-caption .entry-title a, a:hover, a:focus, a:active, .top-address-part li:hover i, .top-address-part li a:hover, .top-menu-holder li a:hover, .top-address-part li a:hover i, .top-menu-holder ul li a:hover i, .cat-links:hover i, .tags-links:hover i, .comments-link:hover i, .entry-meta span:hover i, .widget ul li a:hover, .blog-content-detail .blog-content-caption .entry-title a:hover, .owl-carousel .owl-nav .owl-next:before, .owl-carousel .owl-nav .owl-prev:before, .blog-slider-caption .entry-title:hover, .banner-side-content .entry-title:hover, .about-caption .entry-title:hover, .banner-side.no-image, a.btn:before, .owl-theme .owl-nav [class*=owl-]:hover{ color: #FCAD1C; } .item.no-image, .main-menu li:hover, .widget.widget_text .wpcf7 .wpcf7-submit:hover, .main-menu ul li.current-menu-item, .widget_search .search-submit:hover, .owl-theme .owl-nav [class*=owl-]:hover{ background: #FCAD1C; } .owl-theme .owl-nav [class*=owl-]:hover{ border-color: #FCAD1C; } .site-footer a.btn:after, .site-footer .about-caption a, .site-footer p, .site-footer .entry-content p, .site-footer .entry-content, .site-footer a.rsswidget, .widget.widget_text .wpcf7 .wpcf7-submit:hover, .widget.widget_text .wpcf7 .wpcf7-submit, .widget-area .social-menu-part ul li a, a.btn, .widget_search .search-submit{ color: #fff; } .widget.widget_text .wpcf7 .wpcf7-submit, .widget_search .search-submit, .banner-side.no-image, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev, a.btn:before{ background: #079CD4; } .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev, .widget_calendar .calendar_wrap, .widget_calendar tbody, .widget_calendar thead, .widget_calendar caption, .blog-content-detail{ border-color: #079CD4; } .blog-content-detail .blog-content-caption .entry-title a, .about-caption .entry-title{ color: #000; } .footer-bottom{ background-color: rgba(255,255,255,0.2); } a.rsswidget, .navigation .nav-next a, .navigation .nav-next:after, .navigation .nav-previous a, .navigation .nav-previous:before, a.btn:after, a.btn, .widget ul li, .widget_pages li a:before, .widget_recent_comments li a:before, .widget_meta li a:before, .widget_nav_menu li a:before, .widget_categories li a:before, .entry-content ul li a:before, .widget_archive li a:before, .widget_rss li .rssSummary, .entry-content p, p, .entry-content ul li a, .widget ul li a{ color: rgba(0, 0, 0, 0.7); } /* sidebar position css*/ .global-layout-left #primary{ float: right; } /* about-us-section css */ .about-caption{ text-align: center; } .about-caption .entry-title{ text-transform: capitalize; font-size: 25px; } .about-caption p{ padding: 0 5px 15px; } /* about us social menu part */ ul#social-profiles{ list-style: none; margin: 0; padding: 0; text-align: center; } ul#social-profiles li{ display: inline-block; } ul#social-profiles li a{ border-radius: 3px; color: #fff; display: inline-block; height: 25px; width: 25px; } ul#social-profiles li a:before{ font-size: 16px; font-family:'FontAwesome'; } ul#social-profiles li:hover:before{ box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.3); } /***************** Added Css *************************/ h1.entry-title{ margin:0 0 10px; } figure{ overflow: hidden; } figure:hover img{ transform: scale(1.1, 1.1); } .back-to-top { background: #079CD4; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); bottom: 70px; border-radius: 100px; height: 35px; position: fixed; right: 30px; text-align: center; width: 35px; z-index: 99; } .back-to-top a { border: 1px solid rgba(0, 0, 0, 0); border-radius: 3px; color: #fff; display: block; font-family: "FontAwesome"; font-size: 16px; line-height: 30px; } .back-to-top:hover{ background:#FCAD1C; } .back-to-top:hover a{ color: #fff; } .blog-content-detail:hover{ box-shadow: 0 10px 40px 0 rgba(0,0,0,0.1); border-top: 2px solid #FCAD1C; transform: translate(0, -5px); } /*favourite*/ .favourite i{ font-size: 25px; } a, .back-to-top, .blog-content-detail, a:hover, a:focus, a:active, a.btn:after, .main-menu li a:hover, .top-address-part li:hover i, .top-address-part li a:hover, .top-menu-holder li a:hover, .top-address-part li a:hover i, .top-menu-holder ul li a:hover i, .cat-links:hover i, .tags-links:hover i, .entry-meta span:hover i, .widget ul li a:hover, .blog-content-detail .blog-content-caption .entry-title a:hover, .owl-carousel .owl-nav .owl-next:before, .owl-carousel .owl-nav .owl-prev:before, .blog-slider-caption .entry-title:hover, .banner-side-content .entry-title:hover, .about-caption .entry-title:hover, .navigation .nav-previous:before, .navigation .nav-next:after, .navigation .nav-previous a, .navigation .nav-next a, .owl-nav, .widget_recent_entries ul li:hover, .widget_pages ul li:hover, .widget_recent_comments ul li:hover, .widget_meta ul li:hover, .widget_nav_menu ul li:hover, .widget_categories ul li:hover, .widget_archive ul li:hover, .blog-content-detail, .btn-primary, .btn-secondary, figure:hover img, figure{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* media query css */ @media screen and (max-width: 1200px){ .site, .blog-container{ max-width: 100%; } .site{ margin: 15px; } .blog-container{ padding: 0 20px; } .widget_calendar .calendar_wrap td, .widget_calendar .calendar_wrap th { padding: 5px; } .top-address-part li, .top-menu-holder ul li{ font-size: 14px; } .main-menu li a { padding: 15px 10px; } .about-us-section, .widget{ margin: 15px auto 20px; padding: 10px; } .blog-content-detail{ margin: 15px auto 20px; } .blog-content-detail:nth-child(3n+3) { margin-left: 12px; } .blog-content-detail:nth-child(3n+2) { margin-right: 12px; } .blog-layout-col-design .blog-content-detail:nth-child(2n+2) { margin: 15px 0 30px 10px; } .blog-layout-col-design .blog-content-detail:nth-child(2n+1) { margin: 15px 10px 30px 0; } } @media screen and (max-width: 991px){ .blog-caption-wrapper { max-width: 100%; } .banner-side.bottom-part { margin-top: 15px; } .banner-side.top-part { margin-bottom: 15px; } .widget_calendar .calendar_wrap td, .widget_calendar .calendar_wrap th { padding: 3px; } .blog-content-detail:nth-child(3n+3) { margin-left: 9px; } .blog-content-detail:nth-child(3n+2) { margin-right: 9px; } .blog-layout-col-design .blog-content-detail, .blog-layout-list-opp .blog-content-detail.right-float figure, .blog-layout-list-opp .blog-content-detail figure, .blog-layout-list-opp .blog-content-detail .blog-content-caption, .blog-layout-list .blog-content-detail figure, .blog-layout-list .blog-content-detail .blog-content-caption{ float: none; width: 100%; } .blog-layout-list-opp .blog-content-detail.right-float .blog-content-caption, .blog-layout-list-opp .blog-content-detail .blog-content-caption, .blog-layout-list .blog-content-detail .blog-content-caption{ padding: 15px 0 0; } .blog-layout-col-design .blog-content-detail:nth-child(2n+1), .blog-layout-col-design .blog-content-detail:nth-child(2n+2){ margin: 15px 0 30px; } } @media screen and (max-width: 915px) and (min-width: 768px) { .blog_era_widget_social.widget ul li{ width: 100%; } } @media screen and (max-width: 767px){ .blog-col-1, .blog-col-2, .blog-col-3, .blog-col-4, .blog-col-5, .blog-col-6, .blog-col-7, .blog-col-8, .blog-col-9, .blog-col-10, .blog-col-11, .blog-col-12, .blog-content-detail:nth-child(3n+3), .blog-content-detail:nth-child(3n+2), .footer-bottom .footer-menu-holder, .footer-bottom .copy-right-wrapper{ clear: both; float: none; width: 100%; } .site-footer .blog-col-12 .blog_era_widget_instagram ul li { width: 33.33%; } .footer-bottom, .footer-bottom .copy-right-wrapper{ text-align: left; } .footer-bottom .copy-right-wrapper{ padding-top: 10px; } .widget select{ width: 100%; } .mean-container .mean-bar{ background: #079cd4; } .banner-side.bottom-part, .banner-side.top-part , .banner-side.bottom-part{ width: 50%; } .banner-side.bottom-part, .banner-side.top-part { display: inline-block; margin-bottom: 15px; } .banner-side.bottom-part{ margin-top: 0; } .banner-side.top-part{ padding-right: 7px; } .banner-side.bottom-part{ padding-left: 7px; } .banner-slider{ margin: 20px 0; } .blog-content-detail { margin: 0px auto 20px; } .feed-title a, .banner-side-content .entry-title, .blog-slider-caption .entry-title, .blog-content-detail .blog-content-caption .entry-title, .about-caption .entry-title, .widget-title{ font-size: 18px; } .about-caption .entry-title, .blog-content-detail .blog-content-caption .entry-title, .entry-meta { padding-bottom: 5px; } .blog-content-detail .entry-content { padding: 0; } .blog-slider-caption{ padding: 5px; } .blog-content-detail:nth-child(3n+3){ margin-left: 0; } .blog-content-detail:nth-child(3n+2){ margin-right: 0; } .blog-content-detail:first-child{ margin: 20px auto 20px; } } @media screen and (max-width: 551px){ .banner-side.bottom-part, .banner-side.top-part { display: block; padding: 0; } .blog-content-detail, .banner-side.bottom-part, .banner-side.top-part, .banner-side img{ width: 100%; } .widget.widget_recent_comments ul li < a{ padding-left: 0; } } @media screen and (max-width: 479px){ .blog-slider-caption .entry-content p{ font-size: 14px; } .blog_era_widget_social.widget ul li{ width: 100%; } } .single.blog-layout-col-design .blog-content-detail { width: 100%; } Should I Have My New Home Inspected? – Absolutely | How to have a SAFER HOME NOW

Should I Have My New Home Inspected? – Absolutely

 

You’re in the process of buying a newly-built home and you’re wondering, “Should I have my new home inspected?”. My answer is a clear and resounding, “Yes!”. Not only should you have it inspected, but you should hire your own home inspector to conduct the inspection.

 

I am no longer a home inspector so you don’t have to wonder if I’m trying to promote my own business. The fact is, houses are being built so quickly these days, it would be unwise to forego an inspection.

Purpose

The purpose of this article is to convince you that just because a house is new doesn’t mean it’s perfect. Since safety is the major theme of this article and the other articles on saferhomenow.com, I’ll focus on safety issues. I saw many defects when I inspected newly-built homes, but I will only speak about those that presented a safety concern.

A Picture is Worth a Thousand Words

Here is just a sampling of safety-related deficiencies I found on and in new homes. Few words are needed to explain them. I hope they convince you to have your new home inspected before you close. The best time for a home inspection is a day or two before your final walk-through, when the yard is sodded and the home is ready to be occupied.

 

 

Easy entry for vermin

(Left image) This may not be a hazard if the home is in the city, but out in the county this could be a nice entry for poisonous snakes, not to mention other unwanted vermin.  You would probably not notice something like this on your walk-through because this fireplace combustion air duct cover is at or below knee level.

 

“Hot” wire under kitchen sink

(Center image) I found these exposed “hot” (energized) wires in the cabinet under a kitchen sink. You can’t see the bare copper wires in this image but you can see the red light on the tester indicating a potential electrocution hazard! This hazard was found one day before move-in. Can you imagine what might have happened had the buyers not hired me, an independent inspector, to inspect their new home?

 

Gas leak in attic

(Right image) As I entered the attic on a new home inspection, I smelled natural gas. I used a gas detector to pinpoint the leak in the gas line at the furnace. You don’t need a gas detector to detect a leak, but you do need a good sense of smell. And you need to know that smelling even the faintest odor of gas means there is a leak somewhere. I couldn’t help but wonder how the guy who was in the attic just before me didn’t smell the gas? Or maybe he did but just chose not to report it. So sad!

 

 

Soffit vents – crucial for proper attic ventilation

(Left image) How important is it to have proper/adequate attic ventilation? Apparently it’s not all that important to most people. The effects of poor ventilation aren’t readily visible. Deterioration of the structure is a slow process, and no one apparently realizes that the electric bill could be lower if there was proper attic ventilation.

 

Perhaps that’s why more than 90 percent of the homes I’ve inspected have soffit holes that are too small. The builders simply cut quick holes in the soffits and slap the screened covers over them and no one knows the difference. Shouldn’t it stand to reason that the holes should be as big as the screened vent cover? Does the image on the left look right to you? It shouldn’t.

 

Plumbing vent stack – an important component of waste removal

(Right image) I didn’t see this too often on newly built homes, but it does happen. The cap (called a “rough-in cap) was not removed from the top of the plumbing vent stack pipe. This condition will usually result in improper toilet flushing as air is needed up top for proper flow through the waste lines below.

 

Additional hazards

A few other safety concerns I encountered during the inspections of newly-built homes include but are not limited to:

  • Attic flooring too thin – could result in someone falling through the floor.
  • No anti-tip device on the oven or range – possible burn/scald hazard; crushing of child from tip-over.
  • Faulty arc fault outlet – risk of electrical shock or fire.
  • Improper mounting of attic pull-down ladders – could result in a fall.
  • Pull-down ladder in garage not fire rated – fire hazard.
  • Deadbolt hole too shallow – home security issue.
  • Dryer duct cover with screen – screen will trap lint and create a possible fire hazard.
  • Furnace exhaust duct not connected in attic – hazardous gases being discharged into attic/home.

These are just a handful of safety deficiencies I’ve come across during newly-built home inspections. How many would you have noticed during your walk-through? Be sure to hire your own home inspector, be sure he allows you to be present during the inspection, and ask a lot of questions (though you may have to save your questions until the end of the inspection).

 

It is fair to say that not every newly-built home has defects such as the ones listed above. Are you willing to take the chance though? I could show you many more photos of issues I encountered during inspections of newly built homes, but this article isn’t about home inspections.

 

As always, please post any questions or comments below. I will answer them as soon as possible. If you have an experience you would like to share that would be helpful to others, please do so but refrain from using specific names of people or companies unless it’s in a positive light.

 

Kind Regards,

saferhomenow.com

Leave a Reply

Your email address will not be published. Required fields are marked *