/* Theme Name: AdsertClassified Theme URI: https://adsertclassified.com/ Author: AdsertClassified Author URI: Description: AdsertClassified is a simple but yet elegant WordPress theme. Due to it simplicity it loads faster and theme is completely responsive on every device giving user excellent and flawless experience. Theme's coloring scheme is easily customizable through admin area. Version: 1.0 License: GNU General Public License v3 or Later License URI: https://www.gnu.org/licenses/gpl.html Tags: two-columns, three-columns, right-sidebar, left-sidebar, custom-logo, featured-images, custom-menu, threaded-comments, custom-background, custom-header, custom-colors, footer-widgets, translation-ready, blog, portfolio Text Domain: adsertclassified */ 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; } body { line-height:1; } a { text-decoration: none; } button { outline:0; } ol,ul { list-style:none; } blockquote,q { quotes:none } blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; } q { display:inline; font-style:italic; } q:before { content:'"'; font-style:normal; } q:after { content:'"'; font-style:normal; } textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"] { -webkit-appearance:none; appearance:none; border-radius:0; } table { border-collapse:collapse; border-spacing:0; } th,td { padding: 3px 8px; } big { font-size:120%; } small,sup,sub { font-size:80%; } sup { vertical-align:super; } sub { vertical-align:sub; }dd { margin-left:20px; } kbd,tt { font-family:courier; font-size:12px; } ins { text-decoration:underline; } del,strike,s { text-decoration:line-through; } dt { font-weight:bold; } address,cite,var { font-style:italic; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; } * { box-sizing:border-box; -webkit-tap-highlight-color:transparent; } .NoSelect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } body { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-size: 16px; color: #333; line-height: normal; word-wrap: break-word; } .Site-Footer { background: #ececec; } h1, h2, h3, h4, h5, h6 { font-weight:bold; margin-bottom: 10px; } h2, h3, h4, h5, h6 { margin-top:20px; } h1 { font-size:35px; } h2 { font-size:30px; } h3 { font-size:25px; } h4 { font-size:20px; } h5 { font-size:18px; } h6 { font-size:16px; } p { margin:15px 0; } .page #content p, .single-post #content p, .page #content-right p, .single-post #content-right p, .page #content-full p, .single-post #content-full p { font-size:18px; line-height:145%; } * p:last-of-type, #sidebar-right, #sidebar-left, #no-sidebar, .widget-container:last-child { margin-bottom:0; } a { color:#c07b55; transition:all 0.5s ease; } a:hover { color: #222; transition:all 0.5s ease; } strong { font-weight:bold; } em { font-style:italic; } pre { overflow-x:auto; white-space:pre-wrap; } pre, code { font-family:'courier new',courier,serif; } hr { height:1px; border:0; margin:30px 0; background:#ccc; } blockquote { padding:15px; border-left:4px solid #ccc; margin:30px 0; } blockquote p:first-of-type { margin-top:0; } .widget-container ul, .widget-container ol { margin:20px 0 20px 0px; } .entry-content ol, .widget-container ol, .comment-body ol { list-style:decimal inside; } .entry-content ul, .entry-content ol, .comment-body ul, .comment-body ol{ margin:20px 0 20px 15px; } .entry-content ul ul, .widget-container ul ul, .comment-body ul ul, .entry-content ol ol, .widget-container ol ol, .comment-body ol ol { margin-top:0; margin-bottom:0; } .widget_calendar tr { border-bottom: 1px solid #eee; } .widget_calendar caption { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 7px 0px; } .entry-content ul > li:before, .comment-body ul > li:before { content:"\25CF"; margin-right: 5px; } .widget-container ul li::before { content: "\2756"; margin-right: 5px; font-size: 15px; } .entry-content li, .comment-body li { line-height:125%; margin:10px 0; } .widget-container li { line-height:125%; margin:10px 0; } input, textarea { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; padding:15px; border:0; outline:0; margin-top:10px; background:#ddd; } input[type="submit"], #menu .toggle:hover { cursor:pointer; } input[type="search"] { -webkit-appearance:textfield; } a img, input[type="image"] { border:0 } img, video, audio, table, select, textarea { max-width:100% !important; height:auto; } table { width: 100%; margin: 25px 0 30px; } #wrapper { max-width:100%; margin:0 auto; } #header { padding: 0% 8%; } #container { padding: 2% 8%; background: transparent; } #footer { padding: 0.5% 8% 1.8%; } .footer-widget-ul .widget-container:nth-child(even) { margin-left: 2%; } #container:after { display:table; content:""; clear:both; } #content { width:75%; padding-right:5%; float:left; } #content-right { width:75%; padding-left:5%; float:right; } #content-full { width:100%; float:left; } #sidebar-right { width:25%; float:right; } #sidebar-left { width:25%; float:left; } .widget-area > ul > li { border: 1px solid #ddd; } .widget-area > ul > li li{ padding-left: 10px; padding-bottom: 5px; } .widget-area > ul > li li:not(:last-child) { border-bottom: 1px solid #ddd; } #footer { clear:both; } .top-header > #header { background: rgba(0,0,0,0.4); } #branding{ display: block; padding: 80px 0px 80px 0px; text-align: center; } .top-menu-search{ margin: 3px 0px 0px; display: none; } .site-custom-logo{ display: inline-block; vertical-align: middle; margin-right: 5px; } .site-custom-logo img.custom-logo { padding-top: 12px; } #site-description-with-logo{ color: #fff; } #site-title > p { margin: 0px; } #site-title a { font-size: 40px; font-weight: bold; color: #fff; text-decoration: none; display: inline; } #site-title a:hover { color: #c07b55; } #site-title h1 { margin-bottom:0 } #site-description { color: #fff; } #menu ul, #menu ul li { display:inline; margin:0; padding:0; list-style:none; } #menu ul li { position:relative; } #menu ul li a { display: inline-block; font-size: 18px; color: #fff; text-decoration: none; line-height: 33px; padding: 5px 15px; } #menu ul li a:hover { color: #333; background: #fff; text-decoration: none; } #menu li ul { display:none; position:absolute; top:30px; left:0; z-index:1000; } #menu ul li:hover ul { display:inline-block; } #menu ul ul { display:none; } #menu ul li:hover ul { display:block; } #menu ul li:hover ul li a { width:160px; font-size:14px; line-height:20px; padding:10px; border:1px solid #eee; background:#fff; } #menu li.current_page_item > a, #menu li.current-menu-ancestor > a{ background: #fff; color: #222; } #menu .toggle { display:none; height:36px; color: #fff; text-align:center; line-height:32px; } .ios #menu .toggle { font-size:19px; line-height:36px; } #menu .menu-icon { position:relative; top:1px; font-size:22px; margin-right:2px; } .firefox #menu .menu-icon { top:0; } #search { float:right; } #search .Search-Field { width: 100%; height: 38px; padding: 10px; margin-top: 0; background-color: #fff; } .widget-container .Search-Field { width:100%; } .post.no-results.not-found, .post.not-found{ padding: 10px 15px; } .error404 .entry-content .Search-Field, .search .entry-content .Search-Field { width: 100%; margin-top: 0px; } .error404 .entry-content .Search-Field, .search .entry-content .Search-Field, .widget-container .Search-Field { background-color:#f6f6f6; } .Search-Show-Button{ float: right; } .Search-Show-Button{ background: url(images/find.png); background-repeat: no-repeat; background-position: center; background-size: 25px; } .Search-Show-Button button{ background-color: #fff; padding: 21px; opacity: 0.2; border-radius: 3px; width: 75px; } .Search-Show-Button button:hover{ opacity: 0.7; } .Search-Form { position: relative; } .Search-Field { margin-top: 0px; } form input.Search-Submit { background: url(images/find.png); background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 25px; position: absolute; top: 0; right: 0; padding: 0px; margin-top: 0px; height: 100%; width: 45px; background-color: #c07b55; } .button, button, input[type="submit"] { display:inline-block; font-family:georgia,serif; font-size:18px; color:#fff; text-align:center; text-decoration:none; padding:10px 15px; border:0; background:#c07b55; } .button:hover, button:hover, input[type="submit"]:hover { cursor:pointer; opacity:1; } .search-entry-title, .archive-entry-title { padding: 0px 10px; } /* Grid Css */ #adsertclassified-grid { display: grid; grid-column-gap: 25px; grid-template-columns: 100%; } /*Sticky Post*/ #adsertclassified-grid article.sticky .Blog-Summary-title h2::after { content: ''; position: absolute; border-top: 22px solid transparent; border-right: 25px solid #400d8a; border-bottom: 23px solid transparent; top: 0px; right: 0px; } .Blog-Summary-title { padding: 0px 0px 0px 15px; background: #c07b55; padding-bottom: 5px; margin: 0px; } .Blog-Summary-title h2, .Blog-Summary-title h1 { margin: 0px; } .Blog-Summary-title h2 a, .Blog-Summary-title h1 a { margin: 0px; color: #fff; transition: 0.5s; } .Blog-Summary-title h2 a:hover, .Blog-Summary-title h1 a:hover { color: #333; transition: 0.5s; } .single .entry-content .single-featured-img{ text-align: center; } .single .entry-content .single-featured-img a{ display: inline-block; } .single h1.entry-title { color: #fff; text-decoration: none; background: #c07b55; padding: 0px 0px 5px 10px; background: #c07b55; } .single .entry-content a .wp-post-image { padding-top: 15px; } .single-page-footer .nav-links .nav-previous, .single-page-footer .nav-links .nav-next{ line-height: 2.3; } .single-page-footer .nav-links a { color: #c07b55; background: #eee; } .single-page-footer .nav-links a:hover { background: #c07b55; color: #fff; } h2.entry-title, h3.widget-title { margin-top:0; } h3.widget-title { background: #c07b55; text-align: center; padding: 5px 0px; color: #fff; } #comments { padding: 0px 15px 25px; border: 1px solid #ddd; } #commentform label { display:block; } #commentform #comment { width:100%; height:auto; } #comments .comment-author { line-height:14px; } #comments .comment-author img { margin-right:5px; display: block; border: 1px solid #eee; border-radius: 50%; } #comments .comment { margin: 20px 0px; } #comments .comment-body { padding:15px; } #comments .comment > .comment-body { background: #f6f6f6; } #comments-list .bypostauthor > .comment-body { background: #e9e9e9; } #comments-list li ul.children li.bypostauthor > .comment-body { background: #e9e9e9; } #comments .comment-body > p { font-size:16px; margin:15px 0 0; } #comments ul.children li { margin: 10px 15px; } #comments .reply{ float: right; border: 1px solid #ddd; padding: 5px 15px; border-radius: 3px; } #copyright { text-align:left; } #copyright p a { color: #333; text-decoration: underline; } #copyright p a:hover { color: #c07b55; } .entry-meta .by-author, .entry-meta .posted-in { color: #000; } .entry-meta, .archive-meta { margin: 10px 0; } .entry-meta{ border-bottom: 1px solid #ddd; } .meta-tags { margin-top: 20px; } .entry-date { color: #333; } #copyright, #copyright a, .entry-meta, .entry-meta a, .comment-meta, .comment-meta a, .comment-author, .comment-author a { font-size: 16px; color: #c07b55; } #copyright a:hover, .entry-meta a:hover, .comment-meta a:hover, .comment-author a:hover { color: #000; } .comment-author cite.fn { color: #333; font-weight: 600; } .comment-author span.says { color: #555; } article { border: 1px solid #ddd; margin-bottom: 30px; position: relative; padding-bottom: 15px; box-shadow: 10px 15px 5px #ddd; border-bottom:4px solid #ccc; border-right:4px solid #ccc; } .article-content { padding: 0px 15px; } .post-featured-image { text-align: center; padding-top: 15px; position: relative; } .post-featured-image .post-thumb-img a.blog-thumb { display: flex; } #date-on-image { position: absolute; bottom: 0; } #date-on-image .date-data { background-color: #c07b55; color: #fff; border-radius: 0px 8px 0px 0px; padding: 5px 10px; } #date-on-image .date-data .month { font-weight: bold; } #date-on-image .date-data .date { font-size: 12px; } #date-on-image .date-data .year { font-size: 12px; } .blog-thumb .overlay-image { background: #dae4cd; } /* Start Continue Reading Button CSS */ .Read-More-Div{ padding: 3px 0px; margin-top: 10px; } .Read-More-Button{ transition: 0.3s; display: inline-block; font-weight: 700; padding: 6px 12px; border: 1px solid; border-radius: 3px; } .Read-More-Button:hover { transition: 0.3s; color: #fff; background: #c07b55; } /* END Continue Reading Button CSS */ .sticky { padding-bottom: 15px; border-bottom:4px solid #ccc; border-right:4px solid #ccc; } .widget-container, .search article { margin-bottom:40px; } .wp-caption { width:auto !important; } .wp-caption.aligncenter, .wp-caption-text, .gallery-caption { text-align:center; } .alignleft { margin:0 30px 30px 0; float:left; } .alignright { margin:0 0 30px 30px; float:right; } .aligncenter { display:block; margin:30px auto; clear:both; } .wp-post-image { display:block; margin-bottom:15px; } .entry-attachment img { display: block; margin: 15px auto 15px; } .attachment .entry-caption { text-align:center; } .nav-links { margin-top:15px; } .nav-links a { text-decoration:none; } .pagination-content .nav-links { line-height: 3; } .nav-links a{ margin-right: 10px; font-size: 20px; padding: 7px 14px; color: black; } .nav-links .page-numbers{ margin-right: 10px; font-size: 16px; border: 1px solid #ddd; color: #000; } .nav-links .page-numbers.dots{ background-color: transparent; border: none; } .nav-links .current{ padding: 7px 14px; background-color: #c07b55; color: white; } .nav-links a:hover, .nav-links .page-numbers:hover, .nav-links .current:hover{ background-color: #c07b55; color: #fff; } .nav-links .page-numbers.dots:hover{ box-shadow:none; background-color: transparent; color: #666; } .nav-previous { text-align:left; float:left; width: 50%; } .nav-next { text-align:right; float:right; width: 50%; } .note{ display:block; font-size:14px; padding:20px; margin:30px 0; } .box, .box-2, .box-3, .box-4, .box-5, .box-6, .box-1-3, .box-2-3, .box-for-footer { display:inline-block; width:100%; padding: 0; vertical-align:top; float:left; } .box-for-footer { width: 49%; } .box-2 { width:50% } .box-3, .box-1-3 { width:33.3333333%; } .box-4 { width:25%; } .box-5 { width:20%; } .box-6 { width:16.6666667%; } .box-2-3 { width:66.6666666%; } .left { text-align:left; } .center { text-align:center; } .right { text-align:right; } .float-left { float:left; } .float-right { float:right; } .clear { clear:both; } .clear-left { clear:left; } .clear-right { clear:right; } .clear-float:after, .boxes:after, .comment-body:after { display:table; content:""; clear:both; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .form-allowed-tags { display:block !important; } /* ------------------------ Responsive Part (Media Queries) ------------------------------ */ @media all and (max-width:1024px) { .box-5, .box-6 { width:25%; } .boxes .box-5:nth-child(5) { width:100%; } .boxes .box-6:nth-child(5), .boxes .box-6:nth-child(6) { width:50%; } .box-3{ width: 45%; } .box-2-3{ width: 55%; } } @media all and (min-width:768px) { #menu ul.menu > li > ul.sub-menu li ul.sub-menu { position: absolute; left: 97.3%; top: -9px; display: none; } #menu .sub-menu .menu-item-has-children:hover > ul.sub-menu { display: block; } #menu ul.menu > li.menu-item-has-children a{ position: relative; } #menu ul.menu > li.menu-item-has-children > a{ position: relative; padding: 5px 20px 5px 10px; } #menu ul.menu > li.menu-item-has-children > a::after { content: '\25BE'; position: absolute; top: 6px; } #menu ul.menu > li.menu-item-has-children .menu-item-has-children > a::after { content: '\25B8'; position: absolute; } .main-menu-container { background: #c07b55; } .main-menu-container #menu .sub-menu li a { background: #c07b55; } #menu li.current_page_item > a, #menu li.current-menu-ancestor > a{ background: #dbdbdb !important; color: #222; } } @media all and (max-width:768px) { #adsertclassified-grid { grid-template-columns: 100%; transition: 0.3s; } #header { padding: 0%; } #content, #content-right, #sidebar-right, #sidebar-left { width: 100%; padding: 10px 0px; } .menu-button { display: inline-block; transition: 0.3s; } .menu-button:hover { color: #333; transition: 0.3s; } #menu.checked { width:100%; height:100%;bottom:0; overflow-x:hidden; overflow-y:auto; z-index:1000; } #menu label.toggle { display:block; } #menu { background: #c07b55; padding: 10px 0px; } #menu ul, #menu ul ul { display:none; } #menu input.toggle:checked + div > ul, #menu input.toggle:checked + div > ul ul { display:block; position:relative; top:0; padding:0; } #menu input.toggle:checked + div > ul { padding-bottom:10px; border-top: 1px solid #999; } #menu input.toggle:checked + div > ul li a, #menu input.toggle:checked + div > ul ul li a { display: block; font-size: 18px; color: #fff; line-height: 20px; padding: 10px 0 10px 5%; border: 0; margin-right: 0; background: none; } #menu ul li:hover ul li a { width: auto; } #menu input.toggle:checked + div > ul li a:hover, #menu input.toggle:checked + div > ul ul li a:hover{ color: black; } #menu input.toggle:checked + div > ul ul li a { color: #ddd; padding-left: 7%; } #menu ul.menu > li > ul.sub-menu li ul.sub-menu { margin-left: 15px; } #menu input.toggle:checked + div .current_page_item > a { background: #353535; } #menu input.toggle:checked + div .current_page_item > a:hover { color: #fff; } .box-4, .box-5, .box-6 { width:50%; } } @media all and (max-width:767px) { #branding{ display: block; text-align: center; padding: 40px 0px 40px 0px; } .Search-Show-Button, #search.top-menu-search{ float: none; text-align: center; } .top-search-container #search .Search-Form { padding: 0px 4px; } .Search-Show-Button button { background-color: #333; } .logo-container{ text-align: center; } #site-description-with-logo{ display: block; } .single .nav-links .nav-previous, .single .nav-links .nav-next { float:none; width: 100%; } .box-2, .box-3, .box-4, .box-5, .box-6, .boxes .box-6:nth-child(5), .boxes .box-6:nth-child(6), .box-2-3, .box-1-3 { width:100%; } .boxes .box-3:nth-child(3) { width:100%; } .box-for-footer { width: 100%; } .footer-widget-ul .widget-container:nth-child(even) { margin: 0; } .footer-widget-ul .widget-container{ margin-bottom: 20px !important; } } @media all and (max-width:480px) { .wp-caption, textarea, .button { width:100% !important; } input[type="checkbox"], input[type="radio"] { width:auto !important; } .box-2, .box-3, .box-4, .box-5, .box-6, .boxes .box-6:nth-child(5), .boxes .box-6:nth-child(6), .box-2-3, .box-1-3 { width:100%; } } @media print { #content, #content-right { width:100%; color:#000; padding:0; margin:0; background:#fff; float:none; } #header, #sidebar-right, #sidebar-left, #footer { display:none; } }