<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/> <b:else/> Page Not Found | <data:blog.title/> </b:if> </b:if> ------------------------------------------------------*/ /***************************************** reset.css ******************************************/ 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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure { margin: 0; padding: 0;} article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block;} table { border-collapse: separate; border-spacing: 0;} caption, th, td { text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after { content: "";} blockquote, q { quotes: "" "";} sup{ vertical-align: super; font-size:smaller;} code{ font-family: 'Courier New', Courier, monospace; font-size:12px; color:#272727;} ::selection { background: #333; color: #fff; } ::-moz-selection { background: #333; color: #fff; } a img{ border: none;vertical-align: middle;} img{vertical-align: middle;max-width:100%;} ol, ul { padding: 10px 0 20px; margin: 0 0 0 35px; text-align: left; } ol li { list-style-type: decimal; padding:0 0 5px; } ul li { list-style-type: square; padding: 0 0 5px; } ul ul, ol ol { padding: 0; } h1, h2, h3, h4, h5, h6 { color: $(header.text.color); font: $(header.font); font-weight: normal; } h1 { font-size: 42px; line-height: 48px; margin: 10px 0 0; } h2 { font-size: 36px; line-height: 44px; margin: 10px 0 0; } h3 { font-size: 32px; line-height: 40px; margin: 10px 0 0; } h4 { font-size: 28px; line-height: 36px; margin: 10px 0 0; } h5 { font-size: 24px; line-height: 30px; margin: 10px 0 0; } h6 { font-size: 18px; line-height: 24px; margin: 10px 0 0; } .post-body h1:first-child, .post-body h2:first-child, .post-body h3:first-child, .post-body h4:first-child, .post-body h5:first-child, .post-body h6:first-child { margin-top: 0; } /***************************************** Global Links CSS ******************************************/ body{ background: $(body.background.color); color: $(body.text.color); font: $(body.font); line-height: 1.75; margin: 0; padding: 0; } a{ color: $(link.color); outline:none; text-decoration: none; } a:hover { color: $(link.hover.color); text-decoration:none; } a:visited { color: $(link.visited.color); } .clr { clear:both; float:none; } /***************************************** Wrappers ******************************************/ .ct-wrapper { padding: 0px 15px; position: relative; max-width: 1122px; width:auto;margin: 0 auto;} .outer-wrapper { margin: 40px 0; position: relative; } .header-wrapper { display: inline-block; float: left; width: 100%;; } .main-wrapper { width:70%; float:left; } .sidebar-wrapper { width:30%; float: right; } /**** Layout Styling CSS *****/ body#layout .header-wrapper { margin-top: 0; } body#layout .outer-wrapper, body#layout .sidebar-wrapper, body#layout .ct-wrapper { margin: 0; padding: 0; } body#layout #About { width: 100%; } body#layout .footer { width: 28%; } #layout .navigation-wrapper { display: none; } #layout .footer_social-icons { display: none; } #layout .footer { width: 33%; float: left; } body#layout .ct-wrapper { width: 800px; margin: 0; padding: 0; } /*_____ BLOG HEADER /* _______________________ */ .blog_top-header { background: $(header.background.color); color: #acacac; padding: 0; font-size: 12px; height: 37px; display: block; float: left; width: 100%; line-height: 1; } .topbar-left, .topbar-right { display: inline-block; } .topbar-left { float: left; } .topbar-right { text-align: right; padding-right: 15px; float: right; } /* ___ TOP MENU BAR /* __________________ */ .top_menu_bar, .header_social { float: left; } .top_menu_bar ul { display: none; margin: 0; padding: 0; } .top_menu_bar li { list-style: none; float: left; display: inline-block; margin-left: 10px; padding: 0; position: relative; } .top_menu_bar li a { font-family: Montserrat, sans-serif; display: block; line-height: 38px; padding: 0 4px; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #fff; } .header_social a { display: inline-block; font-size: 12px; line-height: 36px; color: #e3e3e3; padding: 0 5px; width: 20px; text-align: center; } #nt-search { position: relative; float: right; width: 37px; height: 3px; z-index: 10; margin-top: 0px; line-height: 1!important; } .nt-search-input-wrap { position: absolute; right: 37px; height: 37px; width: 0; border: 0; overflow: hidden; -webkit-transition: width 200ms; -moz-transition: width 200ms; transition: width 200ms; } input[type="text"] { color: #333; border-width: 0 0 1px 0; border-style: solid; border-color: #cecece; outline: none; width: 230px; height: 30px; margin: 5px auto 0; padding: 2px 7px; } #s { -webkit-appearance: none!important; outline: none; font-size: 12px; padding: 5px 15px; letter-spacing: 0.5px; font-weight: normal; vertical-align: top; display: block; margin-bottom: 10px; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input#s { font-family: Raleway, sans-serif; display: block; position: relative; width: 100%; margin-bottom: 0; border: 0; outline: 0; } #s:focus { outline: none; } .nt-search-input-wrap #s { background: #383838!important; padding: 0px 30px; height: 35px; margin: 0; } input#go { line-height: 1; background: transparent; box-shadow: none; border: 0; opacity: 0; } span.nt.fa-search { color: #fff; } input#go, span.nt.fa-search { right: 0; top: 0; width: 30px; height: 37px; line-height: 37px; padding: 0; display: block; position: absolute; text-align: center; cursor: pointer; margin: 0!important; } .nt.fa-search:before { font-family: "FontAwesome"; content: '\f002'; color: #fff; } .nt-search.nt-search-open .nt-search-input-wrap { width: 238px; opacity:1!important; } .nt-search-open .nt.fa-search { color: #fff; } .nt-search-open input#go{ opacity:1; } /* ____ HEADER /* __________________ */ #site-header { background: white; } #header { display: block; width: auto; text-align: center; } #header-inner{ margin: 40px 5px 40px; padding: 0; } #header h1 { display: inline-block; font: $(header.font); font-size: 60px; line-height: 1; letter-spacing: 1px; padding: 20px 0; position: relative; } #header h1 a, #header h1 a:hover { color: $(header.text.color); } #header p.description{ color: #333; font-size: 12px; font-style: italic; text-shadow: 1px 1px #FFFFFF; margin: 0; padding: 0; text-transform:capitalize; } #header img{ border:0 none; background:none; width:auto; height:auto; margin:0 auto; } /* _____ NAVIGATION _WRAPPER /* ______________________________ */ .nav-menu { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #DFDFDF; } .nav-menu ul { display: none; list-style: none; margin: 0; padding: 0; text-align: center; } .nav-menu ul li { display: inline-block; position: relative; list-style: none; padding: 0; } .nav-menu li a { color: #222222; display: block; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 700; line-height: 50px; padding: 0 20px; position: relative; text-transform: uppercase; } .nav-menu ul ul.sub-menu { background: #202020; visibility:hidden; opacity:0; margin-top:50px; position: absolute; width: 200px; transition:all .15s ease-in-out; -moz-transition:all .15s ease-in-out; -o-transition:all .15s ease-in-out; -moz-transition:all .15s ease-in-out; -webkit-transition:all .15s ease-in-out; z-index: 100; display:table; } .nav-menu ul li:hover > ul.sub-menu{ visibility:visible; opacity:1; margin-top:0; } .nav-menu ul li ul li:hover > ul.sub-menu { top:0; } ul.sub-menu ul.sub-menu { left: 200px; bottom: 0; top: 0; } .nav-menu li ul li a { color: #eee; border-top: 0; border-left: 3px solid transparent; font-weight: normal; text-align: left; } ul.sub-menu li { display: block; float: none; } .nav-menu li ul li a:hover{ border-left-color: #333; } /* _____ SLIDER /* ________________________ */ #featured_slider { margin: 0 0 30px; } #featured_slider .widget h2.title { display: none; } .slider-item { position: relative; height: 100%; } .slider-item:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0px 0px 150px 0px #000; -moz-box-shadow: inset 0px 0px 150px 0px #000; -ms-box-shadow: inset 0px 0px 150px 0px #000; box-shadow: inset 0px 0px 150px 0px #000; transition: all .2s ease-in; -o-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; z-index: 1; } .thumb.overlay { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } a.slider-image { height: 100%; } .post-decsription { position: absolute; top: 35%; right: 0; left: 0; text-align: center; z-index: 10; } .slider-wrap .post-inner { background: #fb854d; display: inline-block; padding: 20px 40px; opacity: 0.85; } .slider-wrap .post-tag a { color: #fff; } .slider-item h2.post-title a { color: #fff; text-shadow: 1px 1px 1px #111; } .slider-item .post-tag { float: none; } .slider-item .post-date { color: #fff; } /* ____ POSTS & PAGES /* _________________________ */ .post-outer { position: relative; float: left; display: block; margin: 0 2px 40px 2px; } .post_hentry { background: #fff; float: left; display: block; min-height: 1px; overflow: visible; } .post-image { float: left; margin: 0 30px 0 0; width: auto; height: auto; } a.thumbnail-block { display: block; width: 320px; height: 390px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .post-content { position: relative; overflow: hidden; } h2.article_title { text-transform: uppercase; letter-spacing: .9px; font-weight: 900; font-style: normal; font-size: 30px; padding: 0; margin: 0 0 15px; } h2.article_title a{ color: #181818; z-index: 10; position: relative; display: block; } h2.article_title { position: relative; } .post-title { color: $(post.title.color); font: $(post.title.font); font-weight: 700; margin: 0 0 20px; text-transform: uppercase; } .post-title a { color: $(post.title.color); } .post-meta { color: #bbb; display: inline-block; font-family: Montserrat, Sans-serif; font-size: 12px; font-weight: 700; margin: 0 0 15px; width: 100%; } .post-meta .fa { margin-right: 2px; } .post-meta .divider { background: #000; display: inline-block; width: 21px; height: 1px; margin-left: 20px; margin-right: 20px; } .post-meta .post-comments i { color: #fb854d; font-size: 1em; margin-right: 4px; } .post-meta .post-comments a { color: #555; } .post-comments, .post-date { display: inline-block; } .post-date > .day { color: #fb854d; font-weight: 700; font-size: 35px; display: inline-block; margin-right: 5px; vertical-align: sub; } .post-tag { font-family: Montserrat, Sans-serif; } .post-tag h5 { color: #333; display: inline-block; float: left; font-size: 12px; letter-spacing: 0.5px; line-height: 1.95; margin: 0 10px 0 0; } .post-tag a { color: $(primary.background.color); font-size: 12px; font-weight: 700; letter-spacing: -0.35px; margin-left: 1px; margin-right: 7px; text-transform: uppercase; } .post-excerpt { color: #555; margin: 0 0 25px; } .action { position: relative; } .post-read-more a { border: 2px solid #262626; background-color: #262626; color: #fff; border-radius: 30px; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: normal; text-transform: uppercase; padding: 0 45px; } .post-read-more a { display: inline-block; height: 51px; line-height: 47px; background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125); } ul.post-share { list-style: none; width: 250px; position: absolute; left: 145px; top: 0; padding: 0; margin: 0; overflow: hidden; } ul.post-share > li > a { color: #666666; } .widget .post-body ul.post-share > li { display: inline-block; width: 51px; height: 51px; line-height: 51px; border-radius: 25px; text-align: center; background-color: #f9f9f9; cursor: pointer; position: relative; padding: 0; margin: 0; } .widget .post-body ul.post-share > li:before { display:none; } ul.post-share > li:hover > a, ul.post-share > li:focus > a { color: #fff; } ul.post-share > li > a i { font-size: 13px; } ul.post-share > li > ul.share-links { opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; margin: 0; padding: 0; width: 200px; position: absolute; top: 0px; left: 50px; } ul.post-share > li:hover, ul.post-share > li:focus { background-color: #fb854d; } ul.post-share > li:hover > ul.share-links, ul.post-share > li:focus > ul.share-links { opacity: 1 !important; } ul.share-links > li { display: inline-block; vertical-align: middle; } ul.post-share > li > ul.share-links > li { display: inline-block; width: 45px; height: 45px; line-height: 46px; border-radius: 25px; text-align: center; margin-left: -7px; position: relative; } ul.post-share > li > ul.share-links > li > a { color: #fff; } ul.post-share > li > ul.share-links > li > a i { font-size: 13px; } ul.post-share > li > ul.share-links > li.facebook { background-color: #4a63ac; z-index: 3; } ul.post-share > li > ul.share-links > li.google-plus { background-color: #d62223; z-index: 2; } ul.post-share > li > ul.share-links > li.twitter { background-color: #10abdc; z-index: 1; } /* Hover */ #footer .widget-social .btn-gplus:hover { background-color: #CF3D2E !important; } #footer .widget-social .btn-vimeo:hover { background-color: #4c8ab0 !important; } #footer .widget-social .btn-behance:hover { background-color: #1769ff !important; } #footer .widget-social .btn-twitter:hover { background-color: #3bc1ed !important; } #footer .widget-social .btn-youtube:hover { background-color: #bf2f29 !important; } #footer .widget-social .btn-xing:hover { background-color: #00555C !important; } #footer .widget-social .btn-facebook:hover { background-color: #4a6d9d !important; } #footer .widget-social .btn-linkedin:hover { background-color: #0b7bb5 !important; } #footer .widget-social .btn-pinterest:hover { background-color: #cb1f25 !important; } #footer .widget-social .btn-instagram:hover { background-color: #3f6f94 !important; } .fa-google-plus:hover, .fa-vimeo:hover, .fa-behance:hover, .fa-twitter:hover, .fa-youtube:hover, .fa-dribbble:hover, .fa-facebook:hover, .fa-linkedin:hover, .fa-pinterest:hover, .fa-instagram:hover { color: #ffffff !important; } #Blog1 {margin-right: 15px;} .article_post_title { margin: 0; text-decoration: none; font-family: Lato; text-transform: uppercase; letter-spacing: .9px; font-weight: 900; font-style: normal; font-size: 36px; padding: 0; margin-top: 0; margin-bottom: 20px; line-height: 1.4; color:#282828; } .post-header { margin: 0 0 10px; text-align: center; } .post-body { word-wrap:break-word; } .post-footer { display: inline-block; margin-bottom: 30px; width: 100%; } /* ____ ABOUT AUTHOR /* ________________________ */ .authorboxwrap { display: inline-block; margin: 40px auto; } .authorboxwrap h5 { font-size: 16px; text-transform: uppercase; margin: 0 0 15px; font-weight: 900; letter-spacing: 1px; } .avatar-container { margin-right: 4%; margin-bottom: 25px; float: left; max-width: 150px; text-align:center; } .avatar-container h4 a { color: #222; font-weight: normal; letter-spacing: 1.5px; font-size: 12px; text-transform: uppercase; font-weight: 900; } img.author_avatar { border-radius: 50%; width: 140px; height: auto; border: 10px solid #f5f5f5; box-shadow: 1px -2px 15px -8px #000; } .author_description_container { margin-bottom: 25px; margin-top: 5px; float: right; width: 74%; padding: 20px 30px; background: #f5f5f5; position: relative; box-shadow: -3px 3px 13px -10px #000; } .author_description_container:before { content: ""; position: absolute; border-style: solid; border-color: transparent; border-top-color: #f5f5f5; border-width: 20px 0px 0px 35px; left: -35px; top: 0; } .author_description_container p { font-size: 14px; line-height: 1.6; letter-spacing: 0; padding: 0px; } .authorsocial { margin: 10px 0 0; } .authorsocial a { display: inline-block; width: 25px; height: 25px; text-align: center; font-size: 14px; color: #FFF; position: relative; z-index: 100; margin-right: 2px; background: $(primary.background.color); padding: 1px 0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } /* ____ RELATED POSTS /* ________________________ */ #related-posts { font-size: 16px; display: inline-block; width: 100%; } #related-posts h5 { font-size: 16px; text-transform: uppercase; margin: 0 0 25px; padding-bottom: 15px; font-weight: 900; letter-spacing: 1px; text-align: center; position: relative; } #related-posts h5:after { content: ""; position: absolute; width: 4px; height: 4px; background: #222; border-radius: 50%; bottom: 0; left: 47%; box-shadow: 1em 0px 0px 0px #222, 2em 0px 0px 0px #222; } #related-posts ul { padding: 0; margin: 0; } #related-posts ul li { list-style: none; display: block; float: left; width: 32%; max-width: 230px; padding: 0; margin: 0 5px; text-align: center; position: relative; } #related-posts ul li:first-child { margin-left: 0; } #related-posts img { padding: 0; border: 7px solid transparent; width: 230px; } a.related-thumbs { position: relative; display: block; } a.related-thumbs:before { opacity: 1; } a.related-title { font-family: Raleway, Sans-serif; font-weight: bold; text-transform: uppercase; font-size: 14px; display: block; padding-top: 0; letter-spacing: 1px; margin: 15px 15px 0; color: black; } /***************************************** Comments CSS ******************************************/ .comments { margin-top: 30px; } .comments h4 { font-size: 20px; margin: 0 0 18px; text-transform: capitalize; } .comments .comments-content .comment-thread ol { overflow: hidden; margin: 0; } .comments .comments-content .comment:first-child { padding-top: 0; } .comments .comments-content .comment { margin-bottom: 0; padding-bottom: 0; } .comments .avatar-image-container { max-height: 60px; width: 60px; } .comments .avatar-image-container img { max-width: 60px; width: 100%; } .comments .comment-block { background: #fff; margin-left: 72px; padding: 14px 0 0 20px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .comments .comments-content .comment-header a { color: #333; text-transform: capitalize; } .comments .comments-content .user { display: block; font-style: italic; font-weight: bold; } .comments .comments-content .datetime { margin-left: 0; } .comments .comments-content .datetime a { font-size: 12px; text-transform: uppercase; } .comments .comments-content .comment-header, .comments .comments-content .comment-content { margin: 0 20px 0 0; } .comments .comment-block .comment-actions { display: block; text-align: right; } .comments .comment .comment-actions a { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: $(primary.background.color); color: #FFFFFF; display: inline-block; font-size: 12px; line-height: normal; margin-left: 1px; padding: 5px 8px; } .comments .comment .comment-actions a:hover { text-decoration: none; } .comments .thread-toggle { display: none; } .comments .comments-content .inline-thread { border-left: 1px solid #F4F4F4; margin: 0 0 20px 35px !important; padding: 0 0 0 20px; } .comments .continue { display: none; } .comment-thread ol { counter-reset: countcomments; } .comment-thread li:before { color: $(primary.background.color); content: counter(countcomments, decimal); counter-increment: countcomments; float: right; font-size: 22px; padding: 15px 20px 10px; position: relative; z-index: 10; } .comment-thread ol ol { counter-reset: contrebasse; } .comment-thread li li:before { content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin); counter-increment: contrebasse; float: right; font-size: 18px; } .tagcloud.badge { height: 30px; float: left; display: block; margin-right: 16px; margin-top: 8px; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; } .tagcloud.badge { display: block; width: 100%; height: 30px; } .tagcloud.badge h5 { display: inline-block; float: left; margin-right: 10px; } .tagcloud a { display: inline-block!important; margin-right: 3px; } /***** Page Nav CSS *****/ #blog-pager { display: inline-block; margin: 1px 0; overflow: visible; padding: 30px 0; width: 100%; } .showpageOf, .home-link { display:none; } .showpagePoint { background: #333; color: #FFFFFF; margin: 0 10px 0 0; padding: 5px 10px; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; } .showpage a, .showpageNum a { background: $(primary.background.color); color: #FFFFFF; margin: 0 10px 0 0; padding: 5px 10px; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; } .showpage a:hover, .showpageNum a:hover { background: $(primary.background.color); color: #fff; border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; } #blog-pager-newer-link { padding: 20px 0%; position: relative; text-align: left; width: 45%; } #blog-pager-older-link { padding: 20px 2%; position: relative; text-align: right; width: 45%; } #blog-pager-newer-link .newer-text, #blog-pager-older-link .older-text { display: block; color: #999; } a#Blog1_blog-pager-older-link, a#Blog1_blog-pager-newer-link { text-transform: uppercase; font-weight: bold; background: none; border-width: 2px !important; border-style: solid !important; background-color: $(primary.background.color); color: white; cursor: pointer; display: inline-block; line-height: 1; padding: 12px 14px; position: relative; text-decoration: none; font-size: 12px; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /***************************************** Post Highlighter CSS ******************************************/ blockquote { border-color: #F1F4F9; border-style: solid; border-width: 1px 0; color: #888888; font-style: italic; margin: 10px 0 20px; padding: 15px 40px; } /***************************************** Sidebar CSS ******************************************/ #sidebar { margin: 0;margin-left:15px; padding: 0; display: block; } .sidebar h2.title, .sidebar h2 { color: $(widget.title.text.color); font-size: 16px; font-weight: 700; letter-spacing: 0.5px; line-height: 38px; margin: 0 0 30px; text-align: center; text-transform: uppercase; } .sidebar a { color: #333; } .sidebar .widget { border-bottom: 1px solid #dfdfdf; clear: both; font-size: 13px; line-height: 23px; margin-bottom: 20px; padding: 0 0 35px; } .sidebar ul { margin: 0; padding: 0; list-style: none; } .sidebar li{ border-bottom: 1px solid #F1f4f9; font-family: Raleway, Sans-serif; line-height: normal; list-style: none; margin: 8px 0; overflow: hidden; padding: 0 0 10px 10px; } .sidebar li:last-child { border: 0; } /***************************************** Footer stylesheet ******************************************/ #footer { background: $(post.footer.background.color); color: $(post.footer.text.color); padding-top: 40px; } .footer { width: 29%; float: left; margin-right: 40px; margin-bottom: 30px; } .footer ul { margin: 0 0 0 10px; padding: 0; } .footer li { font-family: Raleway, sans-serif; list-style: none; padding: 7px 0; } .footer li a:before { content: "\>"; margin-right: 5px; font-size: 10px; position: relative; top: -1px; } .footer li:hover a { padding-left: 5px; -webkit-transition: padding .12s ease-in, all .23s linear; -moz-transition: padding .12s ease-in, all .23s linear; transition: padding .12s ease-in, all .23s linear; } .footer h2 { color: #FFF; font-family: Raleway, sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 0.25px; margin: 0; margin-bottom: 20px; position: relative; } .footer h2:before { content: "["; padding: 0 5px; } .footer h2:after { content: "]"; padding: 0 5px; } .footer .widget { padding-bottom: .2em; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; line-height: 1.5; padding-top: 5px; color:#eee; } .footer_credits { color: #2D2D2D; background: white; display: block; font-size: 14px; line-height: 23px; margin: 0; padding: 40px 0; text-align: center; } .footer a {color: #eee;} .footer_credits a { color: #555; } .footer_credits a:hover { color: #333; } .footer_social-icons { width: 100%; display: block; overflow: hidden; margin: 0px auto 20px; text-align: center; } .footer_social-icons ul { padding: 0px; margin: 0px; overflow: hidden; list-style: none; text-align: center; display: inline-block; } .footer_social-icons li { border-radius: 40px; float: left; width: 40px; height: 40px; margin: 0px; margin-right: 10px; padding: 0px; padding: 0px; overflow: hidden; display: inline-block; } .footer_social-icons li a { width: 100%; height: 100%; display: block; overflow: hidden; color: rgb(255, 255, 255); line-height: 40px; background-color: #3B3B3B; } .footer_social-icons li a:hover { color: #fff; } /* Hover */ .btn-gplus, #footer .widget-social .btn-gplus:hover { background-color: #d53824 !important; } .btn-vimeo, #footer .widget-social .btn-vimeo:hover { background-color: #4c8ab0 !important; } .btn-behance, #footer .widget-social .btn-behance:hover { background-color: #1769ff !important; } .btn-twitter, #footer .widget-social .btn-twitter:hover { background-color: #3bc1ed !important; } .btn-youtube, #footer .widget-social .btn-youtube:hover { background-color: #bf2f29 !important; } .btn-xing, #footer .widget-social .btn-xing:hover { background-color: #00555C !important; } .btn-facebook, #footer .widget-social .btn-facebook:hover { background-color: #4a6d9d !important; } .btn-linkedin, #footer .widget-social .btn-linkedin:hover { background-color: #0b7bb5 !important; } .btn-pinterest, #footer .widget-social .btn-pinterest:hover { background-color: #cb1f25 !important; } .btn-instagram, #footer .widget-social .btn-instagram:hover { background-color: #3f6f94 !important; } .btn-gplus:hover, .btn-vimeo:hover, .btn-behance:hover, .btn-twitter:hover, .btn-youtube:hover, .btn-dribbble:hover, .btn-facebook:hover, .btn-linkedin:hover, .btn-pinterest:hover, .btn-instagram:hover { color: #ffffff !important; } /***************************************** Custom Widget CSS ******************************************/ /***** Custom Labels *****/ .cloud-label-widget-content { display: inline-block; text-align: left; } .cloud-label-widget-content .label-size { display: inline-block; float: left; font-size: 10px; font-family: Verdana,Arial,Tahoma,sans-serif; font-weight: bold; line-height: normal; margin: 5px 5px 0 0; opacity: 1; text-transform: uppercase; } .cloud-label-widget-content .label-size a { color: #000 !important; float: left; padding: 5px; } .cloud-label-widget-content .label-size:hover a { color: #555 !important; } .cloud-label-widget-content .label-size .label-count { color: #555; padding: 5px 0; float: left; } /* ____ SOCIAL ICONS /* ____________________________ */ .social-icons ul { text-align: center; } .social-icons li { border: 0; display: inline-block; border-radius: 40px; width: 40px; height: 40px; margin: 0px; margin-right: 5px; padding: 0px; padding: 0px; overflow: hidden; } .social-icons li a { width: 100%; height: 100%; display: block; overflow: hidden; color: rgb(255, 255, 255); line-height: 40px; text-align: center; } /* ______ POPULAR POSTS /* _____________________________ */ .PopularPosts .item-thumbnail img,.featured_thumb img { display: block; float: left; height: 85px; width: 85px; padding: 0; margin-right: 5px; } .PopularPosts .item-title, .item-details h3 { padding-bottom: .2em; font-family: Montserrat, Sans-serif; font-size: 14px; font-weight: bold; line-height: 1.65; padding-top: 0; margin-bottom: 7px; text-transform: uppercase; } .item-snippet { white-space: nowrap; overflow: hidden; } .item_small { display: inline-block; padding: 10px 0; } .featured_thumb img { margin-right: 10px; } .post_meta { display: none; } /* ______ FEATURED POSTS /* _________________________ */ .FeaturedPost .post-summary h3 { font-size: 18px; font-weight: bold; line-height: 1.5; margin: 0 0 20px; } /* ______ ABOUT ME WIDGET /* _________________________ */ .about-widget { padding: 0 10px; } .about-widget img { margin: 0 0 20px; } .about-widget p { font-family: Raleway, Sans-serif; font-size: 14px; font-weight: 300; text-transform: capitalize; } /***** Blogger Contact Form Widget *****/ .contact-form-email, .contact-form-name, .contact-form-email-message, .contact-form-email:hover, .contact-form-name:hover, .contact-form-email-message:hover, .contact-form-email:focus, .contact-form-name:focus, .contact-form-email-message:focus { background: #F8F8F8; border: 1px solid #D2DADD; box-shadow: 0 1px 1px #F3F4F6 inset; max-width: 300px; color: #999; } .contact-form-button-submit { background: $(primary.background.color); border: medium none; float: right; height: auto; margin: 10px 0 0; max-width: 300px; padding: 5px 10px; width: 100%; cursor: pointer; } .contact-form-button-submit:hover { background: #078980; border: none; } .footer .contact-form-name, .footer .contact-form-name:hover, .footer .contact-form-email, .footer .contact-form-email:hover, .footer .contact-form-email-message, .footer .contact-form-email-message:hover{ background: #363636; border: 0; box-shadow: none; outline: 0; margin-bottom: 15px; } .footer .contact-form-button, .footer .contact-form-button:hover{background:$(primary.background.color);outline:none;} /***** Profile Widget CSS *****/ .Profile img { border:1px solid #cecece; background:#fff; float:left; margin:5px 10px 5px 0; padding: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .profile-data { color:#999999; font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif; font-variant:small-caps; margin:0; text-transform:capitalize;} .profile-datablock { margin:0.5em 0;} .profile-textblock { line-height:1.6em; margin:0.5em 0;} a.profile-link { clear:both; display:block; font:80% monospace; padding:10px 0; text-align:center; text-transform:capitalize;} /* ___ SEARCH WIDGET /* ____________________ */ .BlogSearch form {. padding: 20px 0; position: relative; } .gsc-input { position: relative; } .gsc-input input[type="text"] { color: #949494; border-width: 0 0 1px 0; border-style: solid; border-color: #cecece; outline: none; width: 270px; height: 35px; margin: 0 auto; padding: 2px 7px 2px 6px; } .gsc-search-button { display: block; position: absolute; top: 0; right: 0; width: 35px!important; height: 35px; } .gsc-search-button input[type="submit"] { border: 0; background: transparent; text-indent: -999px; } td.gsc-search-button:before { content: "\f002"; font-family: FontAwesome; font-size: 12px; position: absolute; top: 10px; right: 10px; } /***************************************** Responsive styles ******************************************/ @media screen and (max-width: 960px) { .ct-wrapper{ padding:0 15px; } .main-wrapper { margin-right:0; width:100%; } .sidebar-wrapper { float: none; width: auto; max-width: 340px; margin: 40px auto; } #sidebar { margin: 0 auto; } #About .widget-content .main-wrap { margin-right: 0; } #About .widget-content .main-wrap .info { float: none; text-align: center; width: 90%; padding: 10px 5%; } #About .widget-content .side-wrap { width: 100%; float: none; text-align: center; } .sticky { position: static; } } @media screen and (max-width: 800px){ #comment-editor { margin:10px; } #footer{margin:0 25px} .sidebar h2 {top: -21px;} .footer-widget-wrap {display: table; margin: 0 auto; width: 100%; max-width: 320px;} .footer { width: 100%; } } @media screen and (max-width: 500px){ .post-image { float: none; margin: 0 auto 10px; } #Blog1 { margin-right: auto; } a.thumbnail-block { display: block; width: 100%; } .owl-carousel .owl-item { height: 380px; } .author_description_container:before { display: none; } .author_description_container { margin: 0 auto; float: none; } .avatar-container { margin: 0 auto; float: none; } #related-posts ul li, #related-posts ul li:first-child { width: 100%; float: none; margin: 0 auto; max-width: 100%; } } @media screen and (max-width: 420px){ .comments .comments-content .datetime{ display:block; float:none; } .comments .comments-content .comment-header { height:70px; } } @media screen and (max-width: 320px){ .ct-wrapper{ padding:0; } .post-body img{ max-width: 230px; } .comments .comments-content .comment-replies { margin-left: 0; } } /***************************************** Hiding Header Date and Feed Links ******************************************/ h2.date-header, .widget-item-control{display:none;} ]]>
Featured

true #333333 true By true #666666 true #333333 TextAndImage #ffffff false 1x1 true true true 1 false #ffffff false false