<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

<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> .day { color: #fb854d; font-weight: 700; font-size: 35px; display: inline-block; margin-right: 5px; vertical-align: sub; } .post-tag a:nth-child(n+3) { display: none; } .post-tag { margin: 0 0 10px; } .post-tag a { color: #222222; display: inline-block; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0; line-height: 22px; margin: 0; padding: 0; text-transform: uppercase; } .post-tag .em { color: #333; font-size: 11px; text-transform: capitalize; } .post-tag-bottom { border-bottom: 1px solid #e5e5e5; display: block; font-size: 12px; padding-bottom: 15px; } .post-excerpt { color: #333; margin: 0 0 25px; text-align: left; } .action { position: relative; } .post-read-more { } .post-outer:first-child .post-read-more { display: block; margin: 0 0 30px; text-align: center; } .post-read-more a { padding: 0 20px; display: inline-block; } .post-read-more a { background: #000000; border-radius: 2px; color: #fff; display: inline-block; font-size: 10px; letter-spacing: 2px; line-height: 1.32; padding: 0.85rem 1.5rem; text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .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 { max-width: 150px; margin: 0 auto; text-align:center; } @media screen and (min-width: 786px){ .avatar-container { margin-right: 4%; margin-bottom: 25px; float: left; } } .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 #000000; } .author_description_container { position: relative; box-shadow: -3px 3px 13px -10px #000000; text-align: center; } @media screen and (min-width: 786px){ .author_description_container { margin-bottom: 25px; margin-top: 5px; float: right; width: 72%; padding: 20px 30px; background: #f5f5f5; text-align: left; } } .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: #000000; 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%; 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: #000000; 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: #000000; 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%; } #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;} .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{ font-size: 14px; padding: 5px 12px; margin-right: 5px; color: #666; } .displaypageNum a:hover,.showpage a:hover, .pagecurrent{ text-decoration:none; } #blog-pager .pagecurrent { font-weight: bold; display: inline-block; width: 31px; height: 33px; line-height: 33px; margin: 0 1px; padding: 0 0; color: #181818; border-color: transparent; border-radius: 0px; border: 1px solid #ccc; text-align: cent1er; text-align: center; text-decoration: none; font-size: 14px; line-height: 31px; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; } span.displaypageNum.lastpage, span.showpage.firstpage { display: none; } .showpageOf{display:none!important} #blog-pager .pages{border: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; background: none; border-width: 2px !important; border-style: solid !important; background-color: #000000; 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 { font-weight: 700; font-style: normal; font-size: 20px; line-height: 1.45; letter-spacing: -0.75px; color: #888888; margin: 0 0 25px; 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; line-height: normal; list-style: none; margin: 8px 0; overflow: hidden; padding: 0 0 10px 0; } .sidebar li:last-child { border: 0; } /***************************************** Footer stylesheet ******************************************/ /* ____ INSTAFEED /_____________________________ */ #instafeed{width:100%;display:block;margin:0;padding:0;line-height:0} #instafeed img{height:auto;width:100%} #instafeed a{padding:0;margin:0;display:inline-block;position:relative} #instafeed li{width:16.666%;display:inline-block;margin:0!important;padding:0!important} #instafeed .insta-likes{width:100%;height:100%;margin-top:-100%;opacity:0;text-align:center;letter-spacing:1px;background:rgba(255,255,255,0.4);position:absolute;text-shadow:2px 2px 8px #fff;font:normal 400 11px Montserrat,sans-serif;color:#222;line-height:normal;transition:all .35s ease-out;-o-transition:all .35s ease-out;-moz-transition:all .35s ease-out;-webkit-transition:all .35s ease-out} #instafeed a:hover .insta-likes{opacity:1} #footer { background: #181818; color: #cccccc; padding-top: 40px; } .footer { width: 29%; float: left; margin-right: 40px; margin-bottom: 30px; } .footer ul { margin: 0 0 0 10px; padding: 0; } .footer_credits { color: #bbbbbb; display: block; font-family: Montserrat, sans-serif; font-size: 12px; line-height: 80px; margin: 0; padding: 0; text-align: center; text-transform: uppercase; } .footer a {color: #eee;} .footer_credits a { color: #bbbbbb; } .footer_credits a:hover { color: #bbbbbb; } /* ______ FOOTER SOCIAL /* ________________________ */ .footer-social{position:relative;z-index:2} .footer-social ul { display: table; margin: 0 auto; padding: 1em 0; text-align: center; } .footer-social ul li { display: inline-block; font-family: Montserrat, sans-serif; font-size: 12px; letter-spacing: .5px; list-style: none; margin: 0; margin-right: 40px; padding: 0; text-transform: uppercase; } .footer-social ul li:last-child { margin-right: 0; } .footer-social ul li a{color: #cccccc;} .footer-social ul li a i{font-size: 14px; margin-right:5px} /***************************************** 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: #000000 !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; } .Label li { padding: 1rem 0; margin: 0; font-family: 'Montserrat', Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; font-size: 12px; line-height: 1.5; letter-spacing: 1px; text-transform: uppercase; } /* ____ 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; background: #222222; 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: normal; line-height: 1.65; padding-top: 0; margin-bottom: 7px; text-transform: uppercase; } .popular-posts ul { counter-reset: section; } .PopularPosts .widget-content ul li { padding: .7em 0; counter-increment: section; position: relative; margin: 20px 0; overflow: visible; } .PopularPosts .item-thumbnail { float: left; margin: 0 25px 5px 0; position: relative; } .item-thumbnail:before { content: "0" counter(section); position: absolute; right: -15px; top: -15px; color: #bbbbbb; font-family: Montserrat, sans-serif; font-size: 26px; font-weight: bold; z-index: -1; } .item-snippet { display: none; 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: #000000; 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:#000000;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; } /* STATUS MSG BODY */ .status-msg-wrap { margin-bottom: 2em; } .status-msg-border { border: none; } .status-msg-bg { background: none; } /***************************************** 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; } #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){ .comments { margin: 0 20px; } #comment-editor { margin:10px; } .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: 768px){ .logo-wrapper { margin-top: 25px; } .owl-carousel .owl-item { height: 300px; } .owl-carousel .post-decsription { top: 16%; } .slider-item h2.post-title { font-size: 30px; } .post-outer:first-child .post-title, .post-title { font-size: 34px; } .post-read-more { display: block; margin: 0 0 30px; } #related-posts ul li, #related-posts ul li:first-child { float: none; margin: 0 auto 25px; width: 80%; } } @media screen and (max-width: 589px){ .s-search, .header_social { margin-top: 1.25rem; float: none; text-align: center; } .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;} ]]>