/* Theme Name: Bblog Theme URI: http://themeforest.net/user/An-Themes/portfolio Description: Bblog = Modern Blog / Magazine WordPress Theme. For more Premium WordPress Themes, check Anthemes.com Version: 2.7 Author: An-Themes Author URI: https://anthemes.com Tags: sticky-post, right-sidebar License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html ------------------------------------------------ 0. CSS Reset 1. Layout 2. Header 3. Home Content 4. Entry Content 5. Sidebar & Widgets 6. Comments 7. Contact Form 8. Custom Pages ( Tag & Cat Index / etc. ) 9. Shop 10. Footer 11. Shortcodes -------------------------------------------------- */ /*----------------------------------------------------------------------------- ----------------------------- 0 - CSS Reset ----------------------------------- -----------------------------------------------------------------------------*/ html,body,h1,h2,h3,h4,h5,h6,form,li,ul,ol,p,input,select,legend,textarea,fieldset { margin:0; padding:0;} ul, ol { list-style-type: none; } :focus { outline: 0;} ins { text-decoration: none; } del { text-decoration: line-through; } img { border:none;} h1,h2,h3,h4,h5,h6 { line-height:26px;} h1 { font-size: 26px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } code, pre { background: url(images/bg_pre.png); font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; line-height: 20px; font-size: 12px; display: block; margin: 14px 0; overflow:hidden; padding: 21px 18px 18px 18px; } code:hover, pre:hover { overflow:scroll;} strong { font-weight: bold;} fieldset { border: none;} .clear { clear:both; display:block;} .sleft { float:left;} .sright { float:right;} iframe { border: 0 !important;} /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ * { margin: 0; padding: 0; -webkit-appearance: none; /* < google chrome / Safari fixed issues os bad styling > */} html body { font: 14px/22px 'Noto Serif', Georgia, Times, serif; font-weight: 400; -webkit-text-size-adjust: none; overflow-x:hidden; } header { width: 100%; height: auto; margin: 0 auto; } .main-header { width: 100%; height: auto; margin: 0 auto; } .sub-header { width: 100%; height: 50px; margin: 0 auto; } .sub-header .wrap { height: 50px;} header div.wrap { width: 900px; height: auto; margin: 0 auto; padding: 0px 25px; } .wrap { width: 900px; height: auto; margin: 10px auto 0 auto; padding: 30px 25px; } .main-content { width: 560px; height: auto; float: left; margin-right: 25px; margin-bottom: 50px;} .main-content-2cols { width: 580px; height: auto; float: left; margin-right: 2px; margin-bottom: 50px;} .main-content-3cols { width: 810px; height: auto; float: left; margin-bottom: 50px;} .single-content, .page-content { width: 780px; height: auto; float: left; margin-top: 5px;} .page-content { margin-bottom: 10px;} #background { min-width:100%; min-height:100%; top:0; left:0; z-index:-2; position:fixed; } /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Logo -- */ .logo { float: left; margin-top: 30px;} /* -- Ads Header -- */ .header-728 { float: right; margin: 15px 0 10px 0;} /* -- Ads Header -- */ .header-468 { float: right; margin: 15px -15px 10px 0; display: none;} /* -- Search -- */ #searchform2 { height: auto; float: right; margin: 10px 0 0 0; border-radius: 5px; } #searchform2 #s { font-weight: bold; height: 30px; font-family: 'Ruda', sans-serif; float: left; border: none; padding: 1px 20px 0 20px; font-size: 13px; } #searchform2 .buttonicon { width: 34px; height: 31px; background:url(images/btn_search.png) 9px 8px no-repeat; float: right; border: none; text-align: center; font-weight: bold; font-size: 0px; border-radius: 2px;} #searchform2 .buttonicon:hover { cursor: pointer; opacity:.85; } #s { width: 80px; -webkit-transition-duration: 400ms; -webkit-transition-property: width; -webkit-transition-timing-function: ease; -moz-transition-duration: 400ms; -moz-transition-property: width; -moz-transition-timing-function: ease; -o-transition-duration: 400ms; -o-transition-property: width; -o-transition-timing-function: ease; transition-duration: 400ms; transition-property: width; transition-timing-function: ease;} #s:focus { width: 180px; overflow: hidden;} /* -- Live Search -- */ ul.dwls_search_results { width: 253px !important; } ul.search_results li.post_with_thumb a { width: 150px !important; float:left; margin-top: 3px !important; margin-bottom: 0px !important; } ul.search_results li { padding: 7px 10px 5px 10px !important; font-size: 12px !important; line-height: 18px !important; } /* -- Top Header Menu -- ##################### */ .jquerycssmenu { font-size: 14px; font-weight: 700; float: left; margin: 6px 0 0 0; position: relative;} .jquerycssmenu ul li { position: relative; display: inline; float: left; padding: 0; } /*Top level menu link items style*/ .jquerycssmenu ul li a { text-transform: uppercase; display: block; padding: 5px 12px 2px 13px !important; margin-right: 3px; } .jquerycssmenu ul li.current_page_item a { border-radius: 5px;} .jquerycssmenu ul li.current-menu-ancestor a { border-radius: 5px;} .jquerycssmenu ul li.current-page-ancestor a { border-radius: 5px;} .jquerycssmenu ul li.current-page-ancestor { border-radius: 5px;} .jquerycssmenu ul li:hover a { border-radius: 5px } .jquerycssmenu ul li.current-menu-item a { border-radius: 5px;} .jquerycssmenu ul li.current-post-parent a { border-radius: 5px;} /*1st sub level menu*/ .jquerycssmenu ul li ul { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; position: absolute; z-index: 201; margin-top: 0px; margin-left: 0px; padding: 10px 0; display: block; visibility: hidden; -moz-box-shadow: 0 5px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 3px rgba(0,0,0,0.2); box-shadow: 0 5px 3px rgba(0,0,0,0.2); } .jquerycssmenu ul li ul:hover { /*display: none;*/} .jquerycssmenu ul li ul a:hover {border-radius: 0; } .jquerycssmenu ul li ul li ul a:hover {border-radius: 0; } /*Sub level menu list items (undo style from Top level List Items)*/ .jquerycssmenu ul li ul li { display: list-item; float: none; font-weight: 700;} .jquerycssmenu ul li ul li a { padding: 8px 0 !important; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .jquerycssmenu ul li ul li ul { top: 0; margin:-10px 0 0 -1px; z-index: 100; } /* Sub level menu links style */ .jquerycssmenu ul li ul li a { font-size: 12px; height: auto; line-height: 1.4em; width: 160px; margin: 0; padding-left: 18px !important; } .jquerycssmenu ul li ul li a:hover { /*sub menus hover style*/ } /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass { position: absolute; top: 25px; left: 45%; } .rightarrowclass { position: absolute; top: 14px; right: 18px; } .jquerycssmenu ul li.current-menu-ancestor a .downarrowclass { display: none;} .jquerycssmenu ul li.current-menu-item a .downarrowclass { display: none;} .jquerycssmenu ul li.current_page_item a .downarrowclass { display: none;} /*Responsive */ .mobileMenu { display: none;} /* -- Sticky Header -- */ .sticky { background-color: #FFF; position: fixed; width: 100%; left: 0; top: 0; z-index: 999999 !important; border-top: 0; } /* -- Top social icons -- */ .top-social li a { } /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Home content -- */ .home-content { padding:50px 0 50px 0; float: left; } /* -- Featured Slider -- */ #anthemes-slider { width: 900px; height: auto; margin: 0 auto 30px auto; display: block; } #anthemes-slider .item { display: block; width: 900px; height: auto; } #anthemes-slider .item img { display: block; width: 900px; height: auto; } #anthemes-slider .item img:hover { cursor: e-resize; } section.slider-content a { display: block; position: relative; text-decoration: none !important;} section.slider-content { width: 80%; height: auto; margin: 20px auto; text-align: center; } section.slider-content h2 { font-size: 34px; font-weight: normal; line-height: 42px; } #anthemes-slider .article-category i { float: right; border-style: solid; border-width: 14px 5px 14px 10px; margin: -4px -15px -5px 0px; height: 1px; width: 0px; } #anthemes-slider .article-category { border-radius: 2px; position: absolute; margin: 0px; font-size: 13px; text-transform: uppercase; padding: 4px 10px 3px 10px; } #anthemes-slider .article-category:hover { opacity: 0.9;} #anthemes-slider .article-category:hover i { opacity: 0.9;} .customNavigation { text-align: center; } .customNavigation a { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 40px; opacity: 0.5;} .customNavigation a:hover { opacity: 1.0; cursor: pointer;} .customNavigation a.prev { display: none;} .customNavigation a.next { display: none;} /* -- Archive-header -- */ .archive-header { width: 100%; height: auto; padding: 15px 0; margin: 0 auto 20px auto; text-align: center;} .archive-header h3 { font-weight: 400; font-size: 22px; } /* -- Home blog posts (grid 2 columns) -- */ #articles article.list-2cols { width: 265px; height: auto; float: left; padding: 0 0 35px 0; margin-bottom: 35px; margin-top: 5px; margin-right: 25px;} #articles article.list-2cols img { width: 265px; height: 180px; object-fit: cover; border-radius: 2px; } #articles article.list-2cols .media-icon { width: 50px; height: 50px; background:url(images/video-icon.png); margin: -121px 0 0 108px; position: absolute;} #articles article.list-2cols .article-category { margin: -175px 0 0 -5px; } #articles article.list-2cols h2 { overflow-wrap: break-word; word-wrap: break-word; font-size: 18px; line-height: 28px; font-weight: 600; padding-bottom: 15px; } #articles article.list-2cols .review-box-nr { display: none;} /* -- Home blog posts (grid 3 columns) -- */ #articles article.list-3cols { width: 244px; height: auto; float: left; padding: 0 0 35px 0; margin-bottom: 35px; margin-top: 5px; margin-right: 25px;} #articles article.list-3cols img { width: 244px; height: 166px; object-fit: cover; border-radius: 2px; } #articles article.list-3cols .media-icon { width: 50px; height: 50px; background:url(images/video-icon.png); margin: -115px 0 0 97px; position: absolute; } #articles article.list-3cols .article-category { margin: -161px 0 0 -5px; } #articles article.list-3cols h2 { overflow-wrap: break-word; word-wrap: break-word; font-size: 16px; line-height: 24px; font-weight: 600; padding-bottom: 15px; } #articles article.list-3cols .review-box-nr { display: none;} /* -- Home blog posts (default) -- */ #articles { } #articles .media-icon { width: 50px; height: 50px; background:url(images/video-icon.png); margin: -150px 0 0 255px; position: absolute; } #articles article.list { width: 560px; height: auto; float: left; padding: 0 0 35px 0; margin-bottom: 35px; margin-top: 5px; position: relative; } #articles article.list img { width: 560px; height: 240px; object-fit: cover; border-radius: 2px; } #articles h2 { overflow-wrap: break-word; word-wrap: break-word; font-size: 22px; line-height: 28px; font-weight: 600; padding-bottom: 15px; } #articles div.time_ago { font-size: 10px; text-align: center; margin: 15px 0 10px 0; } #articles div.time_ago span { text-transform: uppercase; padding: 2px 10px; border-radius: 10px; } #articles div.review_score { border-radius: 1px; margin: -55px 0 0 0; padding-top: 10px; text-align: center; font-size: 26px; position: absolute; width: 50px; height: 40px; float: left; border-radius: 2px; } #articles div.review_point { font-size: 10px; text-transform: uppercase; margin-top: -5px; } #articles .article-author a img.avatar { width: 20px; height: 20px; float: left;} #articles p { float: left; padding-top: 10px; position: relative;} #articles .article-link-author a { float: left; height: 20px; font-size: 10px; padding: 0 10px; line-height: 20px; border-radius: 2px; text-transform: uppercase; text-align: center; border-radius: 2px; } #articles .article-category i { float: right; border-style: solid; border-width: 14px 5px 14px 10px; margin: -4px -15px -5px 0px; height: 1px; width: 0px; } #articles .article-category { border-radius: 2px; position: absolute; margin: 10px 0 0 -5px; font-size: 13px; text-transform: uppercase; padding: 4px 10px 3px 10px;} #articles .article-category:hover { opacity: 0.9;} #articles .article-category:hover i { opacity: 0.9;} #articles article.list .review-box-nr { display: none;} #articles .an-display-time { float: left; font-size: 12px; padding: 0 15px 0 0;} #articles .an-display-comm { float: left; font-size: 12px; padding: 0 15px 0 0;} /* -- infinite scroll Pagination -- */ #infscr-loading { width: 200px; height: auto; padding: 15px 0; position: fixed; z-index: 9999; left: 0; bottom: 50px; text-align: center; font-weight: bold;} #infscr-loading span { background-color: #FFF; padding: 2px 10px; font-size: 12px;} /* -- Pagination -- */ .wp-pagenavi { width: auto; float: left; font-size: 15px; margin-top: -10px; } .wp-pagenavi a, .wp-pagenavi span { display: inline-block; padding:5px 13px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; list-style: none; margin: 0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin-right:1px; font-size:12px; font-weight:bold; } .wp-pagenavi a:hover { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .wp-pagenavi span.current { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;} .wp-pagenavi .pages { display:none; } /*----------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ img.attachment-thumbnail-single-image { width: 780px; height: auto;} .entry-top { padding: 0 0 15px 0;} h1.article-title { font-size: 36px; font-weight: 600; line-height: 44px; } h1.page-title { font-size: 36px; font-weight: 600; line-height: 44px; padding-bottom: 10px; margin-bottom: 20px; display: none;} .article-meta { width: auto; height: 30px; font-weight: bold; float: left; font-size: 14px; line-height: 38px; padding-right: 3px; margin-top: -10px;} .article-meta a:hover { text-decoration: underline;} .single-share { float: left; margin: 10px 0 0 0;} .single-gallery { margin-bottom: 25px;} .single-gallery img { margin: 0 0 -8px 0 !important; } .single-gallery img:hover { opacity:.9;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);-webkit-animation:scaleUp 1s ease-in-out forwards;-moz-animation:scaleUp 1s ease-in-out forwards;animation:scaleUp 1s ease-in-out forwards}@-webkit-keyframes scaleUp{to{-webkit-transform:scale(1)}}@-moz-keyframes scaleUp{to{-moz-transform:scale(1)}}@keyframes scaleUp{to{transform:scale(1)}} .single_iframe { margin-bottom: 25px;} .attachment-thumbnail-single-image { margin-bottom: 25px;} /* -- Entry bottom -- */ .entry-bottom { width: 780px; height: auto; margin: 20px auto 80px auto;} .single-content h3.title { font-weight: normal; border-radius: 2px; font-size: 13px; text-transform: uppercase; padding: 2px 10px 1px 10px; margin: 5px 0 20px 0; } .single-content h3.title i { float: right; border-style: solid; border-width: 14px 5px 14px 10px; margin: -2px -15px -5px 0px; height: 1px; width: 0px; } .single-content ul.article_list li img { width: 106px; height: 55px; float: left; border-radius: 2px; margin: 0 15px 0 0; } /*-- Entry button -- */ .entry-btn { display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-weight: bold; padding: 1px 10px; text-align: center; margin: 5px 5px 0 0; background-color: #e76b33; border: 1px solid #e76b33; color: #FFF !important; } .entry-btn a { color: #FFF !important; } .entry-btn a:hover { background: inherit !important; text-decoration: underline;} /* -- About Author -- */ .author-meta { width: 100%; height: auto; padding: 30px 0; margin: 0 0 20px 0; background: url(images/bg-header.png) repeat-x; } .author-meta img.avatar { width: 100px; height: 100px; float: left; width: inherit; border-radius: 50% !important; } .author-info { width: auto; height: auto; margin: 0px 0 -15px 130px;} .author-meta .entry { padding: 0 50px !important;} .author-meta strong { text-transform: uppercase; padding-right: 10px;} .author-info p { margin: 5px 0 0 0; } .author-info a.author-link { text-decoration: underline; padding-left: 8px; font-size: 13px;} a.author-nrposts { float: left; width: 26px; height: 26px; margin-right: -30px; position: relative; display: inline-block; text-align: center; border-radius: 13px; font-size: 12px; line-height: 26px; position: relative; } /* -- Prev and Next articles --*/ .prev-articles { width: auto; height: auto; padding: 15px 30px 20px 30px; } .prev-articles h2 { font-size: 22px; font-weight: normal; line-height: 28px; } /* -- Typography -- */ .entry { width: auto; height: auto; padding: 0 0 20px 0; } .entry p { padding: 0 0 10px 0;} .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin-top: 15px; font-weight: normal; text-decoration: underline; } .entry strong { font-weight: bold; text-decoration: underline;} blockquote { font-size: 16px; line-height: 24px; text-align: center; font-weight: normal; margin:40px; background:url(images/quotes.png) no-repeat top left; padding:0 0 0 35px;} blockquote p { padding-right: 25px !important; background:url(images/quotes.png) no-repeat bottom right; color: #000; font-style: italic; } /* -- Responsive Images -- */ .entry iframe { max-width: 100%;} .entry img, .wp-caption { max-width: 100%; border-radius: 3px; } .entry img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; max-width: 100%; } img.alignleft, .alignleft img { width: inherit !important;} img.alignright, .alignright img { width: inherit !important;} .alignleft { float: left; margin: 20px 20px 10px 0px; } .alignright { float: right; margin: 20px 0px 10px 20px; } .aligncenter { display: block; margin-left: auto; margin-right: auto;} .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption-text { font-weight: bold; font-size: 12px; margin-top: -7px; padding: 0 10px 10px 10px; text-align: center; color: #888;} /* -- End res. img -- */ /* -- Lists -- */ .entry th { padding: 0; margin-right: 2px; } .entry li { padding:3px 0 3px 5px; } .entry ul { margin:20px 40px; list-style-type: square;} .entry ol { margin:20px 40px; list-style-type: decimal;} /*----------------------------------------------------------------------------- ----------------------------- 5 - Sidebar & Widgets --------------------------- -----------------------------------------------------------------------------*/ /* -- Sidebar -- */ .sidebar { width: 300px; height: auto; float: right; margin: 0 0 35px 0; } .sidebar-middle { width: 200px; height: auto; float: left; margin-right: 25px; } .sidebar .widget, .sidebar-middle .widget { margin-bottom: 40px; width: 100%; } .sidebar .widget h3.title, .sidebar-middle .widget h3.title { font-weight: normal; border-radius: 2px; font-size: 13px; text-transform: uppercase; padding: 2px 10px 1px 10px; margin: 5px 0 20px 0; } .sidebar .widget h3.title i, .sidebar-middle .widget h3.title i { float: right; border-style: solid; border-width: 14px 5px 14px 10px; margin: -2px -15px -5px 0px; height: 1px; width: 0px; } /* -- Review Widgets -- */ .review-line { width: 100%; height: 7px; margin-bottom: 5px;} .review-score { height: 7px; } .review-box-nr { width: 30px; height: 27px; font-size: 12px; text-align: center; font-weight: bold; float: right; } .sidebar-middle .widget_anthemes_bestreviews .an-display-author { display: none;} .sidebar-middle .widget_anthemes_randreviews .an-display-author { display: none;} .sidebar-middle .widget_anthemes_recentreviews .an-display-author { display: none;} /* -- Social Count -- */ .widget_socialcountplus { margin-bottom: 20px !important; } /* -- FeedBurner -- */ #newsletter-form input { width:100%; } #newsletter-form input.newsletter { height:30px; font-size: 12px; text-align: center; margin-bottom: -3px; border-top-left-radius: 2px; border-top-right-radius: 2px; } #newsletter-form input.newsletter-btn { font-size: 10px; font-weight: 600; text-transform: uppercase; padding: 5px 0 4px 0; margin: 0 0 0 1px; text-align: center; border: none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } #newsletter-form input.newsletter-btn:hover { opacity:.85; cursor: pointer; } /* -- Article widget -- */ ul.article_list { width: 100%; height: auto; border-radius: 2px;} .article_list li { width: auto; height: auto; padding: 10px 0; margin:0 10px 0 10px; } .article_list li:last-child { border: none; } .sidebar-middle .article_list li img { width: 180px; height: 93px; float: left; border-radius: 2px; padding-bottom: 4px; } .sidebar .article_list li img { width: 280px; height: 145px; float: left; border-radius: 2px; padding-bottom: 4px;} .article_list li h3 { font-size: 12px; line-height: 18px; } .article_list li .an-display-author { float: left; font-size: 10px; padding: 0 15px 0 0; } .article_list li .an-display-time { float: left; font-size: 10px; padding: 0 15px 0 0; } .article_list li .an-display-comm { float: left; font-size: 10px; padding: 0 15px 0 0;} .sidebar-middle .article_list li .media-icon { width: 30px; height: 30px; background:url(images/video-icon-small.png); margin: 32px 0 0 75px; position: relative; z-index: 101; } .sidebar .article_list li .media-icon { width: 50px; height: 50px; background:url(images/video-icon.png); margin: 47px 0 0 115px; position: relative; z-index: 101;} /* -- Custom Text -- */ .widget-text { } /* -- Default Tags -- */ div.widget_tag_cloud { display: inline-block; margin-bottom: 10px;} div.tagcloud { } div.tagcloud a { float: left; display: inline-block; padding:3px 10px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; list-style: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin:0 2px 2px 0; font-size:11px !important; font-weight:400;} /* -- Default Search -- */ div.widget_search #searchform2 { display: none;} /* -- Recent Entries -- */ div.widget_recent_entries ul { } .widget_recent_entries li { background: url(images/li_minus_green.png) no-repeat 0 16px; border-bottom: 1px solid #f0eee9; display: block; padding: 10px 0 10px 20px; } .widget_recent_entries li:last-child { border: none; } /* -- Recent Comments -- */ div.widget_recent_comments ul { } .widget_recent_comments li { background: url(images/li_minus_black.png) no-repeat 0 16px; border-bottom: 1px solid #f0eee9; display: block; padding: 10px 0 10px 20px; } .widget_recent_comments li:last-child { border: none; } /* -- Archives and Nav menu widget -- */ div.widget_archive ul, div.widget_nav_menu ul { } .widget_archive li, .widget_nav_menu li { background: url(images/li_minus_gold.png) no-repeat 0 16px; border-bottom: 1px solid #f0eee9; display: block; padding: 10px 0 10px 20px; } .widget_archive li:last-child, .widget_nav_menu li:last-child { border: none; } div.widget_archive select { width: 100%; padding: 10px 20px;} div.widget_archive option { padding: 0 10px;} div.widget_nav_menu li ul.sub-menu { margin: -5px 0 -10px 10px; padding: 10px 0 0 0;} div.widget_nav_menu li ul.sub-menu li { padding: 10px 0 10px 20px; } /* -- Meta and Pages widget -- */ div.widget_meta ul, div.widget_pages ul { } .widget_meta li, .widget_pages li { background: url(images/li_minus_black.png) no-repeat 0 16px; border-bottom: 1px solid #f0eee9; display: block; padding: 10px 0 10px 20px; } .widget_meta li:last-child, .widget_pages li:last-child { border: none; } /* -- Categories -- */ div.widget_categories ul { } .widget_categories li { background: url(images/li_minus_gold.png) no-repeat 0 16px; border-bottom: 1px solid #f0eee9; display: block; padding: 10px 0 10px 20px; } .widget_categories li:last-child { border: none; } div.widget_categories select { width: 100%; padding: 10px 20px;} div.widget_categories option { padding: 0 10px;} .widget_categories li ul.children { margin: -5px 0 -10px -5px; padding: 10px 0 0 0;} .widget_categories li ul.children li { padding: 10px 0 10px 20px; } /* -- Calendar -- */ #wp-calendar {width: 100%;} #wp-calendar caption { text-align: center; font-weight: bold; margin-bottom: 10px; color: #333; font-size: 15px; padding: 0 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;} .sidebar-middle #wp-calendar tbody td { padding:5px;} #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody td#today { background-color: #222; color: #FFF; border-radius: 4px;} #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } /* -- Mode default widgets -- */ .sticky {} .gallery-caption {} .bypostauthor {} /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ .nocomments, .nopassword, .must-log-in { text-align: center; padding: 15px 0 0 0; } ul.comment { width: 780px; margin: 0 0 50px 0; } ul.comment li { display: block; margin: 0 0 20px 0; padding: 20px 20px 0 20px; border-radius: 3px; overflow: hidden; } ul.comment li span.comm-avatar { width: 20px; height: 20px; float: left; margin-right: 5px;} ul.comment li span.comment-author { margin-right: 15px; font-weight: bold; text-transform: uppercase; font-size: 15px; float: left;} ul.comment li span.comment-date { float: left; opacity: 0.5;} .comment-body { padding-bottom: 5px;} ul.comment li ul.children { margin: 20px 0 0 0;} /* -- Comments -- */ .comments { width: 780px; float: left; height: auto; margin: 0 0 0 0;} .comments h3.comment-reply-title { width: auto; height: 26px; font-weight: normal; border-radius: 2px; font-size: 13px; text-transform: uppercase; padding: 2px 10px 1px 10px; margin: 5px 0 0 0; } .comments h3.comment-reply-title i { float: right; border-style: solid; border-width: 14px 5px 15px 10px; margin: -2px -15px -5px 0px; height: 0px; width: 0px; } .comments h3.comment-reply-title a { font-weight: bold; text-decoration: underline;} .comments h3.comment-reply-title a#cancel-comment-reply-link { text-decoration: none;} /* -- Comment Form -- */ .comment-notes { display: none;} #commentform { padding: 0 6px 20px 0; font-size:11px;} #commentform #author, #comment, #email { width:100%; height:40px; font-size: 14px; font-weight: bold; border-radius: 3px;} #commentform #sendemail { border: 1px solid #FFF; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-weight: bold; padding: 9px 21px; text-align: center; margin: 15px 5px -10px 0;} #commentform #sendemail:hover { opacity:.85; cursor: pointer; } #commentform input, #comment { padding-left: 5px; } #commentform textarea { -moz-resize:vertical; resize:vertical;} #commentform #comment:hover { height: 100px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;} #commentform label { display: block; margin-top:10px; font-size:11px; font-weight: bold; } #commentform label span { font-size: 15px; } /* -- Comment Cols -- */ .one_half_c, .one_half_last_c { float:left; width:48%; margin-right:4%; } .one_half_last_c { margin-right:0;} .one_full_c { float:left; width:100%;} /*----------------------------------------------------------------------------- ----------------------------- 7 - Contact Form -------------------------------- -----------------------------------------------------------------------------*/ /* -- Contact Form -- */ #contactform { margin:0 0 10px 0; font-size:11px;} #contactform #contactName, #contactform #emaill, #contactform #subject { width:98%; height:40px; font-size: 14px; font-weight: bold; border-radius: 3px;} #contactform #subject { width: 99%;} #contactform textarea { width: 99%; height:200px; line-height:22px; font-size: 14px; border-radius: 3px; font-weight: bold; -moz-resize:vertical; resize:vertical;} #contactform .sendemail { border-radius: 3px; border: 1px solid #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-weight: bold; padding: 7px 21px; text-align: center; margin: 25px 5px -10px 0;} #contactform .sendemail:hover { opacity:.85; cursor: pointer; } #contactform input, #contactform textarea { padding-left: 5px; } #contactform label { display: block; margin-top:10px; font-size:11px; font-weight: bold; } #contactform label span { font-size: 15px; } #contactform label.error { font-size:11px; text-align: right; margin-top:-20px; padding-right:10px; font-weight: bold; } /* -- Contact Form 7 Plugin -- */ form.wpcf7-form { margin:0 0 40px 0; font-size:11px;} form.wpcf7-form input { width: 98%; height:40px; font-size: 14px; font-weight: bold; border-radius: 3px; padding-left: 2%; } form.wpcf7-form textarea { width: 98%; height:200px; line-height:22px; font-size: 14px; border-radius: 3px; font-weight: bold; -moz-resize:vertical; resize:vertical; padding-left: 2%;} form.wpcf7-form input.wpcf7-submit { width: inherit !important; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-weight: bold; padding: 6px 20px; text-align: center; } form.wpcf7-form input.wpcf7-submit:hover { opacity:.85; cursor: pointer; } form.wpcf7-form img.ajax-loader { width: inherit !important;} form.wpcf7-form .wpcf7-validation-errors { margin-top: -75px; margin-left: -10px; position: relative; border: none; } form.wpcf7-form span.wpcf7-form-control-wrap { width: 100% !important;} /*----------------------------------------------------------------------------- ----------------------------- 8 - Custom Pages -------------------------------- -----------------------------------------------------------------------------*/ /* -- Tag & Category Index -- */ #mcTagMap .tagindex h4, #sc_mcTagMap .tagindex h4 { font-size: 14px; font-weight: bold; } #mcTagMap .tagindex ul li span.mctagmap_count { float: right !important; opacity: 0.5;} #mcTagMap .tagindex ul li, #sc_mcTagMap .tagindex ul li { font-size: 14px; } #mcTagMap .holdleft, #sc_mcTagMap .holdleft { width: 179px !important; } /* -- bbPress Plugin compatibility -- */ .bbpress img.avatar { width: inherit; } /* --- Review Plugin --- */ .review-final-score h3 { margin-top:7px !important;} .entry h2.review-box-header { text-decoration: none;} .entry .review-final-score h3 { text-decoration: none; } .entry .review-final-score h4 { text-decoration: none; } .entry .review-item h5 { text-decoration: none; font-weight: bold;} .review-short-summary p { font-size: 13px; } /*----------------------------------------------------------------------------- -------------------------------- 9 - Shop ------------------------------------- -----------------------------------------------------------------------------*/ body.woocommerce-cart .sticky { position: relative; } .woocommerce { margin-bottom: 20px; } .woocommerce h1.page-title { font-size: 36px; font-weight: 600; line-height: 44px; padding-bottom: 10px; margin-bottom: 20px; color: #000; border-bottom: 5px solid #f2f2f2; } /* -- Home -- */ .woocommerce-result-count { display: none;} .woocommerce-page .entry img { width: inherit !important; } select.orderby { border: none; float: left; padding: 9px 10px 9px 20px; font-weight: bold;} select.orderby option { margin: 10px 20px; } select.orderby option:hover{ cursor: pointer; } .woocommerce-ordering { margin-top: -72px !important;} /* -- Products -- */ ul.products { margin-top: 50px !important;} ul.products li { width: 245px !important; text-align: center; } ul.products li img { width: 245px; height: 245px;} ul.products li:hover img { opacity: 0.9;} ul.products li span.onsale { z-index: 101;} ul.products li h3 { font-size: 18px !important; } .add_to_cart_button { display: inline-block !important; border-radius: 3px !important; font-weight: normal !important; padding: 0px 20px !important; text-align: center !important; } a.add_to_cart_button:hover { } a.added_to_cart { display: none !important; } span.price { font-weight: bold !important; font-size: 16px; } div.star-rating { display: none !important;} .single-product div.star-rating { display: block !important;} ul.products div.star-rating { display: none !important;} /* -- Pagination -- */ .woocommerce-pagination { border: none !important;} ul.page-numbers { margin: 0 0 50px 0 !important; border: none !important;} ul.page-numbers li .page-numbers { display: inline-block !important; border-radius: 3px !important; font-weight: bold !important; padding: 6px 10px !important; text-align: center !important;} /* -- Tabs -- */ .woocommerce-tabs { } /* -- Single Product -- */ .woocommerce .related h2 { margin-bottom: -30px !important;} .woocommerce .related { margin-bottom: -50px !important;} form.cart { margin: 20px 0 !important;} .single_add_to_cart_button { height: 42px !important;} .buttons_added { } .cart input { } .cart input.minus { } .cart input.plus { } .cart input.input-text { padding: 6px 0 !important; } .woocommerce h1.entry-title { font-size: 40px !important; margin: 25px 0 15px 0 !important; line-height: 40px !important;} p.price { margin-bottom: 15px !important; } .woocommerce #commentform #author, .woocommerce #commentform #email { width: 200px !important;} span.posted_in { display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-weight: bold; padding: 2px 10px; text-align: center; margin: 10px 5px 0 0;} span.tagged_as { display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-weight: bold; padding: 2px 10px; text-align: center; margin: 10px 5px 0 0;} span.posted_in a:hover, span.tagged_as a:hover { text-decoration: underline;} div.panel h2 { font-size: 16px; margin-bottom: 10px !important;} a.show_review_form { line-height: 28px !important; } .single-product #commentform textarea { width: 100% !important;} div.products h2 { font-size: 16px; margin: 50px 0 10px 0 !important;} /* -- Change Password Page -- */ input.input-text { padding: 11px 5px !important; font-weight: bold;} input#coupon_code { padding: 8px 5px !important; font-weight: bold;} .woocommerce-message { font-weight: bold;} p.woocommerce-info { padding-left: 70px;} select.country_to_state { padding: 12px 0 !important;} .woocommerce-message a.button { line-height: 28px !important;} .woocommerce a.button { line-height: 28px !important; } .woocommerce .added:before { content: ""; position:absolute; height: 30px !important; width: 30px !important; border-radius: 50% !important; top: -1px !important; right: -18px !important; text-indent: 0; } .woocommerce-cart button.button { width: 99% !important; padding: 5px 0 5px 0 !important; margin: 0 0 0 2px !important; } .woocommerce a.edit { float: left !important; margin: 0 !important;} /* -- Widgets -- */ ul.product_list_widget { margin-top: -10px !important;} ul.product_list_widget li { padding: 10px 5px !important; } ul.product_list_widget li img { margin-left: 10px !important; margin-top: 5px !important;} ul.product_list_widget li del { } ul.product_list_widget li ins { font-weight: bold; } ul.product_list_widget li div.star-rating { display: block !important; margin-bottom: 5px !important;} ul.product_list_widget li img.attachment-shop_thumbnail { width: 55px !important; height: 55px !important; margin-top: 0px !important;} ul.product_list_widget li img { float: left !important; margin: 4px 15px 0 0 !important; } ul.product_list_widget li span.reviewer { display: none;} ul.product_list_widget li a { font-size: 12px !important; line-height: 18px !important; } ul.product_list_widget li div.star-rating { font-size: 12px !important;} /*----------------------------------------------------------------------------- ----------------------------- 10 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ footer { width: 100%; height: 40px; bottom: 0; position: fixed; } footer img.logo { height: 35px; margin: 3px 20px 0 20px !important; padding: 0px;} /* -- Footer Social Icons -- */ ul.footer-social { float: right; } ul.footer-social li { float: left; height: 40px; font-size: 17px; } ul.footer-social li a { display: block; padding: 10px 15px 10px 14px;} ul.footer-menu { float: left; font-size: 12px; } .footer-menu li { float: left; height: 40px; } .footer-menu li a { display: block; padding: 10px 15px 10px 14px;} /*----------------------------------------------------------------------------- ----------------------------- 11 - Shortcodes ------------------------------------- -----------------------------------------------------------------------------*/ /* -- Buttons -- */ .simplebtn, .smallbtn { display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-weight: bold; padding: 6px 20px; text-align: center; margin: 10px 10px 0 0; } .smallbtn { padding: 0px 10px; font-weight: 600; } .smallbtn a { color: #FFF !important; } .smallbtn a:hover { background: inherit !important; text-decoration: underline;} .simplebtn:hover { opacity:.85; text-decoration: none !important; } .simplebtn i { padding-right: 5px;} a.simplebtn.blue:hover { background-color: #0099cc !important; color: #FFF !important;} a.simplebtn.green:hover { background-color: #7dc34d !important; color: #FFF !important;} a.simplebtn.green2:hover { background-color: #0fbe7c !important; color: #FFF !important;} a.simplebtn.orange:hover{ background-color: #e76b33 !important; color: #FFF !important;} a.simplebtn.gold:hover { background-color: #ffd62c !important; color: #FFF !important;} a.simplebtn.red:hover { background-color: #cc3333 !important; color: #FFF !important;} a.simplebtn.pink:hover { background-color: #d63f72 !important; color: #FFF !important; } a.simplebtn.black:hover { background-color: #3b3b3b !important; color: #FFF !important; } .simplebtn.blue { background-color: #0099cc; border: 1px solid #0099cc !important; color: #FFF !important; text-shadow: 0 -1px 0 #0099cc;} .simplebtn.green { background-color: #7dc34d; border: 1px solid #7dc34d !important; color: #FFF !important; text-shadow: 0 -1px 0 #7dc34d;} .simplebtn.green2 { background-color: #0fbe7c; border: 1px solid #0fbe7c !important; color: #FFF !important; text-shadow: 0 -1px 0 #0fbe7c;} .simplebtn.orange { background-color: #e76b33; border: 1px solid #e76b33 !important; color: #FFF !important; text-shadow: 0 -1px 0 #e76b33;} .simplebtn.gold { background-color: #ffd62c; border: 1px solid #ffd62c !important; color: #FFF !important; text-shadow: 0 -1px 0 #ffd62c;} .simplebtn.red { background-color: #cc3333; border: 1px solid #cc3333 !important; color: #FFF !important; text-shadow: 0 -1px 0 #cc3333;} .simplebtn.pink { background-color: #d63f72; border: 1px solid #d63f72 !important; color: #FFF !important; text-shadow: 0 -1px 0 #d63f72;} .simplebtn.black { background-color: #3b3b3b; border: 1px solid #3b3b3b; color: #FFF !important; text-shadow: 0 -1px 0 #3b3b3b;} /* -- Columns -- */ .one_half, .one_half_last { float:left;width:48%; margin-bottom:10px; margin-right:4%; } .one_half_last { margin-right:0;} .one_third, .one_third_last { float:left; width:30%; margin-bottom:10px; margin-right:5%; } .one_third_last { margin-right:0;} .one_fourth, .one_fourth_last { float:left; width:23.5%; margin-bottom:10px; margin-right:2%; } .one_fourth_last { margin-right:0;} /* -- Boxes info -- */ .boxinfo { box-shadow: 0px 0px 1px #fafafa, 0 2px 2px #fafafa inset; background:#ddecf5; color:#99b1c1; border:1px solid #c3d9e5; padding:15px; margin:15px 0; -moz-border-radius:2px; border-radius:2px; font-weight: bold; text-align: center;} .boxsucces { box-shadow: 0px 0px 1px #fafafa, 0 2px 2px #fafafa inset; background:#e9f6e3; color:#93c088; border:1px solid #ceedc4; padding:15px; margin:15px 0; -moz-border-radius:2px; border-radius:2px; font-weight: bold; text-align: center;} .boxerror { box-shadow: 0px 0px 1px #fafafa, 0 2px 2px #fafafa inset; background:#ffe3e3; color:#cf9494; border:1px solid #fdcdcd; padding:15px; margin:15px 0; -moz-border-radius:2px; border-radius:2px; font-weight: bold; text-align: center;} .boxnotice { box-shadow: 0px 0px 1px #fafafa, 0 2px 2px #fafafa inset; background:#fcf9da; color:#b3ad77; border:1px solid #ebe7bc; padding:15px; margin:15px 0; -moz-border-radius:2px; border-radius:2px; font-weight: bold; text-align: center;} /* -- List styles – ul -- */ ul.simplelist li { padding:3px 0 3px 15px; background: url(images/li_arrow.png) no-repeat 0px center; font-weight: 600; } ul.simplelist { margin:20px 40px; list-style-type: none;} ul.minus-blue-list li { padding:3px 0 3px 17px; background: url(images/li_minus_blue.png) no-repeat 0px center; font-weight: 600; } ul.minus-blue-list { margin:20px 40px; list-style-type: none;} ul.minus-green-list li { padding:3px 0 3px 17px; background: url(images/li_minus_green.png) no-repeat 0px center; font-weight: 600; } ul.minus-green-list { margin:20px 40px; list-style-type: none;} ul.minus-orange-list li { padding:3px 0 3px 17px; background: url(images/li_minus_orange.png) no-repeat 0px center; font-weight: 600; } ul.minus-orange-list { margin:20px 40px; list-style-type: none;} ul.minus-gold-list li { padding:3px 0 3px 17px; background: url(images/li_minus_gold.png) no-repeat 0px center; font-weight: 600; } ul.minus-gold-list { margin:20px 40px; list-style-type: none;} ul.minus-black-list li { padding:3px 0 3px 17px; background: url(images/li_minus_black.png) no-repeat 0px center; font-weight: 600; } ul.minus-black-list { margin:20px 40px; list-style-type: none;}