<b:if cond='data:blog.pageType == "index"'> <data:blog.pageTitle/> <b:else/> <b:if cond='data:blog.pageType != "error_page"'> <data:blog.pageName/> - <data:blog.title/> ERROR 404

<b:if cond='data:blog.pageType == "index"'> <data:blog.pageTitle/> <b:else/> <b:if cond='data:blog.pageType != "error_page"'> <data:blog.pageName/> - <data:blog.title/> ERROR 404 - <data:blog.title/> </b:if> </b:if> */ /*====================================== +/+ Styles ======================================*/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*====================================== +/+ General Styles ======================================*/ .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { content: ''; display: table; width: 0; height: 0;} .clearfix:after { clear: both; } *, *:before, *:after{ -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-sizing: border-box; box-sizing: border-box; } body { font: normal normal 16px Roboto, Arial, Tahoma, Helvetica, FreeSans, sans-serif; overflow-x: hidden; } .section, .widget { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { color: inherit; } a, a:visited, a:link{ color: inherit; text-decoration: none; } a:link { outline: none; } input{ border: none; box-sizing: border-box; } .container{ max-width: 1180px; margin: 0 auto; } .date-header { display: none; } .widget li { padding: 0; } .widget ul { padding: 0; } .blog-feeds, .feed-links { display: none; } .icon { padding-right: 5px; transition-duration: 0s; } .heading { font: normal normal 18px Oswald; } img { max-width: 100%; } .post-icons img { width: auto !important; } .hide { display: none !important; } .show { display: block !important; } .fadeIn { opacity: 1 !important; visibility: visible !important; } #to-top { position: fixed; right: 25px; bottom: 50px; color: #000; padding: 8px 9px; padding-top: 6px; opacity: 0; visibility: hidden; background: #fff; border: 1px solid #ccc; z-index: 9999; } .anchor-hover:hover { color: $keycolor; } .widget-item-control {display: none;} #item .post-body { line-height: 1.7; } #item .post-body ul { list-style-type: disc; } #item .post-body ol { list-style-type: decimal; } #item .post-body a { font-weight: 500; color: $keycolor; text-decoration: underline; } #item .post-body a[style="margin-left: 1em; margin-right: 1em;"] { margin-left: 0 !important; margin-right: 0 !important; } .post-image { display: block; } a.home-link { display: none; } .tr-caption-container img { max-width: none !important; } .post-image-square { position: relative; display: table-cell; width: 100px; height: 92px; float: left; z-index: 3; vertical-align: middle; } .category { display: inline-block; background: $keycolor; color: #fff !important; padding: 8px 15px; font-size: 12px; text-transform: uppercase; border-radius: 3px; } /*============================================ +/+ Header ============================================*/ #header { background: #fff; } div#navbar { background: #fff; } /* Top Nav -----------------------------------------------*/ .top-nav-wrapper { height: 55px; background: #3f3f3f; color: #fff; } #top-nav { text-align: center; } .top-nav-icon { display: none; line-height: 55px; font-size: 1.5rem; } .top-nav-wrapper .widget:first-child { float: left; } .top-nav-wrapper .widget:last-child { float: right; } #LinkList123:only-child, #LinkList111:only-child { float: none; display: inline-block; } #LinkList123 li { float: left; margin-right: 3px; text-transform: capitalize; -webkit-transform: skew(-25deg); transform: skew(-25deg); background: #fff; color: #000; } #LinkList123 li:last-child { margin-right: 0; } #LinkList123 li a { font: normal normal 16px/55px Oswald, sans-serif; padding: 0 15px; -webkit-transform: skew(25deg); transform: skew(25deg); display: block; } #LinkList123 a:hover { color: $keycolor; } #LinkList111 li { float: left; line-height: 55px; } #LinkList111 li a { display: block; width: 30px; height: 55px; line-height: 55px; text-align: center; } #LinkList111 li a:hover { background: $keycolor; } /* Logo Container ---------------------------------------*/ .logo-container { clear: both; padding: 60px; background: #fff; } .Header h1 { font: normal normal 30px Arial, Tahoma, Helvetica, FreeSans, sans-serif; color: #000; display: inline-block; } #header-inner { text-align: center; } #header-inner img { position: relative; top: 2px; max-width: 100%; } /* Main Menu ------------------------------------*/ .main-nav-wrapper { height: 61px; text-align: center; box-shadow: 0 1px 5px #bababa; position: relative; z-index: 5; background: #fff; } .main-nav-wrapper .container { position: relative; } .main-nav-wrapper .widget-content { display: inline-block; } #main-nav #main-menu > li { float: left; color: #000; opacity: 0; visibility: hidden; } #main-nav #main-menu > li:nth-child(3n+1) { border-bottom: 2px solid $keycolor; } #main-nav #main-menu > li:nth-child(3n+2) { border-bottom: 2px solid $secondcolor; } #main-nav #main-menu > li:nth-child(3n+3) { border-bottom: 2px solid $thirdcolor; } #main-nav #main-menu > li:nth-child(3n+1) a:hover { color: $keycolor; } #main-nav #main-menu > li:nth-child(3n+2) a:hover { color: $secondcolor; } #main-nav #main-menu > li:nth-child(3n+3) a:hover { color: $thirdcolor; } #main-nav #main-menu > li:after, #main-nav #main-menu > li:first-child:before { content: ''; width: 5px; height: 5px; display: inline-block; border-radius: 50%; vertical-align: middle; border: 1px solid #ccc; } #main-menu > li > a, .sub-menu a { display: inline-block; font: normal normal 15px Oswald, sans-serif; line-height: 43px; text-transform: uppercase; padding: 8px 25px; } #main-nav li a.arrow:after { content: '\f107'; font-family: 'fontawesome'; margin-left: 5px; transition-duration: 0s; line-height: 41px; } #mobile-main-nav-btn { display: none; } #mobile-close-btn { display: none; } ul.sub-menu { position: absolute; background: #fff; opacity: 0; transform: translateY(15px); visibility: hidden; z-index: 99999; border: 1px solid #d7d7d7; } ul.sub-menu li { float: none !important; transition-duration: 0s; } ul.sub-menu li a { padding: 0px 25px !important; } ul.sub-menu:hover, #main-nav li a:hover + .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); } #search-icon { opacity: 1 !important; visibility: visible !important; line-height: 45px; padding: 8px 25px; cursor: pointer; position: absolute; right: 0; top: 0; z-index: 3; background: #eee; transition-duration: 0s; } #search-icon .fa { transition-duration: 0s; } #search-icon:hover { color: $keycolor; } .search { z-index: 99999; } input#search-input { position: absolute; height: 61px; width: 0; z-index: 2; text-align: center; background: #fff; border-top: 2px solid #fff; border-bottom: 2px solid #fff; top: 0; left: 0; visibility: hidden; -webkit-transition: visibility 0s, width .3s; transition: visibility 0s, width .3s; } input#search-input:focus { outline: none; border-color: #333; } .search-opened { width: 100% !important; right: 0; visibility: visible !important; } /* Mega Menus ------------------------------------------*/ .mega-icon:after { content: '\25be'; } .mega-menu-wrapper { position: absolute; left: 0; right: 0; top: 59px; overflow: hidden; opacity: 0; visibility: hidden; transform: translateY(15px); z-index: 99; max-width: 1180px; margin: 0 auto; border-bottom: 3px solid $keycolor; } .mega-menu-wrapper:hover, #main-nav li a:hover + .mega-menu-wrapper { opacity: 1; visibility: visible; transform: translateY(0); } .mega-menu-wrapper:before { content: ''; display: block; height: 6px; position: absolute; top: -6px; left: 0; right: 0; background: transparent; } .mega-menu { background: #fff; padding: 15px !important; z-index: 99; } .mega-post { float: left; width: 23%; margin-right: 2.6% !important; transition-duration: 0s; } .mega-post:last-child { margin-right: 0 !important; } .mega_post-image { display: block; width: 100%; height: 180px; margin-bottom: 12px; } .mega_post-image:hover { -webkit-filter: grayscale(1); filter: grayscale(1); } .mega_post-title { color: #000; font-weight: 700; font-size: .875rem; line-height: 1.7; transition-duration: 0s; } .mega-post a { transition-duration: 0s; } /*============================================ +/+ Slider ============================================*/ #slider { font-size: 0; margin: 45px 0; } .slider-post { float: left; height: 320px; position: relative; display: table !important; margin: 0 3px; } .slider-post-info { display: table-cell; vertical-align: middle; text-align: center; background: rgba(0, 0, 0, .55); position: relative; padding: 15px; } .slider-post .category { margin-top: 0; margin-bottom: 25px; } .slider-post .heading { color: #fff; font-size: 1.3rem; margin-bottom: 25px; } .slider-post .publish-date, .slider-post .writer { color: #CACACA; font-size: .7rem; text-transform: uppercase; } .slider-post .publish-date { margin-right: 20px; } .slider-post:nth-child(3n+1) .category { background: $keycolor; } .slider-post:nth-child(3n+2) .category { background: $secondcolor; } .slider-post:nth-child(3n+3) .category { background: $thirdcolor; } /*======================================== +/+ Main Content (Posts & Sidebars) ========================================*/ .main-content { background: #f7f7f7; padding: 70px 0; } /*============================================ +/+ Homepage Widgets ============================================*/ #blog-posts-wrapper .HTML { margin-bottom: 50px; } #blog-posts-wrapper .widget > h2, #blog-posts-wrapper .widget > .title { display: table; width: 100%; white-space: nowrap; line-height: 10px; border-bottom: 1px dashed #aaa; padding-bottom: 8px; padding-right: 10px; text-transform: uppercase; margin-bottom: 30px; color: #000; font-size: 17px; font-weight: 700; } #blog-posts-wrapper .widget > h2:after, #blog-posts-wrapper .widget > .title:after { content: ""; display: table-cell; width: 100%; border-top: 10px solid $keycolor; position: relative; left: 10px; vertical-align: middle; } /* Grids -----------------------------------------*/ .grids-post { float: left; width: 49%; margin-right: 2%; height: 320px; position: relative; display: table; margin-bottom: 15px; } .grids-post:nth-child(2n+2) { margin-right: 0; } .grids-post:nth-last-child(2), .grids-post:last-child { margin-bottom: 0; } .grids-post-info { display: table-cell; vertical-align: middle; text-align: center; background: rgba(0, 0, 0, .55); position: relative; padding: 15px; } .grids-post .category { margin-top: 0; margin-bottom: 25px; } .grids-post .heading { color: #fff; font-size: 1.3rem; margin-bottom: 25px; } .grids-post .publish-date, .grids-post .writer { color: #CACACA; font-size: .7rem; text-transform: uppercase; } .grids-post .publish-date { margin-right: 20px; } /* Twocolumns -----------------------------------------*/ .twocolumns-item { display: inline-block; width: 48.5%; padding: 8px !important; margin-right: 3% !important; background: #fff; vertical-align: top; -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05); } .twocolumns-item:nth-child(even) { margin-right: 0 !important; margin-bottom: 25px; } .twocolumns-item:last-child { margin-bottom: 0; } .twocolumns .post-image-square { margin-right: 12px; } .twocolumns-item span.publish-date { color: #848484; font-size: .7rem; margin-top: 18px; margin-bottom: 17px; display: inline-block; text-transform: uppercase; } .twocolumns-item .heading { font-size: .875rem; line-height: 1.6; } /* bleft ---------------------------------------*/ .bleft .big-post { position: relative; width: 62.8205128%; height: 410px; float: left; color: #fff; } .bleft .big-post .post-title { position: absolute; background: rgba(0,0,0,0.5); right: 15px; left: 15px; bottom: 15px; padding: 15px; line-height: 1.6; } .bleft .big-post .post-title h2 { font-size: 1.5rem; } .bleft .post-category { position: absolute; padding: 5px 10px; font-family: 'Roboto'; text-transform: uppercase; font-size: 0.75rem; font-weight: 700; z-index: 3; top: 15px; left: 15px; background: $keycolor; } .bleft .post-category:hover { background: #555; } .bleft .post-title:hover { background: $keycolor; } .bleft .other-posts { background: #E6E6E6; border-left: 5px solid $keycolor; height: 410px; width: 37.1794872%; float: right; line-height: 1.6; overflow: auto; } .bleft .content-item { border-bottom: 1px solid #cccccc; } .bleft .content-item:last-child { border-bottom: 0; } .bleft .content-item:hover { background: $keycolor; } .bleft .content-item:hover h2 { color: #fff; } .bleft .other-posts .post-title { padding: 0 10px; vertical-align: middle; } .bleft .content-item h2 { font-size: 14px; padding: 0 10px; } .bleft .content-item:last-child h2 { border: 0; } /* bsummary ---------------------------------------*/ .bsummary .big-post { float: left; width: 52%; position: relative; } .bsummary .big-post .post-image { position: relative; display: block; height: 310px; } .bsummary .big-post .post-title { position: absolute; bottom: 0; right: 0; left: 0; padding: 10px 15px; font-family: 'Roboto Slab', serif; font-size: 1.2rem; font-weight: 700; line-height: 1.6; color: #fff; text-transform: capitalize; background-color: rgba(0,0,0, 0.7); } .bsummary .post-image:hover .post-title { background: $keycolor; color: #fff; } .bsummary .post-summary { font-size: .875rem; line-height: 1.7; color: #555; display: none; } .bsummary .other-posts { float: right; width: 45%; line-height: 1.6; } .bsummary .content-item { clear: both; padding-right: 8px; display: table; background: #fff; width: 100%; margin-bottom: 17px; box-shadow: 0 0 5px #e5e5e5; } .bsummary .content-item:last-child { margin-bottom: 0; } .bsummary .content-item:hover .post-title { color: $keycolor; transition-duration: 0s; } .bsummary .other-posts .post-title { display: table-cell; vertical-align: middle; padding-left: 15px; } .bsummary .other-posts .post-title h2 { font-size: 14px; font-weight: 700; font-family: Roboto !important; } .bsummary .other-posts .heading:hover { color: $keycolor; } /*======================================== +/+ Blog Posts ========================================*/ #blog-posts-wrapper { float: left; width: 66.79661016%; } #index .blog-posts { font-size: 0; } #index .post-outer { width: 48%; display: inline-block; background: #fff; padding: 15px; margin-right: 4%; padding-bottom: 18px; vertical-align: top; -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05); } #index .post-outer:nth-child(even) { margin-bottom: 50px; } #index .post-outer:last-child { margin-bottom: 15px; } #index .post-outer:nth-child(3n+3) { border-top: 2px solid $thirdcolor; } #index .post-outer:nth-child(3n+2) { border-top: 2px solid $secondcolor; } #index .post-outer:nth-child(3n+1) { border-top: 2px solid $keycolor; } #item .post-outer { background: #fff; padding: 25px; margin-bottom: 50px; -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05); } #index .post-outer:nth-child(2n+2) { margin-right: 0; } #index .post-body.entry-content, #archive .post-body.entry-content, #index .post-footer, #archive .post-footer { font-size: 0; display: none; } .post-header { font-size: 14px; text-align: center; margin-bottom: 10px; } .post-title.entry-title { color: #000; text-align: center; transition-duration: 0s; text-transform: uppercase; margin-bottom: 10px; font: normal normal 18px Oswald; } .post-title.entry-title a:hover { color: $keycolor; } #index span.post-author.vcard { display: none; } span.post-timestamp { display: inline-block; color: #333; overflow: hidden; text-transform: uppercase; padding: 10px 41px 0; position: relative; font: normal normal 16px Oswald; border-top: 1px solid #333; } .post-image-wrapper { margin-bottom: 7px; } .post-image-wrapper .post-image { width: 100%; padding: 30% 0; } .post-image-wrapper .post-image:hover { -webkit-filter: grayscale(1); filter: grayscale(1); } .post-timestamp { margin-left: 0 !important; } span.post-labels a:hover { color: $keycolor; } .post-summary { padding-top: 8px; font-size: 1rem; font-family: roboto; line-height: 1.7; color: #595959; } p.more-link { text-align: center; margin-top: 30px; text-transform: uppercase; font: normal normal 15px Oswald; color: #000; } p.more-link:hover a { text-decoration: underline; } #index .post-bottom, #item .post-bottom { font-size: .875rem; border-top: 1px dashed #c6c6c6; } #index .post-bottom { margin-top: 25px; padding-top: 15px; margin-left: -15px; margin-right: -15px; } #item .post-bottom { border-bottom: 1px dashed #ccc; padding: 20px 0; margin: 25px 0; } #item .post-bottom span.post-author { display: none; } #index .post-bottom .post-share { text-align: center; margin-top: 7px; } #item .post-bottom .post-share { text-align: center; } a.post-share_link { display: inline-block; background: #C6C6C6; width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 35px; color: #fff; margin-right: 10px; } a.post-share_link:last-child { margin-right: 0; } a.post-share_link:hover { background: #000; } .blog-pager-older-link, .blog-pager-newer-link { background: #fff; font-size: .875rem; font-weight: 700; padding: 8px 15px; display: block; border: 1px solid #ccc; } .blog-pager-older-link:hover, .blog-pager-newer-link:hover { color: $keycolor; } .blog-pager-older-link { padding-right: 10px; } .blog-pager-newer-link { padding-left: 10px; } .blog-pager-older-link:after, .blog-pager-newer-link:before { color: #000; font-family: 'fontawesome'; display: inline-block; } .blog-pager-older-link:after { content: '\f105'; border-left: 1px solid #ccc; margin-left: 15px; padding-left: 10px; } .blog-pager-newer-link:before { content: '\f104'; border-right: 1px solid #ccc; margin-right: 15px; padding-right: 10px; } .post-share-buttons.goog-inline-block { display: block; margin-bottom: 13px; margin-top: -6px; } #item #share-header { font-size: 14px; font-weight: 700; display: inline-block; } #item .goog-inline-block { vertical-align: middle; } #item .goog-inline-block.google-plus-share-container { margin-top: 5px; } #item .post-footer .post-labels { font-size: 18px; } #item .post-label-anchor { font-style: italic; } /* Author info ----------------------------------------*/ .author-avatar-wrapper { float: left; margin-right: 30px; } img.author-avatar { width: 125px; height: 125px; border-radius: 125px; } h5.author-name { font-size: 22px; margin-bottom: 20px; } p.author-bio { font-size: 14px; line-height: 1.7; color: #555; } /* Related Posts ----------------------------------------*/ div#related-posts { background: #fff; padding: 25px; border: 1px solid #eee; margin-top: 23px; margin-bottom: 23px; } div#related-posts p { text-align: center; text-transform: uppercase; font-weight: 700; position: relative; margin-bottom: 30px; } div#related-posts p:after { content: ''; width: 50px; height: 2px; background: #ccc; position: absolute; left: 50%; top: 30px; margin-left: -25px; } .related-post-item { width: 30%; margin-right: 5%; vertical-align: top; display: none; } .related-post-item:nth-child(1), .related-post-item:nth-child(2), .related-post-item:nth-child(3) { display: inline-block; } .related-post-item:nth-child(3) { margin-right: 0; } .related-thumb { margin-bottom: 7px; } .related-thumb:hover + h3.related-post-title a { color: $keycolor; } a.related-post-img { display: block; width: 100%; padding: 35%; } h3.related-post-title { font-size: 14px; line-height: 1.6; text-align: center; } /* Comments ----------------------------------------*/ div#comments { background: #fff; padding: 20px; border: 1px solid #eee; } #comments > h4 { font-weight: 500; font-size: 1.2rem; text-transform: uppercase; border-bottom: 2px solid #000; } #comments .comment { border-bottom: 1px solid #ccc; } #comments .comment:only-child { border-bottom: 0; } .comments .comments-content .datetime { margin-left: 0; display: block; font-size: .75rem; font-style: italic; } .comments .comments-content .comment-content { text-align: left; margin-bottom: 20px; } #comments .comment-header { margin-bottom: 20px; } #comments .comment-actions > a { font-size: .75rem; background: $keycolor; display: inline-block; padding: 3px 8px; color: #fff; border-radius: 5px; margin-right: 10px; } /*################ MBT Pager ##########################*/ .mbt-pager { background: #fff; border: 1px solid #eee; margin-top: 23px !important; margin-bottom: 23px !important; } .mbt-pager li { width: 50%; text-align: center; } .mbt-pager li.next { float: right; } .mbt-pager li.previous { border-right:1px solid #ddd; padding:0px; background:none; } .mbt-pager li.previous a { padding-right: 24px; } .mbt-pager li.next:hover, .mbt-pager li.previous:hover { background:#333333; } .mbt-pager li a { display: block; padding: 25px 20px; outline:none; text-decoration:none; } .mbt-pager li i { color: #ccc; font-size: 18px; } .mbt-pager li a strong { display: block; font: normal normal 20px Oswald, sans-serif, arial; color: #ccc; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom:10px; } .mbt-pager li a span { color: #666; font: normal normal 15px Oswald, sans-serif, arial; margin: 0px; } .mbt-pager li a:hover span, .mbt-pager li a:hover i { color: #ffffff; } .mbt-pager li.previous i { float:left; margin-top:15%; margin-left:5%; } .mbt-pager li.next i { float: right; margin-top: 15%; margin-right: 5%; } .mbt-pager li.next i, .mbt-pager li.previous i , .mbt-pager li.next, .mbt-pager li.previous{ -webkit-transition-property: background color; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.4s; -o-transition-timing-function: ease-out; transition-property: background color; transition-duration: 0.4s; transition-timing-function: ease-out; } .fa-chevron-right { padding-right:0px; } /* Error Page -------------------------------------------*/ #error_page #blog-posts-wrapper { width: 100%; } #error_page .blog-posts-wrapper .widget { margin-bottom: 0; } .error-page-wrapper { padding-top: 20px; text-align: center; } p.error-message-big { font-size: 1.5rem !important; margin-bottom: 7px; } .error-message-small a { color: $keycolor; } .error-message-small a:hover { text-decoration: underline; } .error-image { padding-top: 30px; max-width: 100%; } #error_page .status-msg-wrap { display: none; } /*======================================== +/+ Sidebar ========================================*/ .sidebar-wrapper { float: right; width: 30%; } .sidebar-wrapper .widget { background: #fff; padding: 17px; margin-bottom: 30px; -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05); } .sidebar-wrapper .widget > h2 { position: relative; font: normal normal 18px Oswald, sans-serif; color: #000; text-align: center; margin-bottom: 25px; padding-bottom: 6px; text-transform: uppercase; } .sidebar-wrapper .widget > h2:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 40px; height: 2px; background: #000; margin-left: -20px; } /* About me -----------------------------------------*/ .Profile { text-align: center; } .Profile .profile-img { width: auto; max-width: 100%; height: auto; margin: 0 !important; float: none !important; } a.profile-name-link.g-profile { display: block; text-align: center; margin-top: 10px; font-size: 1.4rem; padding-left: 0 !important; background-image: none !important; } .profile-textblock { margin-top: 9px !important; margin-bottom: 32px !important; } div#___follow_0 { display: none !important; } a.profile-link { border: 2px solid #eee; font-size: .875rem; padding: 10px; } a.profile-link:hover { border-color: $keycolor; } /* Popular Posts -----------------------------------------*/ .PopularPosts .widget-content li { border-bottom: 1px solid #E6E6E6; padding: 10px 0 8px; } .PopularPosts .widget-content li:first-child { padding-top: 0; } .PopularPosts .widget-content li:last-child { border-bottom: 0; padding-bottom: 0; } .PopularPosts .item-thumbnail { float: none; display: table-cell; } .PopularPosts .item-thumbnail img { width: 75px; height: 70px; padding-right: 0 !important; border-radius: 50%; } .PopularPosts .item-thumbnail img:hover { border-color: $keycolor !important; } .PopularPosts .item-title { padding-left: 13px; display: table-cell; vertical-align: middle; line-height: 1.7; font: normal normal 18px Oswald; font-size: 0.875rem; text-transform: capitalize; } .PopularPosts .item-title a:hover { color: $keycolor; } /* Social Counter -----------------------------------------*/ .socialcounter { text-align: center; } .social_item-wrapper { float: left; width: 48%; text-align: center; margin-right: 4% !important; margin-bottom: 10px !important; color: #fff; } .social_item-wrapper:nth-child(2n+2) { margin-right: 0 !important; } .social_item { position: relative; display: block; height: 107px; padding: 10px; overflow: hidden; } .social_icon { font-size: 2rem; display: inline-block; margin-top: 5px; margin-bottom: 9px; } .social_num { line-height: 44px; width: 100%; height: 41px; font-size: .875rem; display: inline-block; } a.social_item.social_facebook { background: #3F5B9B; } .fa-facebook.social_icon ~ .social_num { background: #2E4372; } li.social_item-wrapper:hover .fa-facebook.social_icon ~ .social_num { background: #3F5B9B; } li.social_item-wrapper:hover .social_facebook { background: #2E4372; } a.social_item.social_twitter { background: #1C97DE; } .fa-twitter.social_icon ~ .social_num { background: #1571A5; } li.social_item-wrapper:hover .fa-twitter.social_icon ~ .social_num { background: #1C97DE; } li.social_item-wrapper:hover .social_twitter { background: #1571A5; } a.social_item.social_youtube { background: #E22020; } .fa-youtube.social_icon ~ .social_num { background: #B31919; } li.social_item-wrapper:hover .fa-youtube.social_icon ~ .social_num { background: #E22020; } li.social_item-wrapper:hover .social_youtube { background: #B31919; } a.social_item.social_dribbble { background: #E82159; } .fa-dribbble.social_icon ~ .social_num { background: #B51A45; } li.social_item-wrapper:hover .fa-dribbble.social_icon ~ .social_num { background: #E82159; } li.social_item-wrapper:hover .social_dribbble { background: #B51A45; } a.social_item.social_rss { background: #E86321; } .fa-rss.social_icon ~ .social_num { background: #C2521B; } li.social_item-wrapper:hover .fa-rss.social_icon ~ .social_num { background: #E86321; } li.social_item-wrapper:hover .social_rss { background: #C2521B; } a.social_item.social_google-plus { background: #E82C2C; } .fa-google-plus.social_icon ~ .social_num { background: #BF2424; } li.social_item-wrapper:hover .fa-google-plus.social_icon ~ .social_num { background: #E82C2C; } li.social_item-wrapper:hover .social_google-plus { background: #BF2424; } a.social_item.social_linkedin { background: #0275B6; } .fa-linkedin.social_icon ~ .social_num { background: #02669E; } li.social_item-wrapper:hover .fa-linkedin.social_icon ~ .social_num { background: #0275B6; } li.social_item-wrapper:hover .social_linkedin { background: #02669E; } a.social_item.social_instagram { background: #8E714D; } .fa-instagram.social_icon ~ .social_num { background: #6F583C; } li.social_item-wrapper:hover .fa-instagram.social_icon ~ .social_num { background: #8E714D; } li.social_item-wrapper:hover .social_instagram { background: #6F583C; } a.social_item.social_pinterest { background: #CA2027; } .fa-pinterest.social_icon ~ .social_num { background: #AB1B21; } li.social_item-wrapper:hover .fa-pinterest.social_icon ~ .social_num { background: #CA2027; } li.social_item-wrapper:hover .social_pinterest { background: #AB1B21; } a.social_item.social_tumblr { background: #3a5c7e; } .fa-tumblr.social_icon ~ .social_num { background: #36465D; } li.social_item-wrapper:hover .fa-tumblr.social_icon ~ .social_num { background: #3a5c7e; } li.social_item-wrapper:hover .social_tumblr { background: #36465D; } /* Labels -----------------------------------------*/ .Label .widget-content { font-size: 0; } .cloud-label-widget-content { text-align: left; } .label-size { line-height: 1.2; font-size: .875rem; opacity: 1; background: #f5f5f5; display: inline-block; margin-right: 6px; margin-bottom: 6px; } .label-size a { display: inline-block; padding: 10px 5px; } .label-size a:only-child { padding: 10px; box-shadow: 2px 2px 0 #D7D7D7; -webkit-box-shadow: 2px 2px 0 #D7D7D7; } .label-size a:only-child:hover { background: $keycolor; color: #fff; border-color: $keycolor; } .label-count { white-space: nowrap; display: inline-block; padding: 10px 5px; background: #D5D5D5; } .list-label-widget-content li a:only-child { width: 100%; } .list-label-widget-content li { position: relative; } .list-label-widget-content li:last-child { border: 0; height: 40px; } .list-label-widget-content li:hover:before { height: 60px; } .list-label-widget-content li a { position: relative; display: inline-block; width: 88%; width: calc(100% - 40px); height: 40px; line-height: 40px; font-size: .875rem; text-transform: capitalize; border-right: 0; color: #2F2F2F; } .list-label-widget-content li a:before { content: ''; display: inline-block; width: 6px; height: 6px; background: $keycolor; vertical-align: middle; margin-right: 9px; margin-top: -2px; } .list-label-widget-content li span { display: inline-block; border: 1px solid $keycolor; height: 21px; line-height: 5px; font-size: .7rem; font-weight: 500; color: $keycolor; padding: 6px; border-radius: 3px; text-align: center; } .list-label-widget-content li:hover span { background: $keycolor; color: #fff; } /* Recent Posts -----------------------------------------*/ li.recent-post-item { position: relative; margin-bottom: 20px; overflow: hidden; padding-bottom: 18px; border-bottom: 1px dashed #ccc; } li.recent-post-item:last-child { margin-bottom: 0; padding-bottom: 0; border: 0; } .recentposts .post-image { display: block; width: 100%; padding: 28%; } .recentposts .post-title { color: #000; text-transform: uppercase; } .recentposts h2.heading { margin-top: 10px; line-height: 1.6; font: normal normal 18px Oswald; font-size: 18px; } /* Follow By Email -----------------------------------------*/ .follow-by-email-inner { background: #eee; padding: 6px; } input.follow-by-email-address { height: 40px !important; border: 0 !important; padding-left: 10px; } .FollowByEmail td:last-child { position: relative; width: 50px; } input.follow-by-email-submit { height: 40px !important; border-radius: 0 !important; background: $keycolor !important; font-size: 0 !important; margin-left: 6px !important; width: 45px !important; vertical-align: middle; } .FollowByEmail td:last-child:before { content: '\f1d8'; font-family: 'fontawesome'; position: absolute; top: 0; right: 14px; line-height: 40px; color: #fff; font-size: 1.1rem; cursor: pointer; } /* Custom Search -----------------------------------------*/ .CustomSearch input.gsc-input { padding: 1px 6px; border: 1px solid #DDD; width: 100% !important; height: 40px; border-right: 0 !important; } .CustomSearch input.gsc-search-button { margin-left: 0 !important; height: 40px; background: $keycolor; color: #fff; } .CustomSearch table.gsc-search-box td.gsc-input { padding-right: 0 !important; } /* Image widget ------------------------------------------*/ .Image { text-align: center; } /* Bottom Social Media --------------------------------------------*/ #social-bottom-wrapper { background: #fff; text-align: center; overflow: hidden; border-top: 3px solid $keycolor; } #social-bottom li { display: inline-block; margin-left: 20px; font-size: 14px; letter-spacing: 1px; } #social-bottom li:first-child { margin-left: 0; } #social-bottom li a { color: #000; display: block; padding: 25px 0; text-transform: uppercase; } #social-bottom li a:after { content: ''; display: inline-block; height: 15px; width: 1px; background: currentcolor; margin-left: 20px; vertical-align: middle; } #social-bottom li:last-child a:after { display: none; } #social-bottom li a:hover { color: $keycolor; } #social-bottom .fa { margin-right: 6px; transition-duration: 0s; } /*======================================== +/+ Footer ========================================*/ #footer-wrapper { font: normal normal 14px Roboto, sans-serif; background: $(footer.bg.color); color: #a1a1a1; padding: 60px 0; padding-bottom: 0; } #footer-wrapper .container > .section { float: left; width: 29%; margin-right: 6.5%; } #footer-right { margin-right: 0 !important; } #footer-wrapper .widget { margin-bottom: 30px; } #footer-wrapper .widget > h2 { display: table; width: 100%; white-space: nowrap; line-height: 10px; border-bottom: 1px dashed #aaa; padding-bottom: 5px; padding-right: 10px; text-transform: uppercase; margin-bottom: 25px; color: #fff; font: normal bold 16px Roboto, sans-serif; letter-spacing: 2px; } #footer-wrapper .widget > h2:after { content: ""; display: table-cell; width: 100%; border-top: 10px solid $keycolor; position: relative; top: 4px; left: 10px; vertical-align: middle; } #footer-wrapper .PopularPosts .widget-content li { border-bottom: 1px solid #535353; } #footer-wrapper .PopularPosts .widget-content li:last-child { border-bottom: 0; } #footer-wrapper .PopularPosts .item-thumbnail img { border: 2px solid #545454; } #footer-wrapper .label-size { background: #262626; margin-right: 3px; margin-bottom: 3px; } #footer-wrapper .label-size a:only-child { box-shadow: none; -webkit-box-shadow: none; } #footer-wrapper .BlogArchive select { width: 100%; height: 40px; border: 0; } #footer-wrapper .FollowByEmail .subhead { color: #fff; margin-bottom: 12px; } #footer-wrapper .FeaturedPost h3 { color: #fff; margin-bottom: 15px; } #footer-wrapper .FeaturedPost p { font-size: .875rem; line-height: 1.7; margin-bottom: 23px; } .copyright { text-align: center; background-color: rgba(0,0,0,0.2); padding: 20px 0; font-size: 15px; margin: 0; } /*================================================ Media Queries ================================================*/ @media only screen and (max-width: 1180px) { .container { width: 96%; } #slider .container { width: 100%; } } /* 1180px media query */ @media only screen and (max-width: 1024px) { .main-nav-wrapper { height: 48px; position: relative; } .main-nav-wrapper > .container { position: relative; text-align: center; } .main-nav-wrapper .widget-content { display: block; } #main-menu > li > a { display: block; } #mobile-close-btn { display: block; background: $keycolor; color: #fff; width: 100%; padding: 10px; border: 0; text-align: center; font-size: 1rem; text-transform: uppercase; cursor: pointer; } div#main-nav { position: fixed; left: -300px; top: 0; bottom: 0; background: #000; border: 0; text-align: left; overflow-y: auto; width: 300px; z-index: 999999; } #main-nav .widget-content > ul > li { float: none !important; margin-right: 0; line-height: 40px; } #main-nav #main-menu > li { color: #fff; } #main-nav #main-menu > li:after, #main-nav #main-menu > li:first-child:before { display: none; } #mobile-main-nav-btn { display: block; line-height: 46px; padding: 0 10px; color: #000; text-align: center; font-size: 1.1rem; font-weight: 700; cursor: pointer; text-transform: uppercase; } .main-nav-opened #main-nav { left: 0; } .mega-icon:after { display: none; } .mega-menu-wrapper { display: none; } #main-nav #main-menu > li:first-child > a { padding-left: 16px; } ul.sub-menu { position: static; background: rgba(0,0,0,0); opacity: 1; transform: translateY(0); visibility: visible; z-index: 99999; overflow: hidden; border: none; padding-left: 20px; } ul.sub-menu li { border-bottom: 0; } ul.sub-menu li a { color: #fff; } #search-icon { padding: 0; width: 45px; height: 48px; } input#search-input { height: 48px; } } /* 1024px media query */ @media only screen and (max-width: 960px) { #blog-posts-wrapper, .sidebar-wrapper { width: 100%; float: none; } div#blog-posts-wrapper { margin-bottom: 30px; } li.recent-post-item { float: left; width: 48%; margin-right: 4%; } li.recent-post-item:nth-child(even) { margin-right: 0; } #footer-wrapper .container > .section { float: none; width: 100%; margin-right: 0 !important; } } /* 960px media query */ @media only screen and (max-width: 825px) { #top-nav { text-align: right; } .top-nav-icon { display: block; pointer: cursor; } #LinkList123 ul.clearfix { position: absolute; right: 0; display: none; white-space: nowrap; z-index: 99999999; } #LinkList123 li { float: none; margin-right: 0; background: #3f3f3f; color: #fff; text-align: center; } } /* 825px media query */ @media only screen and (max-width: 715px) { .author-info { text-align: center; } .author-avatar-wrapper { float: none; margin-right: 0; border-right: none; padding: 0; padding-left: 0; margin-top: 0; margin-bottom: 10px; } p.author-bio { margin-bottom: 20px; } .author-profiles { float: none; display: inline-block; } .related-post-item:nth-child(1), .related-post-item:nth-child(2), .related-post-item:nth-child(3) { display: block; } .related-post-item { width: 65%; margin: 0 auto 20px auto !important; } } /* 715px media query */ @media only screen and (max-width: 680px) { li.recent-post-item { float: none; width: 100%; margin-right: 0; } li.recent-post-item:before { display: none; } .bleft .big-post, .bleft .other-posts { width: 100%; float: none; } .bleft .other-posts { height: auto; } .bleft .content-item h2 { padding: 10px; } .bleft .big-post { padding: 33% 0; height: auto; } } /* 680px media query */ @media only screen and (max-width: 615px) { #header { margin-bottom: 0; } .main-content { margin-top: 0; } .bsummary .big-post { float: none; width: 100%; margin-bottom: 20px; } .bsummary .other-posts { float: none; width: 100%; } .grids-post { float: none; width: 100%; margin-right: 0; margin-bottom: 15px !important; } .grids-post:last-child { margin-bottom: 0 !important; } .twocolumns-item { display: block; width: 100%; margin-bottom: 10px !important; margin-right: 0 !important; } .twocolumns-item:last-child { margin-bottom: 0 !important; } #index .post-outer { display: block; width: 100%; margin-bottom: 30px; margin-right: 0 !important; } } /* 615px media query */ @media only screen and (max-width: 530px) { .logo-container { padding: 30px 15px; } .Header h1 { display: block; } .post-title.entry-title { font-size: 1.5rem; } #item .post-body img { height: auto !important; } } /* 530px media query */ @media only screen and (max-width: 460px) { .related-post-item { width: 100%; } .post-outer, div#related-posts, div#comments, .sidebar-wrapper .widget { padding: 10px; } } /* 460px media query */ @media only screen and (max-width: 400px) { .bleft .big-post .post-category { display: none; } .bleft .big-post .post-title h2 { font-size: 19px; } .post-bottom .post-share { float: none; margin-top: 10px; } div#main-nav { max-width: 100%; } } /* 400px media query */ @media only screen and (max-width: 320px) { .social_item-wrapper { float: none; width: 100%; } .post-title.entry-title { font-size: 1.3rem; } } /* 320px media query */ /*123+*/ ]]>

.section { float: left; width: 28% !important; background-color: #E2E2E2 !important; border: 0; } ]]>