/* Theme Name: auctor Author: Rohit Gupta Author URI: https://twitter.com/rohit_gupta3 Description: auctor is a new wordpress theme that allow to create dynamic blogs. This is very well designed and developed theme with responsive desing. Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: auctor Tags:two-columns,left-sidebar,custom-header,custom-menu, blog This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. auctor is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/ */ /*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, 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; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } 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; } /*reset css*/ /*default css*/ body *{ font-family: 'Lemonada', cursive; } .wrapper { width: 1360px; margin: 0 auto; max-width: 96%; } .read-more a { border: 1px solid #000; display: inline-block; padding: 10px 30px; box-sizing: border-box; line-height: 20px; text-decoration: none; color: #000; position: relative; z-index: 1; border-radius: 20px; } .box-shadow { box-shadow: 3px 3px 5px 0 rgba(51, 51, 51, 0.58); background: #fff; float: left; width: 100%; } body a{ text-decoration: none !important; color: #109af7; } img{ max-width: 100%; } .read-more { display: inline-block; position: relative; border-radius: 20px; } .read-more:after { content: ""; position: absolute; background: #109af7; left: 50%; right: 0; top: 50%; bottom: 0; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 0px; height: 100%; border-radius: 20px; } .read-more:hover:after {width: 100%;} .read-more:hover a { color: #fff; border: 1px solid #109af7; } .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } .sticky { display: block; } .gallery-caption { display: block; } .bypostauthor { display: block; } .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*default css*/ /*header css*/ header.site-header { background: #fff; float: left; width: 100%; padding: 10px 0; box-sizing: border-box; box-shadow: 0px 1px 20px 0 rgba(51, 51, 51, 0.18); position: relative; } header.site-header .site-branding { text-align: center; margin-bottom: 0; display: inline-block; vertical-align: middle; width: 240px; } header.site-header .site-branding h1.site-title { font-weight: bold; margin: 0 0 10px 0; font-size: 40px; } header.site-header .site-branding p.site-description { font-size: 14px; } header.site-header nav#site-navigation { text-align: center; display: inline-block; vertical-align: middle; width: calc(100% - 250px); } header.site-header nav#site-navigation .menu-main-menu-container ul li { float: none; display: inline-block; margin: 0 15px; position: relative; } header.site-header nav#site-navigation .menu-main-menu-container ul { float: left; margin-bottom: 0; display: block; text-align: right; width: 100%; } header.site-header nav#site-navigation .menu-main-menu-container ul li a { text-transform: uppercase; color: #000; font-size: 17px; font-weight: bold; text-decoration: none; padding-bottom: 25px; } header.site-header nav#site-navigation .menu-main-menu-container ul li ul.sub-menu { position: absolute; right: 0 !important; width: 200px; text-align: left; display: none; padding: 0; top: 45px; border-top: 5px solid #109af7; z-index: 9; } header.site-header nav#site-navigation .menu-main-menu-container ul li ul.sub-menu li { margin: 0; width: 100%; float: left; position: relative; } header.site-header nav#site-navigation .menu-main-menu-container ul li ul.sub-menu li a { width: 100% !important; font-size: 13px; padding: 8px 10px; box-sizing: border-box; border: 0; border-bottom: 0; float: left; background: #000; color: #fff; border-bottom: 1px solid rgba(204, 204, 204, 0.3); webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; transition: 0.2s all; } header.site-header .site-branding h1.site-title a:hover { color: #000; } header.site-header nav#site-navigation button.menu-toggle { display: none; } header.site-header .site-branding h1.site-title a {text-transform: uppercase;} /*header css*/ /*benner css*/ .banner { float: left; width: 100%; position: relative; } .banner img { width: 100%; height: 700px; object-fit: cover; object-position: center center; } /*benner css*/ /*site-content css*/ div.site-content { float: left; width: 100%; padding: 50px 0; box-sizing: border-box; } div.site-content .content-area { width: 70%; display: inline-block; float: right; width: calc(100% - 350px) !important; background: #fff; padding: 10px 10px; padding-top: 0; } div.site-content aside.widget-area { float: left; display: inline-block; width: 300px; max-width: 100%; padding: 0 10px; } /*site-content css*/ /*aside section css*/ div.site-content aside.widget-area section { background: #ccc; margin-bottom: 30px; padding: 30px 30px; font-size: 16px; box-sizing: border-box; box-shadow: 0 4px 5px 0 rgba(51, 51, 51, 0.58); background: #fff; border: 1px solid rgba(137, 137, 137, 0.32); border-right: 5px solid #109af7; } div.site-content aside.widget-area section.widget_calendar table#wp-calendar { width: 100%; } div.site-content aside.widget-area label { width: 100%; margin: 0; } div.site-content aside.widget-area section.widget_search form span { color: #000; margin-bottom: 20px; display: block; font-size: 15px; padding-bottom: 10px; } div.site-content aside.widget-area section.widget_calendar table#wp-calendar caption { margin: 0; margin-bottom: 10px; color: #000; font-size: 15px; font-weight: bold; padding: 0; } div.site-content aside.widget-area section.widget_search form input.search-field { width: 100% !important; height: 35px; padding: 0 10px; box-sizing: border-box; border: 1px solid #ccc; margin-bottom: 10px; } div.site-content aside.widget-area section.widget_search form input.search-submit:hover { background: #fff; color: #109af7; } div.site-content aside.widget-area section.widget_search form input.search-submit { width: 120px; padding: 7px 0; box-sizing: border-box; text-transform: uppercase; font-size: 13px; background: #109af7; color: #fff; border: 1px solid #109af7; webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; border-radius: 20px; } div.site-content aside.widget-area h2.widget-title { margin: 0; margin-bottom: 15px; color: #000; font-size: 15px; font-weight: bold; padding-bottom: 10px; } div.site-content aside.widget-area ul li { margin-bottom: 10px; } div.site-content aside.widget-area ul li a { background-size: 20px; background-position: center left; background-repeat: no-repeat; } /*aside section css*/ /*blog css*/ div.site-content .content-area ul.blog-list li .blog-img { display: table-cell; vertical-align: middle; padding-right: 0; float: none; position: relative; padding-left: 0; overflow: hidden; } div.site-content .content-area ul.blog-list li .blog-details { background: #fff; word-break: break-word; padding: 20px 20px; box-sizing: border-box; display: table-cell; vertical-align: middle; float: none; padding-left: 30px; } div.site-content .content-area ul.blog-list li .blog-details h3 { margin: 0; font-size: 17px; color: #000 !important; text-transform: uppercase; margin-bottom: 20px; } div.site-content .content-area ul.blog-list li .blog-details h3 a { color: #000; font-weight: bold; } div.site-content .content-area ul.blog-list li .blog-details span.sub-title { margin-bottom: 10px; display: block; font-size: 14px; } div.site-content .content-area ul.blog-list li .blog-details .comment-sec { margin-bottom: 10px; display: block; } div.site-content .content-area ul.blog-list li .blog-details span.sub-title img.avatar { width: 35px; height: 35px; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 10px; } div.site-content .content-area ul.blog-list li .blog-details .comment-sec ul li { display: inline-block; vertical-align: middle; margin-right: 20px; font-size: 13px; } div.site-content .content-area ul.blog-list li .blog-details .comment-sec ul li:last-child { margin: 0; } div.site-content .content-area ul.blog-list li .blog-details .comment-sec ul li i { display: inline-block; vertical-align: middle; margin-right: 8px; } div.site-content .content-area ul.blog-list li .blog-details .hover-item p { color: #000; font-size: 14px; margin-bottom: 10px; } div.site-content .content-area ul.blog-list >li:nth-child(2n+1) { clear: none; } div.site-content .content-area ul.blog-list >li .blog-containe { background: #fff; display: table; border: 1px solid #ccc; border-right: 5px solid #109af7; overflow: hidden; position: relative; } div.site-content .content-area ul.blog-list >li .blog-containe:hover .blog-img img { } div.site-content .content-area ul.blog-list >li { list-style: none; margin-bottom: 30px; } div.site-content .content-area ul.blog-list li .blog-img img { width: 100%; height: 330px; object-fit: cover; transition: 0.2s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; padding: 0; } div.site-content .content-area ul.blog-list li .blog-img .share_icons { position: absolute; z-index: 1; top: 102%; left: -1px; padding: 0; webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } div.site-content .content-area ul.blog-list >li .blog-containe:hover .blog-img .share_icons { top: 0; } div.site-content .content-area ul.blog-list li .blog-img ul.share_icons li { display: inline-block; list-style: none; vertical-align: middle; float: left; box-sizing: border-box; } div.site-content .content-area ul.blog-list li .blog-img ul.share_icons li a { background: #109af7; width: 30px; box-sizing: border-box; display: block; height: 30px; line-height: 30px; text-align: center; font-size: 15px; border: 0; webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; color: #fff; border-right: 1px solid #fff; } div.site-content .content-area ul.blog-list li .blog-img ul.share_icons li:last-child a { border-right: 0; } div.site-content .content-area ul.blog-list li .blog-img ul.share_icons li a:hover { background: #fff; color: #000; } div.site-content .content-area ul.blog-list >li .blog-containe .blog-details .hover-item { } header.site-header nav#site-navigation .menu-main-menu-container ul li ul.sub-menu li a:hover { background: #109af7; } div.site-content .content-area ul.blog-list >li .blog-containe:hover .blog-details .hover-item { } div.site-content aside.widget-area ul li { padding-left: 30px; background-image: url(images/aside-arrow.png); background-size: 18px; background-position: top 3px left; background-repeat: no-repeat; } /*blog css*/ /*footer css*/ footer.site-footer { float: left; width: 100%; padding: 40px 0; box-sizing: border-box; background: #000; } footer.site-footer .site-info { text-align: center; color: #fff; } footer.site-footer .footer-right { text-align: center; margin-bottom: 20px; } footer.site-footer .footer-right .social_icons li { display: inline-block; margin: 0 10px; } footer.site-footer .footer-right .social_icons li a { width: 60px; height: 60px; display: block; line-height: 58px; background: #fff; color: #000; font-size: 20px; text-align: center; border: 1px solid #fff; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; position: relative; overflow: hidden; } footer.site-footer .footer-right .social_icons li a:after { content: ""; font-family: FontAwesome; position: absolute; background: blue; left: 0; right: 0; color: #fff; top: -110%; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } footer.site-footer .footer-right .social_icons li a:hover:after { top: 0; } footer.site-footer .footer-right .social_icons li.facebook a:after { content: "\f09a"; background: #3b5998; } footer.site-footer .footer-right .social_icons li.gplus a:after { content: "\f0d5"; background: #d34836; } footer.site-footer .footer-right .social_icons li.linkedin a:after { content: "\f0e1"; background: #007bb6; } footer.site-footer .footer-right .social_icons li.twitter a:after { content: "\f099"; background: #1dcaff; } footer.site-footer .footer-right .social_icons li.Instagram a:after { content: "\f16d"; background: #8a3ab9; } footer.site-footer .footer-right .social_icons li.pinterest a:after { content: "\f0d2"; background: #e95950; } footer.site-footer .site-info a { color: #fff; } /*footer css*/ /*inner-blog css*/ header.entry-header h1.entry-title { text-transform: uppercase; font-weight: bold; margin: 0; margin-bottom: 20px; font-size: 30px; } header.entry-header .entry-meta { display: block; margin-bottom: 10px; } header.entry-header .entry-meta span ,header.entry-header .entry-meta span a { font-size: 15px; color: #000; } header.entry-header .entry-meta span time { margin-right: 20px; } p { color: #000; font-size: 16px; } div.comments-area { margin-bottom: 30px; } div.comments-area h3 { font-size: 17px; } div.comments-area form#commentform p.logged-in-as { margin-bottom: 15px; } div.comments-area form#commentform p.logged-in-as a { color: #109af7; } div.comments-area form#commentform .comment-form-comment { margin: 0; } div.comments-area form#commentform .comment-form-comment label { display: block; margin-bottom: 10px; color: #000; font-size: 17px; font-weight: normal; } div.comments-area form#commentform .comment-form-comment textarea { width: 100%; padding: 10px 15px; box-sizing: border-box; outline: none; height: 150px; resize: none; border: 1px solid #ccc; margin-bottom: 10px; } div.comments-area form#commentform .form-submit input { background: #109af7; color: #fff; width: 120px; padding: 7px 0; box-sizing: border-box; text-transform: uppercase; font-size: 13px; border: 1px solid #109af7; webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; } h2.comments-title { display: block; margin-bottom: 10px; color: #000; font-size: 20px; font-weight: normal; margin-bottom: 30px; } h2.comments-title span { text-transform: uppercase; } header.entry-header .entry-meta span a i { margin-right: 10px; display: inline-block; } ol.comment-list li.comment { background: #fff; margin-bottom: 30px; padding: 20px 20px; box-sizing: border-box; box-shadow: 1px 1px 2px 0 rgba(51, 51, 51, 0.58); border: 1px solid rgba(137, 137, 137, 0.32); border-right: 5px solid #109af7; } ol.comment-list li.comment .comment-content { margin-bottom: 15px; } ol.comment-list li.comment footer.comment-meta .comment-author { margin-bottom: 10px; font-size: 14px; } ol.comment-list li.comment footer.comment-meta .comment-author img.avatar { width: 35px; height: 35px; border-radius: 50%; margin-right: 10px; } ol.comment-list li.comment footer.comment-meta .comment-metadata { margin-bottom: 10px; } ol.comment-list li.comment footer.comment-meta .comment-metadata a { color: #000; font-size: 13px; margin-right: 10px; } .edit-link { width: auto; display: inline-block; vertical-align: middle; text-align: center; } .edit-link a { background: #109af7; color: #fff !important; padding: 4px 10px; font-size: 14px; display: block; width: 100%; border: 1px solid #109af7; webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; border-radius: 20px !important; } .edit-link a:hover { background: #fff; color: #109af7 !important; } ol.comment-list li.comment .comment-content p { margin-bottom: 0; } ol.comment-list li.comment .reply a { background: #109af7; color: #fff; padding: 4px 4px; font-size: 14px; display: block; width: 100%; border: 1px solid #109af7; webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; width: 70px; text-align: center; border-radius: 20px !important; } ol.comment-list li.comment .reply a:hover { background: #fff; color: #109af7; } div.comments-area h3#reply-title small { margin-left: 10px; font-size: 18px; } div.comments-area h3#reply-title small a#cancel-comment-reply-link { background: #e71818; color: #fff; padding: 4px 10px; font-size: 14px; width: 100%; border: 1px solid #e71818; webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; text-align: center; } div.comments-area h3#reply-title small a#cancel-comment-reply-link:hover { color: #e71818; background: #fff; } ol.comment-list li.comment .children { margin-top: 30px; } ol.comment-list li.comment .children li .children li { padding: 20px 0; border: none; box-shadow: 0 0 0 0 rgba(51, 51, 51, 0.58); border-top: 1px solid #ccc; } nav.post-navigation { display: none; } div.comments-area form#commentform .form-submit input:hover { background: #fff; color: #109af7; } ol.comment-list li.comment .children li .children li:last-child { margin-bottom: 0; padding-bottom: 0; } ol.comment-list li.comment:last-child { margin-bottom: 0; } div.site-content aside.widget-area section.widget_calendar table#wp-calendar td a { color: #109af7; font-weight: bold; } .date .content-area article { background: #fff; padding: 20px 20px; border-bottom: 1px solid #ccc; box-shadow: 3px 3px 5px 0 rgba(51, 51, 51, 0.58); margin-bottom: 30px; border: 1px solid rgba(137, 137, 137, 0.32); border-right: 5px solid #109af7; } .date .content-area article h2.entry-title { margin: 0; margin-bottom: 20px; } .date .content-area article h2.entry-title a { text-transform: uppercase; font-weight: bold; margin: 0; margin-bottom: 20px; color: #000; font-size: 22px; } .content-area header.page-header h1 { border-bottom: 0; color: #000; font-size: 25px; text-transform: uppercase; font-weight: bold; margin: 0; } header.page-header { border-bottom: 0; padding-bottom: 0; margin: 0; margin-bottom: 50px; } .search .content-area article,.category .content-area article { padding: 20px 20px; border-bottom: 1px solid #ccc; box-shadow: 3px 3px 5px 0 rgba(51, 51, 51, 0.58); margin-bottom: 30px; background: #fff; border: 1px solid rgba(137, 137, 137, 0.32); border-right: 5px solid #109af7; } .search .content-area article h2.entry-title,.category .content-area article h2.entry-title { margin: 0; margin-bottom: 20px; } .search .content-area article h2.entry-title a,.category .content-area article h2.entry-title a { text-transform: uppercase; font-weight: bold; margin: 0; margin-bottom: 20px; color: #000; font-size: 22px; } .search .content-area article footer.entry-footer span,.category .content-area article footer.entry-footer span { margin-right: 15px; font-size: 16px; color: #000; } .search .content-area article footer.entry-footer span a,.category .content-area article footer.entry-footer span a { margin: 0 5px; } .search .content-area article .entry-summary,.category .content-area article .entry-summary { margin-bottom: 20px; display: block; } header.site-header nav#site-navigation .menu-main-menu-container ul li:hover ul.sub-menu li ul.sub-menu { display: none; position: absolute; right: 100% !important; top: -5px; } header.site-header nav#site-navigation .menu-main-menu-container ul li:hover ul.sub-menu li:hover ul.sub-menu { display: block; } .error404 .content-area { width: 100% !important; } .error404 .content-area main.site-main header.page-header { text-align: center; } .error404 .content-area main.site-main header.page-header h1.page-title { font-size: 55px; color: #ff0f4c; display: inline-block; line-height: 142px; border-radius: 50%; text-align: center; } .error404 .content-area main.site-main .page-content form.search-form { width: 600px; max-width: 100%; margin-bottom: 50px; display: block; } .error404 .content-area main.site-main .page-content form.search-form label { display: block; width: 100%; } .error404 .content-area main.site-main .page-content form.search-form label span { color: #000; margin-bottom: 10px; display: block; font-size: 15px; } .error404 .content-area main.site-main .page-content form.search-form label input { width: 100% !important; height: 35px; padding: 0 10px; box-sizing: border-box; border: 1px solid #ccc; margin-bottom: 10px; } .error404 .content-area main.site-main .page-content form.search-form input.search-submit { width: 120px; padding: 7px 0; box-sizing: border-box; text-transform: uppercase; font-size: 13px; background: #109af7; color: #fff; border: 1px solid #109af7; webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; border-radius: 20px; } .error404 .content-area main.site-main .page-content form.search-form input.search-submit:hover { background: #fff; color: #109af7; } .error404 .content-area main.site-main .page-content .widget_recent_entries { margin-bottom: 30px; } .error404 .content-area main.site-main .page-content h2 { display: block; color: #000; font-size: 26px; font-weight: normal; margin: 0; margin-bottom: 10px; } .error404 .content-area main.site-main .page-content .widget_categories { margin-bottom: 30px; } .error404 .content-area main.site-main .page-content .widget_categories ul li { padding-left: 30px; background-image: url(images/aside-arrow.png); background-size: 20px; background-position: center left; background-repeat: no-repeat; margin-bottom: 10px; font-size: 16px; } .error404 .content-area main.site-main .page-content .widget.widget_archive label.screen-reader-text { display: block; color: #000; font-size: 20px; font-weight: normal; margin: 0; margin-bottom: 10px; } .error404 .content-area main.site-main .page-content .widget.widget_archive select { width: 200px; height: 35px; padding: 0 5px; border: 1px solid #000; cursor: pointer; } .error404 .content-area main.site-main .page-content .widget_recent_entries ul li { padding-left: 30px; background-image: url(images/aside-arrow.png); background-size: 20px; background-position: center left; background-repeat: no-repeat; margin-bottom: 5px; font-size: 16px; } .search .site-content section.content-area .page-content form.search-form { width: 600px; max-width: 100%; margin-bottom: 50px; display: block; } .search .site-content section.content-area .page-content form.search-form label { display: block; width: 100%; } .search .site-content section.content-area .page-content form.search-form input.search-submit { width: 120px; padding: 7px 0; box-sizing: border-box; text-transform: uppercase; font-size: 13px; background: #109af7; color: #fff; border: 1px solid #109af7; webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; border-radius: 20px; } .search .site-content section.content-area .page-content form.search-form label span { color: #000; margin-bottom: 10px; display: block; font-size: 15px; } .search .site-content section.content-area .page-content form.search-form label input { width: 100% !important; height: 35px; padding: 0 10px; box-sizing: border-box; border: 1px solid #ccc; margin-bottom: 10px; } .search .site-content section.content-area .page-content form.search-form input.search-submit:hover { background: #fff; color: #109af7; } .comment-respond p label { display: block; margin-bottom: 10px; color: #000; font-size: 20px; font-weight: normal; } .comment-respond p input { width: 100%; padding: 6px 10px; box-sizing: border-box; outline: none; resize: none; border: 1px solid #ccc; margin-bottom: 0; } div.site-content aside.widget-area ul li ul li { background: none; padding-left: 0; } div.site-content aside.widget-area ul li ul li li { padding-left: 0; } nav.navigation { float: left; width: 100%; padding: 20px 20px; box-sizing: border-box; } nav.navigation .nav-links >div { display: inline-block; vertical-align: middle; position: relative; } nav.navigation .nav-links >div a { color: #000; font-size: 18px; text-transform: capitalize; } nav.navigation .nav-links .nav-previous:after { content: "\f060"; left: 0; } nav.navigation .nav-links .nav-next:after { content: "\f061"; right: 0; } nav.navigation .nav-links>div:after { content: ""; font-family: FontAwesome; position: absolute; top: 0; font-size: 18px; } nav.navigation .nav-links .nav-previous { padding-left: 25px; } nav.navigation .nav-links >.nav-next { padding-right: 30px; float: right; } nav.navigation h2 { display: block; margin-bottom: 10px; color: #000; font-size: 18px; font-weight: normal; margin: 0; margin-bottom: 20px; } div.site-content aside.widget-area section select { width: 100%; height: 40px; padding: 0 10px; border: 1px solid #ccc; cursor: pointer; } div.site-content aside.widget-area section img { height: auto; } div.site-content aside.widget-area ul li ul.children { list-style-type: disc; margin-top: 10px; } div.site-content aside.widget-area section.widget_categories >label { margin: 0; margin-bottom: 10px; color: #000; font-size: 15px; font-weight: bold; } div.site-content aside.widget-area section a { font-size: 14px !important; } div.site-content aside.widget-area section p { font-size: 16px; } .date .content-area article li { font-size: 18px; } div.site-content aside.widget-area section.widget_calendar td#next { text-align: right; } .search .content-area article footer.entry-footer span.edit-link { width: auto; display: block; margin: 0; text-align: left; margin-top: 10px; } .search .content-area article footer.entry-footer span.edit-link span.screen-reader-text { color: #fff; margin: 0; } .edit-link a:hover span.screen-reader-text { color: #109af7 !important; } div.site-content aside.widget-area section >label { margin-bottom: 10px; } .search .content-area article footer.entry-footer span.edit-link a { margin: 0; width: auto; display: inline-block; } figure { max-width: 100%; } .site-logo img { width: 150px; } section.widget_text img { margin: 10px 0; } .date .content-area article img { height: auto; } div.site-content aside.widget-area ul li ul.sub-menu { margin-top: 10px; } div.site-content .content-area ul.blog-list >li:first-child .blog-containe { position: relative; display: table; } div.site-content .content-area ul.blog-list >li.sticky .blog-containe:before { content: "\f005"; font-family: FontAwesome; background: rgba(0, 0, 0, 0.49); color: #fff; position: absolute; top: 1px; right: 1px; padding: 5px 15px; font-size: 20px; z-index: 1; } body.logged-in.admin-bar header.site-header nav#site-navigation.toggled button.menu-toggle { top: 80px !important; } div.site-content .content-area ul { list-style-type: disc; padding-left: 20px; } div.site-content .content-area ol { list-style-type: decimal; padding-left: 20px; } div.site-content .content-area ol.comment-list { list-style: none; padding-left: 0; } ol.comment-list li.comment footer.comment-meta .comment-author a { color: #000; font-size: 17px; } div.site-content .content-area li { font-size: 16px; } div.site-content .content-area ol.comment-list ul,div.site-content .content-area ol.comment-list ol { padding-left: 20px; } div.site-content .content-area .entry-author { margin-bottom: 20px; } div.site-content .content-area .entry-author span img { width: 60px; height: 60px; box-sizing: border-box; } div.site-content .content-area table { border: 1px solid #000; width: 100%; margin: 10px 0; } div.site-content .content-area table tr { border-bottom: 1px solid #000; } div.site-content .content-area table tr th,div.site-content .content-area table tr td { border-right: 1px solid #000; padding: 8px 10px; box-sizing: border-box; } div.site-content .content-area ul.blog-list li .blog-details .comment-sec ul { padding-left: 0; } div.site-content .content-area ul.blog-list { padding-left: 0; } div.site-content .content-area ol.comment-list ol.children { padding-left: 0; list-style: none; } /*inner-blog css*/ .site-main .edit-submit { width: auto; padding: 5px 15px; box-sizing: border-box; text-transform: uppercase; font-size: 13px; background: #109af7; color: #fff; border: 1px solid #109af7; webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; /* Theme Name: Tinyblog 2 Theme URI: https://wordpress.org/ Author: multidots Author URI: http://multidots.com/ Description: Description Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: auctor Tags:two-columns,right-sidebar,custom-header,custom-menu, blog This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. auctor is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/ */ /*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, 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; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } 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; } /*reset css*/ /*default css*/ body *{ font-family: 'Lemonada', cursive; } .wrapper { width: 1360px; margin: 0 auto; max-width: 96%; } .read-more a { border: 1px solid #000; display: inline-block; padding: 10px 30px; box-sizing: border-box; line-height: 1; text-decoration: none; color: #000; position: relative; z-index: 1; border-radius: 20px; } .box-shadow { box-shadow: 3px 3px 5px 0 rgba(51, 51, 51, 0.58); background: #fff; float: left; width: 100%; } body a{ text-decoration: none !important; color: #109af7; } img{ max-width: 100%; } .read-more { display: inline-block; position: relative; border-radius: 20px; } .read-more:after { content: ""; position: absolute; background: #109af7; left: 50%; right: 0; top: 50%; bottom: 0; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 0px; height: 100%; border-radius: 20px; } .read-more:hover:after { width: 100%;} .read-more:hover a { color: #fff; border: 1px solid #109af7; } .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } .sticky { display: block; } .gallery-caption { display: block; } .bypostauthor { display: block; } .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*default css*/ /*header css*/ header.site-header { background: #fff; float: left; width: 100%; padding: 10px 0; box-sizing: border-box; box-shadow: 0px 1px 20px 0 rgba(51, 51, 51, 0.18); position: relative; } header.site-header .site-branding { text-align: center; margin-bottom: 0; display: inline-block; vertical-align: middle; width: 240px; } header.site-header .site-branding h1.site-title { font-weight: bold; margin: 0 0 10px 0; font-size: 40px; } header.site-header .site-branding p.site-description { font-size: 14px; } header.site-header nav#site-navigation { text-align: center; display: inline-block; vertical-align: middle; width: calc(100% - 250px); } header.site-header nav#site-navigation .menu-main-menu-container ul li { float: none; display: inline-block; margin: 0 15px; position: relative; } header.site-header nav#site-navigation .menu-main-menu-container ul { float: left; margin-bottom: 0; display: block; text-align: right; width: 100%; } header.site-header nav#site-navigation .menu-main-menu-container ul li a { text-transform: uppercase; color: #000; font-size: 17px; font-weight: bold; text-decoration: none; padding-bottom: 25px; } header.site-header nav#site-navigation .menu-main-menu-container ul li ul.sub-menu { position: absolute; right: 0 !important; width: 200px; text-align: left; display: none; padding: 0; top: 45px; border-top: 5px solid #109af7; z-index: 9; } header.site-header nav#site-navigation .menu-main-menu-container ul li ul.sub-menu li { margin: 0; width: 100%; float: left; position: relative; } header.site-header nav#site-navigation .menu-main-menu-container ul li ul.sub-menu li a { width: 100% !important; font-size: 13px; padding: 8px 10px; box-sizing: border-box; border: 0; border-bottom: 0; float: left; background: #000; color: #fff; border-bottom: 1px solid rgba(204, 204, 204, 0.3); webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; transition: 0.2s all; } header.site-header nav#site-navigation .menu-main-menu-container ul li:hover ul.sub-menu { display: block; } header.site-header .site-branding h1.site-title a:hover { color: #000; } header.site-header nav#site-navigation button.menu-toggle { display: none; } header.site-header .site-branding h1.site-title a {text-transform: uppercase;} /*header css*/ /*benner css*/ .banner { float: left; width: 100%; position: relative; } .banner img { width: 100%; height: 700px; object-fit: cover; object-position: center center; } /*benner css*/ /*site-content css*/ div.site-content { float: left; width: 100%; padding: 50px 0; box-sizing: border-box; } div.site-content .content-area { width: 70%; display: inline-block; float: right; width: calc(100% - 350px) !important; background: #fff; padding: 10px 10px; padding-top: 0; } div.site-content aside.widget-area { float: left; display: inline-block; width: 300px; max-width: 100%; padding: 0 10px; } /*site-content css*/ /*aside section css*/ div.site-content aside.widget-area section { background: #ccc; margin-bottom: 30px; padding: 30px 30px; font-size: 16px; box-sizing: border-box; box-shadow: 0 4px 5px 0 rgba(51, 51, 51, 0.58); background: #fff; border: 1px solid rgba(137, 137, 137, 0.32); border-right: 5px solid #109af7; } div.site-content aside.widget-area section.widget_calendar table#wp-calendar { width: 100%; } div.site-content aside.widget-area label { width: 100%; margin: 0; } div.site-content aside.widget-area section.widget_search form span { color: #000; margin-bottom: 20px; display: block; font-size: 15px; padding-bottom: 10px; } div.site-content aside.widget-area section.widget_calendar table#wp-calendar caption { margin: 0; margin-bottom: 10px; color: #000; font-size: 15px; font-weight: bold; padding: 0; } div.site-content aside.widget-area section.widget_search form input.search-field { width: 100% !important; height: 35px; padding: 0 10px; box-sizing: border-box; border: 1px solid #ccc; margin-bottom: 10px; } div.site-content aside.widget-area section.widget_search form input.search-submit:hover { background: #fff; color: #109af7; } div.site-content aside.widget-area section.widget_search form input.search-submit { width: 120px; padding: 7px 0; box-sizing: border-box; text-transform: uppercase; font-size: 13px; background: #109af7; color: #fff; border: 1px solid #109af7; webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; border-radius: 20px; } div.site-content aside.widget-area h2.widget-title { margin: 0; margin-bottom: 15px; color: #000; font-size: 15px; font-weight: bold; padding-bottom: 10px; } div.site-content aside.widget-area ul li { margin-bottom: 10px; } div.site-content aside.widget-area ul li a { background-size: 20px; background-position: center left; background-repeat: no-repeat; } /*aside section css*/ /*blog css*/ div.site-content .content-area ul.blog-list li .blog-img { display: table-cell; vertical-align: middle; padding-right: 0; float: none; position: relative; padding-left: 0; overflow: hidden; } div.site-content .content-area ul.blog-list li .blog-details { background: #fff; word-break: break-word; padding: 20px 20px; box-sizing: border-box; display: table-cell; vertical-align: middle; float: none; padding-left: 30px; } div.site-content .content-area ul.blog-list li .blog-details h3 { margin: 0; font-size: 17px; color: #000 !important; text-transform: uppercase; margin-bottom: 20px; } div.site-content .content-area ul.blog-list li .blog-details h3 a { color: #000; font-weight: bold; } div.site-content .content-area ul.blog-list li .blog-details span.sub-title { margin-bottom: 10px; display: block; font-size: 14px; } div.site-content .content-area ul.blog-list li .blog-details .comment-sec { margin-bottom: 10px; display: block; } div.site-content .content-area ul.blog-list li .blog-details span.sub-title img.avatar { width: 35px; height: 35px; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 10px; } div.site-content .content-area ul.blog-list li .blog-details .comment-sec ul li { display: inline-block; vertical-align: middle; margin-right: 20px; font-size: 13px; } div.site-content .content-area ul.blog-list li .blog-details .comment-sec ul li:last-child { margin: 0; } div.site-content .content-area ul.blog-list li .blog-details .comment-sec ul li i { display: inline-block; vertical-align: middle; margin-right: 8px; } div.site-content .content-area ul.blog-list li .blog-details .hover-item p { color: #000; font-size: 14px; margin-bottom: 10px; } div.site-content .content-area ul.blog-list >li:nth-child(2n+1) { clear: none; } div.site-content .content-area ul.blog-list >li .blog-containe { background: #fff; display: table; border-right: 5px solid #109af7; overflow: hidden; position: relative; } div.site-content .content-area ul.blog-list >li .blog-containe:hover .blog-img img {;} div.site-content .content-area ul.blog-list >li { list-style: none; margin-bottom: 30px; } div.site-content .content-area ul.blog-list li .blog-img img { width: 100%; height: 330px; object-fit: cover; transition: 0.2s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; padding: 0; } div.site-content .content-area ul.blog-list li .blog-img .share_icons { position: absolute; z-index: 1; top: 102%; left: -1px; padding: 0; webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } div.site-content .content-area ul.blog-list >li .blog-containe:hover .blog-img .share_icons { top: 0; } div.site-content .content-area ul.blog-list li .blog-img ul.share_icons li { display: inline-block; list-style: none; vertical-align: middle; float: left; box-sizing: border-box; } div.site-content .content-area ul.blog-list li .blog-img ul.share_icons li a { background: #109af7; width: 30px; box-sizing: border-box; display: block; height: 30px; line-height: 30px; text-align: center; font-size: 15px; border: 0; webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; color: #fff; border-right: 1px solid #fff; } div.site-content .content-area ul.blog-list li .blog-img ul.share_icons li:last-child a { border-right: 0; } div.site-content .content-area ul.blog-list li .blog-img ul.share_icons li a:hover { background: #fff; color: #000; } div.site-content .content-area ul.blog-list >li .blog-containe .blog-details .hover-item {;} header.site-header nav#site-navigation .menu-main-menu-container ul li ul.sub-menu li a:hover { background: #109af7; } div.site-content .content-area ul.blog-list >li .blog-containe:hover .blog-details .hover-item {;} div.site-content aside.widget-area ul li { padding-left: 30px; background-image: url(images/aside-arrow.png); background-size: 18px; background-position: top 3px left; background-repeat: no-repeat; } /*blog css*/ /*footer css*/ footer.site-footer { float: left; width: 100%; padding: 40px 0; box-sizing: border-box; background: #000; } footer.site-footer .site-info { text-align: center; color: #fff; } footer.site-footer .footer-right { text-align: center; margin-bottom: 20px; } footer.site-footer .footer-right .social_icons li { display: inline-block; margin: 0 10px; } footer.site-footer .footer-right .social_icons li a { width: 60px; height: 60px; display: block; line-height: 58px; background: #fff; color: #000; font-size: 20px; text-align: center; border: 1px solid #fff; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; position: relative; overflow: hidden; } footer.site-footer .footer-right .social_icons li a:after { content: ""; font-family: FontAwesome; position: absolute; background: blue; left: 0; right: 0; color: #fff; top: -110%; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } footer.site-footer .footer-right .social_icons li a:hover:after { top: 0; } footer.site-footer .footer-right .social_icons li.facebook a:after { content: "\f09a"; background: #3b5998; } footer.site-footer .footer-right .social_icons li.gplus a:after { content: "\f0d5"; background: #d34836; } footer.site-footer .footer-right .social_icons li.linkedin a:after { content: "\f0e1"; background: #007bb6; } footer.site-footer .footer-right .social_icons li.twitter a:after { content: "\f099"; background: #1dcaff; } footer.site-footer .footer-right .social_icons li.Instagram a:after { content: "\f16d"; background: #8a3ab9; } footer.site-footer .footer-right .social_icons li.pinterest a:after { content: "\f0d2"; background: #e95950; } footer.site-footer .site-info a { color: #fff; } /*footer css*/ /*inner-blog css*/ header.entry-header h1.entry-title { text-transform: uppercase; font-weight: bold; margin: 0; margin-bottom: 20px; font-size: 30px; } header.entry-header .entry-meta { display: block; margin-bottom: 10px; } header.entry-header .entry-meta span ,header.entry-header .entry-meta span a { font-size: 15px; color: #000; } header.entry-header .entry-meta span time { margin-right: 20px; } p { color: #000; font-size: 16px; } div.comments-area { margin-bottom: 30px; } div.comments-area h3 { font-size: 17px; } div.comments-area form#commentform p.logged-in-as { margin-bottom: 15px; } div.comments-area form#commentform p.logged-in-as a { color: #109af7; } div.comments-area form#commentform .comment-form-comment { margin: 0; } div.comments-area form#commentform .comment-form-comment label { display: block; margin-bottom: 10px; color: #000; font-size: 17px; font-weight: normal; } div.comments-area form#commentform .comment-form-comment textarea { width: 100%; padding: 10px 15px; box-sizing: border-box; outline: none; height: 150px; resize: none; border: 1px solid #ccc; margin-bottom: 10px; } div.comments-area form#commentform .form-submit input { background: #109af7; color: #fff; width: 120px; padding: 7px 0; box-sizing: border-box; text-transform: uppercase; font-size: 13px; border: 1px solid #109af7; webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; } h2.comments-title { display: block; margin-bottom: 10px; color: #000; font-size: 20px; font-weight: normal; margin-bottom: 30px; } h2.comments-title span { text-transform: uppercase; } header.entry-header .entry-meta span a i { margin-right: 10px; display: inline-block; } ol.comment-list {;} li#comment-83 {;} ol.comment-list li.comment { background: #fff; margin-bottom: 30px; padding: 20px 20px; box-sizing: border-box; box-shadow: 1px 1px 2px 0 rgba(51, 51, 51, 0.58); border: 1px solid rgba(137, 137, 137, 0.32); border-right: 5px solid #109af7; } ol.comment-list li.comment footer.comment-meta {;} ol.comment-list li.comment .comment-content { margin-bottom: 15px; } ol.comment-list li.comment .reply {;} ol.comment-list li.comment footer.comment-meta .comment-author { margin-bottom: 10px; font-size: 14px; } ol.comment-list li.comment footer.comment-meta .comment-author img.avatar { width: 35px; height: 35px; border-radius: 50%; margin-right: 10px; } ol.comment-list li.comment footer.comment-meta .comment-metadata { margin-bottom: 10px; } ol.comment-list li.comment footer.comment-meta .comment-metadata a { color: #000; font-size: 13px; margin-right: 10px; } .edit-link { width: auto; display: inline-block; vertical-align: middle; text-align: center; } .edit-link a { background: #109af7; color: #fff !important; padding: 4px 10px; font-size: 14px; display: block; width: 100%; border: 1px solid #109af7; webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; } .edit-link a:hover { background: #fff; color: #109af7 !important; } ol.comment-list li.comment .comment-content p { margin-bottom: 0; } ol.comment-list li.comment .reply a { background: #109af7; color: #fff; padding: 4px 0; font-size: 14px; display: block; width: 100%; border: 1px solid #109af7; webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; width: 60px; text-align: center; } ol.comment-list li.comment .reply a:hover { background: #fff; color: #109af7; } div.comments-area h3#reply-title {;} div.comments-area h3#reply-title small { margin-left: 10px; font-size: 18px; } div.comments-area h3#reply-title small a#cancel-comment-reply-link { background: #e71818; color: #fff; padding: 4px 10px; font-size: 14px; width: 100%; border: 1px solid #e71818; webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; text-align: center; } div.comments-area h3#reply-title small a#cancel-comment-reply-link:hover { color: #e71818; background: #fff; } ol.comment-list li.comment .children { margin-top: 30px; } ol.comment-list li.comment .children li .children li { padding: 20px 0; border: none; box-shadow: 0 0 0 0 rgba(51, 51, 51, 0.58); border-top: 1px solid #ccc; } nav.post-navigation { display: none; } div.comments-area form#commentform .form-submit input:hover { background: #fff; color: #109af7; } ol.comment-list li.comment .children li .children li:last-child { margin-bottom: 0; padding-bottom: 0; } ol.comment-list li.comment:last-child { margin-bottom: 0; } div.site-content aside.widget-area section.widget_calendar table#wp-calendar td a { color: #109af7; font-weight: bold; } .date {} div#primary {;} .date .content-area {} .date .content-area article { background: #fff; padding: 20px 20px; border-bottom: 1px solid #ccc; box-shadow: 3px 3px 5px 0 rgba(51, 51, 51, 0.58); margin-bottom: 30px; border: 1px solid rgba(137, 137, 137, 0.32); border-right: 5px solid #109af7; } .date .content-area article h2.entry-title { margin: 0; margin-bottom: 20px; } .date .content-area article h2.entry-title a { text-transform: uppercase; font-weight: bold; margin: 0; margin-bottom: 20px; color: #000; font-size: 22px; } .content-area header.page-header h1 { border-bottom: 0; color: #000; font-size: 25px; text-transform: uppercase; font-weight: bold; margin: 0; } header.page-header { border-bottom: 0; padding-bottom: 0; margin: 0; margin-bottom: 50px; } .search .content-area article,.category .content-area article { padding: 20px 20px; border-bottom: 1px solid #ccc; box-shadow: 3px 3px 5px 0 rgba(51, 51, 51, 0.58); margin-bottom: 30px; background: #fff; border: 1px solid rgba(137, 137, 137, 0.32); border-right: 5px solid #109af7; } .search .content-area article h2.entry-title,.category .content-area article h2.entry-title { margin: 0; margin-bottom: 20px; } .search .content-area article h2.entry-title a,.category .content-area article h2.entry-title a { text-transform: uppercase; font-weight: bold; margin: 0; margin-bottom: 20px; color: #000; font-size: 22px; } .search .content-area article footer.entry-footer span,.category .content-area article footer.entry-footer span { margin-right: 15px; font-size: 16px; color: #000; } .search .content-area article footer.entry-footer span a,.category .content-area article footer.entry-footer span a { margin: 0 5px; } .search .content-area article .entry-summary,.category .content-area article .entry-summary { margin-bottom: 20px; display: block; } header.site-header nav#site-navigation .menu-main-menu-container ul li:hover ul.sub-menu li ul.sub-menu { display: none; position: absolute; right: 100% !important; top: -5px; } header.site-header nav#site-navigation .menu-main-menu-container ul li:hover ul.sub-menu li:hover ul.sub-menu { display: block; } .error404 {} .error404 .content-area { width: 100% !important; } .error404 .content-area main.site-main {;} .error404 .content-area main.site-main header.page-header {text-align: center;} .error404 .content-area main.site-main header.page-header h1.page-title {color: #fff; font-size: 55px; background: #ff0f4c; display: inline-block; height: 150px; width: 150px; line-height: 142px; border-radius: 50%; text-align: center;} .error404 .content-area main.site-main .page-content {;} .error404 .content-area main.site-main .page-content form.search-form { width: 600px; max-width: 100%; margin-bottom: 50px; display: block; } .error404 .content-area main.site-main .page-content form.search-form label { display: block; width: 100%; } .error404 .content-area main.site-main .page-content form.search-form label span { color: #000; margin-bottom: 10px; display: block; font-size: 15px; } .error404 .content-area main.site-main .page-content form.search-form label input { width: 100% !important; height: 35px; padding: 0 10px; box-sizing: border-box; border: 1px solid #ccc; margin-bottom: 10px; } .error404 .content-area main.site-main .page-content form.search-form input.search-submit { width: 120px; padding: 7px 0; box-sizing: border-box; text-transform: uppercase; font-size: 13px; background: #000; color: #fff; border: 1px solid #000; webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; } .error404 .content-area main.site-main .page-content form.search-form input.search-submit:hover { background: #fff; color: #000; } .error404 .content-area main.site-main .page-content .widget_recent_entries { margin-bottom: 30px; } .error404 .content-area main.site-main .page-content h2 { display: block; color: #000; font-size: 26px; font-weight: normal; margin: 0; margin-bottom: 10px; } .error404 .content-area main.site-main .page-content .widget_categories { margin-bottom: 30px; } .error404 .content-area main.site-main .page-content .widget_categories ul {;} .error404 .content-area main.site-main .page-content .widget_categories ul li { padding-left: 30px; background-image: url(images/aside-arrow.png); background-size: 20px; background-position: center left; background-repeat: no-repeat; margin-bottom: 10px; font-size: 16px; } .error404 .content-area main.site-main .page-content .widget.widget_archive {;} .error404 .content-area main.site-main .page-content .widget.widget_archive label.screen-reader-text { display: block; color: #000; font-size: 20px; font-weight: normal; margin: 0; margin-bottom: 10px; } .error404 .content-area main.site-main .page-content .widget.widget_archive select { width: 200px; height: 35px; padding: 0 5px; border: 1px solid #000; cursor: pointer; } .error404 .content-area main.site-main .page-content .widget_recent_entries ul {;} .error404 .content-area main.site-main .page-content .widget_recent_entries ul li { padding-left: 30px; background-image: url(images/aside-arrow.png); background-size: 20px; background-position: center left; background-repeat: no-repeat; margin-bottom: 5px; font-size: 16px; } .search .site-content section.content-area .page-content form.search-form { width: 600px; max-width: 100%; margin-bottom: 50px; display: block; } .search .site-content section.content-area .page-content form.search-form label { display: block; width: 100%; } .search .site-content section.content-area .page-content form.search-form input.search-submit { width: 120px; padding: 7px 0; box-sizing: border-box; text-transform: uppercase; font-size: 13px; background: #000; color: #fff; border: 1px solid #000; webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; } .search .site-content section.content-area .page-content form.search-form label span { color: #000; margin-bottom: 10px; display: block; font-size: 15px; } .search .site-content section.content-area .page-content form.search-form label input { width: 100% !important; height: 35px; padding: 0 10px; box-sizing: border-box; border: 1px solid #ccc; margin-bottom: 10px; } .search .site-content section.content-area .page-content form.search-form input.search-submit:hover { background: #fff; color: #000; } .comment-respond p label { display: block; margin-bottom: 10px; color: #000; font-size: 20px; font-weight: normal; } .comment-respond p input { width: 100%; padding: 6px 10px; box-sizing: border-box; outline: none; resize: none; border: 1px solid #ccc; margin-bottom: 0; } div.site-content aside.widget-area ul li ul li { background: none; padding-left: 0; } div.site-content aside.widget-area ul li ul li li { padding-left: 0; } nav.navigation { float: left; width: 100%; padding: 20px 20px; box-sizing: border-box; } nav.navigation .nav-links >div {display: inline-block; vertical-align: middle; position: relative;} nav.navigation .nav-links >div a { color: #000; font-size: 18px; text-transform: capitalize; } nav.navigation .nav-links .nav-previous:after {content: "\f060"; left: 0;} nav.navigation .nav-links .nav-next:after { content: "\f061"; right: 0; } nav.navigation .nav-links>div:after { content: ""; font-family: FontAwesome; position: absolute; top: 0; font-size: 18px; } nav.navigation .nav-links .nav-previous { padding-left: 25px; } nav.navigation .nav-links >.nav-next { padding-right: 30px; float: right; } nav.navigation h2 { display: block; margin-bottom: 10px; color: #000; font-size: 18px; font-weight: normal; margin: 0; margin-bottom: 20px; } div.site-content aside.widget-area section select { width: 100%; height: 40px; padding: 0 10px; border: 1px solid #ccc; cursor: pointer; } div.site-content aside.widget-area section img { height: auto; } div.site-content aside.widget-area ul li ul.children { list-style-type: disc; margin-top: 10px; } div.site-content aside.widget-area section.widget_categories >label { margin: 0; margin-bottom: 10px; color: #000; font-size: 15px; font-weight: bold; } div.site-content aside.widget-area section a { font-size: 14px !important; } div.site-content aside.widget-area section p { font-size: 16px; } .date .content-area article li { font-size: 18px; } div.site-content aside.widget-area section.widget_calendar td#next { text-align: right; } .search .content-area article footer.entry-footer span.edit-link { width: auto; display: block; margin: 0; text-align: left; margin-top: 10px; } .search .content-area article footer.entry-footer span.edit-link span.screen-reader-text { color: #fff; margin: 0; } .edit-link a:hover span.screen-reader-text { color: #109af7 !important; } div.site-content aside.widget-area section >label { margin-bottom: 10px; } .search .content-area article footer.entry-footer span.edit-link a { margin: 0; width: auto; display: inline-block; } figure { max-width: 100%; } .site-logo img { width: 150px; } section.widget_text img { margin: 10px 0; } .date .content-area article img { height: auto; } div.site-content aside.widget-area ul li ul.sub-menu { margin-top: 10px; } div.site-content .content-area ul.blog-list >li:first-child .blog-containe { position: relative; display: table; } div.site-content .content-area ul.blog-list >li.sticky .blog-containe:before { content: "\f005"; font-family: FontAwesome; background: rgb(16, 154, 247); color: #fff; position: absolute; top: 1px; right: 1px; padding: 5px 15px; font-size: 20px; z-index: 1; } body.logged-in.admin-bar header.site-header nav#site-navigation.toggled button.menu-toggle { top: 80px !important; } div.site-content .content-area ul { list-style-type: disc; padding-left: 20px; } div.site-content .content-area ol { list-style-type: decimal; padding-left: 20px; } div.site-content .content-area ol.comment-list { list-style: none; padding-left: 0; } ol.comment-list li.comment footer.comment-meta .comment-author a { color: #000; font-size: 17px; } div.site-content .content-area li { font-size: 16px; } div.site-content .content-area ol.comment-list ul,div.site-content .content-area ol.comment-list ol { padding-left: 20px; } div.site-content .content-area .entry-author { margin-bottom: 20px; } div.site-content .content-area .entry-author span img { width: 60px; height: 60px; box-sizing: border-box; } div.site-content .content-area table { border: 1px solid #000; width: 100%; margin: 10px 0; } div.site-content .content-area table tr { border-bottom: 1px solid #000; } div.site-content .content-area table tr th,div.site-content .content-area table tr td { border-right: 1px solid #000; padding: 8px 10px; box-sizing: border-box; } div.site-content .content-area ul.blog-list li .blog-details .comment-sec ul { padding-left: 0; } div.site-content .content-area ul.blog-list { padding-left: 0; } div.site-content .content-area ol.comment-list ol.children { padding-left: 0; list-style: none; } /*inner-blog css*/ .site-main .edit-submit { width: auto; padding: 5px 15px; box-sizing: border-box; text-transform: uppercase; font-size: 13px; background: #109af7; color: #fff; border: 1px solid #109af7; webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; } .site-main .edit-submit:hover { background: #fff; color: #109af7; } img.avatar.avatar-32.photo { width: 70px; height: 70px; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 10px; } .entry-author .sub-title { font-size: 16px; } .page-description { color: #ff0f4c; text-align: center; } .error-404 .not-found h1 { text-align: center !important; color: #ff0f4c; font-size: 55px; } .error-404.not-found header.page-header { text-align: center; } .error-404.not-found header.page-header h1.page-title { color: #fff; font-size: 55px; background: #ff0f4c; display: inline-block; height: 150px; width: 150px; line-height: 142px; border-radius: 50%; text-align: center; } section.error-404.not-found .page-content { text-align: center; } section.error-404.not-found .page-content form.search-form { margin: 0 auto; } h2.entry-title a { font-size: 20px; color: #000; } div.site-content .content-area ul.blog-list >li .blog-containe:hover .blog-img img { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } /*author css*/ .author-main { display: table; width: 100%; box-shadow: 2px 2px 10px 2px rgba(51, 51, 51, 0.45); /*position: absolute; bottom: 0; width: 1000px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); background: rgba(51, 51, 51, 0.7);*/ margin-bottom: 100px !important; border-bottom: 10px solid #109af7; } .author-main .author-avatar { display: table-cell; width: 400px; vertical-align: middle; position: relative; overflow: hidden; } .author-main .author-details { display: table-cell; width: 50%; width: calc(100% - 400px); padding-left: 20px; vertical-align: middle; position: relative; } .author-main .author-avatar img.avatar { width: 400px; height: 400px; border-radius: 0; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .author-main .author-details ul li { list-style: none; padding: 6px 0; border-bottom: 1px solid rgba(204, 204, 204, 0.52); float: left; width: 100%; } .author-main .author-details ul li strong { margin-right: 20px; width: 20%; font-size: 14px; display: inline-block; text-transform: uppercase; /*color: #fff;*/ vertical-align: middle; font-weight: 600; } .author-main .author-details ul li span { width: 68%; font-size: 14px; display: inline-block; /*color: #fff;*/ vertical-align: middle; font-weight: 600; } div.site-content .content-area.author-page span.blog-list-title { margin-bottom: 40px; font-size: 25px; float: left; } .author-main .author-details ul.share_icons { margin: 0; padding: 0; float: left; } .author-main .author-details ul.share_icons li { display: inline-block; float: left; margin-right: 3px; border-bottom: 0; width: auto; } .author-main .author-details ul.share_icons li a { padding: 6px 10px; display: block; background: #fff; color: #333; height: 40px; width: 40px; text-align: center; line-height: 28px; border: 1px solid #333; webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; position: relative; overflow: hidden; } .author-main .author-details ul li:last-child { border-bottom: 0; } .author-main:hover .author-avatar img.avatar { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .author-main .author-details ul.share_icons li a:before { content: ""; font-family: FontAwesome; position: absolute; background: blue; left: 0; right: 0; color: #fff; top: -110%; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } .author-main .author-details ul.share_icons li a:hover:before { top: 0; bottom: 0; line-height: 36px; } .author-main .author-details ul.share_icons li.facebook a:before{ content: "\f09a"; background: #3b5998; } .author-main .author-details ul.share_icons li.linkedin a:before{ content: "\f0e1"; background: #007bb6; } .author-main .author-details ul.share_icons li.twitter a:before{ content: "\f099"; background: #1dcaff; } .author-main .author-details ul.share_icons li.gplus a:before{ content: "\f0d5"; background: #d34836; } border-radius:; border-radius: 20px !important; } .site-main .edit-submit:hover { background: #fff; color: #109af7; } img.avatar.avatar-32.photo { width: 70px; height: 70px; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 10px; } .entry-author .sub-title { font-size: 16px; } .page-description { color: #ff0f4c; text-align: center; } .error-404 .not-found h1 { text-align: center !important; color: #ff0f4c; font-size: 55px; } .error-404.not-found header.page-header { text-align: center; } .error-404.not-found header.page-header h1.page-title { color: #ff0f4c; font-size: 55px; display: inline-block; line-height: 142px; border-radius: 50%; text-align: center; } section.error-404.not-found .page-content { text-align: center; } section.error-404.not-found .page-content form.search-form { margin: 0 auto; } h2.entry-title a { font-size: 20px; color: #000; } div.site-content .content-area ul.blog-list >li .blog-containe:hover .blog-img img { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } /*author css*/ .author-main { display: table; width: 100%; box-shadow: 2px 2px 10px 2px rgba(51, 51, 51, 0.45); margin-bottom: 100px !important; border-bottom: 10px solid #109af7; } .author-main .author-avatar { display: table-cell; width: 300px; vertical-align: middle; position: relative; overflow: hidden; } .author-main .author-details { display: table-cell; width: 50%; width: calc(100% - 400px); padding: 0 30px; vertical-align: middle; position: relative; box-sizing: border-box; } .author-main .author-avatar img.avatar { width: 300px; height: 300px; border-radius: 0; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .author-main .author-details ul li { list-style: none; padding: 6px 0; border-bottom: 1px solid rgba(204, 204, 204, 0.52); float: left; width: 100%; word-break: break-word; } .author-main .author-details ul li strong { margin-right: 20px; font-size: 13px; display: inline-block; text-transform: uppercase; vertical-align: middle; font-weight: 600; } .author-main .author-details ul li span { width: 68%; font-size: 14px; display: inline-block; vertical-align: middle; font-weight: 600; width: calc(100% - 140px); } div.site-content .content-area.author-page span.blog-list-title { margin-bottom: 40px; font-size: 25px; float: left; } .author-main .author-details ul.share_icons { margin: 0; padding: 0; float: left; } .author-main .author-details ul.share_icons li { display: inline-block; float: left; margin-right: 3px; border-bottom: 0; width: auto; } .author-main .author-details ul.share_icons li a { padding: 6px 10px; display: block; background: #fff; color: #333; height: 40px; width: 40px; text-align: center; line-height: 28px; border: 1px solid #333; webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; position: relative; overflow: hidden; } .author-main .author-details ul li:last-child { border-bottom: 0; } .author-main:hover .author-avatar img.avatar { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .author-main .author-details ul.share_icons li a:before { content: ""; font-family: FontAwesome; position: absolute; background: blue; left: 0; right: 0; color: #fff; top: -110%; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } .author-main .author-details ul.share_icons li a:hover:before { top: 0; bottom: 0; line-height: 36px; } .author-main .author-details ul.share_icons li.facebook a:before{ content: "\f09a"; background: #3b5998; } .author-main .author-details ul.share_icons li.linkedin a:before{ content: "\f0e1"; background: #007bb6; } .author-main .author-details ul.share_icons li.twitter a:before{ content: "\f099"; background: #1dcaff; } .author-main .author-details ul.share_icons li.gplus a:before{ content: "\f0d5"; background: #d34836; } header.site-header.fixed-header { position: fixed !important; top: 0; width: 100%; left: 0; right: 0; z-index: 9; } div.site-content aside.widget-area section.widget_search h2.widget-title { display: none; } div.site-content aside.widget-area section.widget_categories h2.widget-title { display: none; }