/* Theme Name: Boutique Theme URI: https://themeforest.net/item/boutique-grid-creative-magazine-wordpress-theme/6953175 Description: Boutique Grid = Creative Magazine WordPress Theme. For more Premium WordPress Themes, check Anthemes.com Version: 3.5 Author: An-Themes Author URI: https://anthemes.com Tags: sticky-post, right-sidebar, grid-layout, custom-colors 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. Footer 10. Shortcodes -------------------------------------------------- */ @font-face { /* Font face added for a better view for Google Chrome */ font-family: 'Lustria-Regular'; font-style: normal; font-weight: 400; src: url('css/fonts/Lustria-Regular.eot'); src: url('css/fonts/Lustria-Regular.eot?#iefix') format('embedded-opentype'), url('css/fonts/Lustria-Regular.svg#Lustria-Regular') format('svg'), url('css/fonts/Lustria-Regular.woff') format('woff'), url('css/fonts/Lustria-Regular.ttf') format('truetype'); } /*----------------------------------------------------------------------------- ----------------------------- 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 "Lustria-Regular", Helvetica, Arial, sans-serif; font-weight: 400; -webkit-text-size-adjust: none; overflow-x:hidden; } header { width: 100%; height: auto; margin: 0 auto; font-family: 'Ruda', sans-serif; } .main-header { width: 1110px; height: 130px; margin: 0 auto; } .main-menu { width: 100%; height: 40px; margin: 0 auto; } .sub-navigation { width: 100%; height: 50px; margin: 0 auto; } .sub-navigation-footer { width: 100%; height: 50px; margin: 0 auto; } header div.wrap { width: 1110px; height: auto; margin: 0 auto; } .wrap { width: 1110px; height: auto; margin: 0 auto; padding: 50px 0; } .main-content { width: 780px; height: auto; float: left; margin-left: -25px;} .single-content, .page-content { width: 755px; height: auto; float: left;} /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Logo -- */ .logo { float: left; margin-top: 40px; } /* -- Ads Header -- */ .header-ads-728 { float: right; margin: 20px 0;} /* -- Ads Header -- */ .header-ads-468 { float: right; margin: 35px 0; display: none;} /* -- Search -- */ #searchform2 { width: 380px; height: auto; float: right; margin: -41px 0 0 0;} #searchform2 #s { width: 300px; font-weight: bold; height: 34px; float: left; border: none; padding: 0 20px; font-size: 13px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } #searchform2 .buttonicon { width: 40px; height: 34px; background:url(images/btn_search.png) 12px 10px no-repeat; float: right; border: none; text-align: center; font-weight: bold; font-size: 0px; border-top-right-radius: 2px; border-bottom-right-radius: 3px; } #searchform2 .buttonicon:hover { cursor: pointer; opacity:.85; } /* -- Live Search -- */ ul.dwls_search_results { width: 340px !important; } ul.search_results li.post_with_thumb a { width: 220px !important; float:left; margin-top: 5px !important; margin-bottom: 0px !important; } ul.search_results li { padding: 10px 20px 5px 20px !important; } /* -- Popular Words -- */ .popular-words { width: auto; height: 30px; margin: -34px 10px 0 0; float: left; text-align: left; font-size: 13px !important; } .popular-words a { font-weight: bold; margin-left: 15px; font-size: 13px !important;} .popular-words a:hover { text-decoration: underline;} .popular-words strong { padding: 4px 10px; border-radius: 2px;} /* -- Top Header Menu -- ##################### */ .jquerycssmenu { font-size: 13px; font-weight: 700; float: left; margin: -50px 0 0 0; } .jquerycssmenu ul li { position: relative; display: inline; float: left; } /*Top level menu link items style*/ .jquerycssmenu ul li a { text-transform: uppercase; display: block; padding: 10px 15px 8px 15px !important; margin-right: 15px; } /*1st sub level menu*/ .jquerycssmenu ul li ul { position: absolute; z-index: 201; 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; } /*Sub level menu list items (undo style from Top level List Items)*/ .jquerycssmenu ul li ul li { display: list-item; float: none; padding: 0px 0 0px 3px !important; font-weight: 700; } /*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; } .jquerycssmenu ul li ul li a:hover { /*sub menus hover style*/ } /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass { position: absolute; top: 17px; right: 17px; } .rightarrowclass { position: absolute; top: 14px; right: 18px; } /*Responsive */ .mobileMenu { display: none;} /* -- Sticky Header -- */ .sticky { position: fixed; width: 100%; left: 0; top: 0; z-index: 999999; border-top: 0; } /* -- Top social icons -- */ ul.top-social { width: auto; float: right; margin: -50px 0 0 0; } .top-social li { float: left; line-height: 15px; padding: 11px 10px 9px 10px; font-size: 20px;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Home content -- */ .home-content { padding:0 30px 50px 30px; float: left; clear: both;} /* -- Archive-header -- */ .archive-header { width: 100%; height: auto; margin: 0 auto 50px auto; text-align: center;} .archive-header h3 { font-weight: 400; font-style: italic; font-size: 24px; line-height: 32px; word-spacing:7px; } /* -- Home blog posts -- */ ul.example-1 { float: left; } ul.example-1 li.sticky { display: none;} ul.example-1 li { width: 235px; height: 375px; float: left; margin: 0 0 0 25px;} ul.example-1 li img { width: 235px; height: 235px; object-fit: cover;} ul.example-1 li 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)}} ul.example-1 li div.post-content { width: 205px; height: auto; margin: 0 auto; } ul.example-1 li h2 { overflow-wrap: break-word; word-wrap: break-word; font-size: 14px; padding: 5px 0 0 0; line-height: 22px; font-weight: 600; } ul.example-1 li a h2 { color: #111;} ul.example-1 li a h2:hover { text-decoration: underline;} ul.example-1 li span { color: #888; font-size: 12px;} ul.example-1 li div.post-likes { width: auto; display: inline-block; border-radius: 2px; background-color: #FFF; -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.2); box-shadow: 0 1px 10px rgba(0,0,0,0.2); padding: 1px 10px; float: left; margin:-230px 0 0 10px; position: relative; } /* -- Home blog Masonry -- */ #example-2 { margin: 0 auto;} #example-2 div.list { width: 235px; height: auto; float: left; margin: 0 0 25px 25px;} #example-2 div.list img { width: 235px; height: auto;} #example-2 div.list 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)}} #example-2 div.post-content { width: 205px; height: auto; margin: 0 auto; } #example-2 h2 { overflow-wrap: break-word; word-wrap: break-word; font-size: 14px; padding: 5px 0 0 0; line-height: 22px; font-weight: 600; } #example-2 a h2 { color: #111;} #example-2 a h2:hover { text-decoration: underline;} #example-2 span { color: #888; font-size: 12px; } #example-2 p {margin-top: 10px;} /* -- 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;} /* -- Simple Pagination -- */ .pagination { width: 300px; height: auto; margin: 30px auto 0 auto; font-size: 14px; text-transform: uppercase; font-weight: 600; border-radius: 4px; text-align: center; padding: 15px 0;} .pagination a { text-align: center; padding: 0 10px;} /*----------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ img.attachment-thumbnail-single-image { width: 755px; height: auto;} .entry-top { padding: 30px 0 20px 0;} h1.article-title { font-size: 32px; font-weight: 600; line-height: 40px; margin-bottom: 10px; padding-bottom: 20px;} .page-content h1.article-title { padding-bottom: 10px; margin-bottom: 20px;} div.views-nr { width: auto; height: 35px; float: left; font-size: 20px; line-height: 38px; margin: 5px 0 0 0; padding-right: 20px; } .article-meta { text-transform: uppercase; width: auto; height: 30px; float: left; font-size: 14px; line-height: 38px; margin: 5px 0 0 0; padding-right: 20px; padding-left: 20px;} .single-share { float: left; margin: 10px 0 0 0;} .single-gallery { margin-bottom: 8px;} .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)}} /* -- Entry Banner -- */ .entry-banner { width: 300px; height: 250px; float: right; margin: 20px 0 20px 20px; } /* -- Entry bottom -- */ .entry-bottom { width: 755px; height: auto; margin: 20px auto 30px auto;} .entry-bottom h3.title { text-align: center; font-size: 14px; letter-spacing:3px; text-transform: uppercase; margin-bottom: 20px; font-weight: 600; padding-bottom: 10px; } .entry-bottom h3.title span { padding: 5px 10px;} /* -- About Author -- */ .author-meta { width: 100%; height: auto; padding: 30px 0; margin: 20px 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;} hr { margin-bottom: 10px; opacity: 0.2;} /* -- Author social icons -- */ ul.author-social { width: auto; float: left; margin: -5px 0 0 -5px !important; list-style-type: none !important; } ul.author-social li { float: left; line-height: 15px; padding: 11px 10px 9px 10px; font-size: 20px;} /* -- 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; font-size: 15px;} .entry p { padding: 10px 0; line-height: 24px;} .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin-top: 35px; 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; } /* -- Responsive Images -- */ .entry iframe { max-width: 100% !important;} .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 -- */ .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 .widget { margin-bottom: 40px; } .sidebar .widget h3.title { text-align: center; font-size: 14px; letter-spacing:3px; text-transform: uppercase; margin-bottom: 20px; font-weight: 600; padding-bottom: 10px; } .sidebar .widget h3.title span { padding: 5px 10px; border-radius: 2px;} /* -- Instagram -- */ ul.instagram-pics { float: left; margin-left: -6px; } ul.instagram-pics li { float: left; margin-left: 6px;} ul.instagram-pics li img { opacity: 0; max-width: 100%; border-radius: 3px; } ul.instagram-pics li img:hover { opacity: 0.7 !important;} ul.instagram-size-thumbnail li img { width: 147px; } .sidebar .widget:after { content: ''; display: block; clear: both !important; } ul.instagram-size-small li img { width: 147px; } /* -- Article widget -- */ ul.article_list { width: 100%; height: auto; margin:-23px auto 30px auto; } .article_list li { width: 100%; height: auto; padding: 25px 0 25px 0; border-bottom: 1px solid #f0eee9; } .article_list li img { width: 80px; height: 80px; object-fit: cover; float: left; margin-right: 15px; border-radius: 3px; } .article_list li 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)}} .article_list li h3 { font-size: 13px; line-height: 20px; padding-bottom: 5px; margin-top: -5px; } .article_list li div.an-display-time { display: block; float: left; font-size: 12px; color: #94979c; margin-top: -5px; } .sub-article-widget { width: auto; height: auto; margin-left: 95px } .sub-article-widget .an-display-view { float: left; font-size: 12px; padding: 0 15px 0 0; color: #94979c;} .sub-article-widget .an-display-comm { float: left; font-size: 12px; padding: 0 15px 0 0;} .sub-article-widget .an-display-like { float: left; font-size: 12px; padding: 0 15px 0 0;} .sub-article-widget i { color: #d2d6db;} .zilla-likes, .zilla-likes:hover, .zilla-likes.active { margin-bottom: 0px !important; } .sub-article-widget a { color: #94979c !important; } .article_list li h3 a { color: #333;} .article_list li h3 a:hover { text-decoration: underline;} /* -- Accordion -- */ .accordionButton, .accordionButton1, .accordionButton2, .accordionButton3 { width: 100%; float: left; background: url(images/plus.png) no-repeat right; cursor: pointer; padding-bottom:15px; padding-top:15px; font-weight: 600;} .accordionButton.first, .accordionButton1.first, .accordionButton2.first, .accordionButton3.first { margin-top:20px; } .accordionContent { width: 100%; float: left; padding-bottom:20px; margin-top:15px; font-size: 14px; } .on { background: url(images/minus.png) no-repeat right; } /* -- 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:7px 15px; -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:12px !important; font-weight:600;} /* -- Default Search -- */ div.widget_search #searchform2 { display: none;} /* - Widget Videos - */ .video-widget-title { margin-top: -10px; width: auto; height: auto; text-align: center; padding: 10px 0 5px 0; -moz-box-shadow: 0 0px 10px #888; -webkit-box-shadow: 0 0px 10px #888; box-shadow: 0 0px 10px #888; } /* -- Recent Entries -- */ div.widget_recent_entries ul { } .widget_recent_entries li { background: url(images/li_minus_green.png) no-repeat 0 17px; border-bottom: 1px solid #f0eee9; display: block; padding: 10px 0 10px 20px; } .widget_recent_entries li:last-child { border: none; } /* -- zilla_likes_widgets -- */ div.widget_zilla_likes_widget ul { } .widget_zilla_likes_widget li { background: url(images/li_minus_black.png) no-repeat 0 17px; border-bottom: 1px solid #f0eee9; display: block; padding: 10px 0 10px 20px; } .widget_zilla_likes_widget li:last-child { border: none; } span.zilla-likes-count { font-weight: bold;} .widget_zilla_likes_widget p { background: #FFF; text-align: center; padding: 10px; margin-top: -20px;} /* -- Recent Comments -- */ div.widget_recent_comments ul { } .widget_recent_comments li { background: url(images/li_minus_black.png) no-repeat 0 17px; 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 17px; 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 17px; 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 17px; 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;} .sidebar1 #wp-calendar tbody td { padding:5px;} #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody td#today { background-color: #000; 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; } /* -- More 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; } /* CSS Style for Tables */ tbody tr:nth-of-type(2n) {background-color: #f0f0f0 !important;} th {background-color:#222;font-weight:bold;color:#fff; } tbody tr td:nth-of-type(1) {font-weight: bold;} tbody td { padding: 2px 0;} /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ .nocomments, .nopassword, .must-log-in { text-align: center; padding: 15px 0 0 0; } ul.comment { width: 755px; margin: 0 0 50px 0; } ul.comment li { display: block; border: dashed 1px #d5d6d8; 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;} /* -- Comments -- */ .comments { width: 755px; float: left; height: auto; margin: 20px 0 0 0;} .comments h3.comment-reply-title { text-align: center; font-size: 14px; margin: 20px 0 20px 0; letter-spacing:3px; text-transform: uppercase; margin-bottom: 20px; font-weight: 600; padding-bottom: 10px; } /* -- 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: 25px 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;} /* -- Contact Form 7 Plugin -- */ form.wpcf7-form input { border:2px solid #d5d6d8; color:#333; } form.wpcf7-form textarea { border:2px solid #d5d6d8; color:#333; } form.wpcf7-form input.wpcf7-submit { background-color: #000; color: #FFF; border: none; } form.wpcf7-form .wpcf7-validation-errors { color: red;} /*----------------------------------------------------------------------------- ----------------------------- 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: 168px !important; } /* -- bbPress Plugin compatibility -- */ .bbpress img.avatar { width: inherit; } /* --- Review Plugin --- */ #review-box {background-color: #fafafa; -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.2); box-shadow: 0 1px 10px rgba(0,0,0,0.2); } .entry h2.review-box-header { text-decoration: none; text-align: center; } .entry .review-item h5 { text-decoration: none; font-weight: bold; } .entry .review-final-score h3 { text-decoration: none; } .entry .review-final-score h4 { text-decoration: none; } .review-final-score h3 { margin-top:12px !important; } .review-short-summary p { font-size: 13px; } /*----------------------------------------------------------------------------- ----------------------------- 9 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ footer { width: 100%; height: auto; bottom: 0; } footer .wrap { width: 1100px; height: auto; margin: 0 auto; padding: 50px 0 0 0; } footer ul.article_list { margin-bottom: 0px;} footer ul.article_list li:last-child { border-bottom: none;} /* -- Widget title -- */ footer .widget h3.title { text-align: center; font-size: 14px; letter-spacing:3px; text-transform: uppercase; margin-bottom: 20px; font-weight: 600; padding-bottom: 10px; } footer .widget h3.title span { padding: 5px 10px; border-radius: 2px;} /* -- Copyright -- */ .copyright { width: 750px; height: auto; margin: 0 auto; padding: 20px 0 50px 0; text-align: center; } /* -- footer banner -- */ .footer-banner-970 { width: 970px; height: 90px; margin: 0 auto 50px auto;} .footer-banner-728 { width: 728px; height: 90px; margin: 0 auto 50px auto; display: none;} .footer-banner-468 { width: 468px; height: 60px; margin: 0 auto 50px auto; display: none;} /*----------------------------------------------------------------------------- ----------------------------- 10 - 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: 2px 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.red-entry { background-color: #cc3333; color: #FFF !important; } .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:47%; margin-bottom:10px; margin-right:5%; } .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;}