/*
Theme Name: Bou
Theme URI: http://themeforest.net/user/An-Themes/portfolio
Description: Bou = Masonry Review Magazine Blog WordPress Theme. For more Premium WordPress Themes, check An-Themes portfolio. More info regarding "Bou" Theme can be found here.
Version: 2.5
Author: An-Themes
Author URI: https://anthemes.com
Tags: black, white, yellow
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
------------------------------------------------
0. CSS Reset
1a. Layout
1b. Boxed Version
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
-------------------------------------------------- */
/*-----------------------------------------------------------------------------
----------------------------- 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;}
/*-----------------------------------------------------------------------------
----------------------------- 1a - Layout -------------------------------------
-----------------------------------------------------------------------------*/
* { margin: 0; padding: 0; -webkit-appearance: none; /* < google chrome / Safari fixed issues os bad styling > */}
html body { font: 14px/22px "Ruda", Helvetica, Arial, sans-serif; font-weight: 400; -webkit-text-size-adjust: none; overflow-x:hidden; }
header { width: 100%; height: auto; margin: 0 auto; }
.main-menu { width: 100%; height: 75px; margin: 0 auto; }
.top-navigation { width: 100%; height: 40px; margin: 0 auto; overflow-x:hidden; position: relative; }
header div.wrap { width: 100%; height: auto; margin: 0 auto; padding: 0 25px; }
.wrap { width: 100%; height: auto; margin: 0 auto; padding: 30px 0; }
.wrap-box { width: 1110px; height: auto; margin: 0 auto; padding: 50px 0; }
.main-content { width: 100%; height: auto; }
#main-content-2 { width: 800px; height: auto; float: left; margin-left: -25px; }
.single-content, .page-content { width: 755px; height: auto; float: left;}
/*-----------------------------------------------------------------------------
----------------------------- 1b - Boxed Version ------------------------------
-----------------------------------------------------------------------------*/
/* - Layout - */
#version-box { width: 1160px; margin: 0 auto;}
#version-box header { width: 1160px; padding: 0 0px; }
#version-box header div.wrap { width: 100%; padding: 0 25px; }
#version-box .wrap { width: 1110px; padding: 30px 25px; }
#version-box .wrap-box { width: 1110px; padding: 50px 25px; }
#version-box .main-content { width: 1135px; margin-left: -25px; }
#background { display: none; min-width:100%; min-height:100%; top:0; left:0; z-index:-1; position:fixed; }
#version-box #searchform2 { display: none;}
#version-box #background { display: block;}
#version-box .stickytop #searchform2 { display: block;}
/* - tags - */
#version-box #tags1 { display: none;}
#version-box #tags2 { display: block;}
/* -- Home blog posts -- */
#version-box #example-1 article.list { width: 239px; }
#version-box #example-1 article.list img { width: 239px; }
#version-box #example-1 section.post-content { width: 220px;}
#version-box #example-1 div.review_score { margin: -70px 8px 0 0; }
/* -- Featured Slider -- */
#version-box #anthemes-slider { width: 1160px; height: auto; margin: 0 auto; }
#version-box #anthemes-slider .item img { width: 1160px; height: auto; }
#version-box section.slider-content { width: 300px; margin: -250px 0 0 70px;}
#version-box section.slider-content div.time_ago { display: none;}
#version-box section.slider-content h2 { font-size: 28px; line-height: 36px; }
#version-box section.slider-content p { display: none; }
#version-box .customNavigation a.prev, #version-box .customNavigation a.next { margin-top: -21% !important; }
/* -- Related posts on single page -- */
#version-box #bousingle #example-1 { margin-top: 30px !important; margin-left: -50px !important;}
#version-box #bousingle #example-1 article.list { width: 217px; }
#version-box #bousingle #example-1 article.list img { width: 217px; }
#version-box #bousingle #example-1 section.post-content { width: 200px;}
#version-box #bousingle #example-1 h2 { font-size: 16px; }
/*-----------------------------------------------------------------------------
----------------------------- 2 - Header --------------------------------------
-----------------------------------------------------------------------------*/
/* -- Featured Slider -- */
#anthemes-slider .item img { display: block; width: 100%; 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: 440px; height: auto; float: left; margin: -460px 0 0 100px; text-align: center; }
section.slider-content h2 { font-size: 40px; font-weight: normal; line-height: 46px; }
section.slider-content p { font-size: 20px; font-weight: normal; line-height: 32px; opacity: 0.8; }
section.slider-content div.time_ago { display: block; position: relative; font-size: 10px; text-align: center; margin: 15px 0 10px 0; }
section.slider-content div.time_ago span { text-transform: uppercase; padding: 2px 10px; border-radius: 10px; }
section.slider-content a.slider-readmore { text-transform: uppercase; border-radius: 3px; font-weight: bold; display: inline-block; margin-top: 15px; padding: 8px 20px 5px 20px;}
section.slider-content a.slider-readmore i { padding-left: 5px; font-size: 13px;}
section.slider-content a.slider-readmore:hover { opacity: 0.7;}
.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 { padding: 9px 5px 2px 0; width: 50px; height: 50px; float: left; position: relative; margin-top: -19%; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.customNavigation a.next { padding: 9px 0 2px 5px; width: 50px; height: 50px; float: right; position: relative; margin-top: -19%; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
/* -- Logo -- */
.logo { float: left; margin-top: 0px; }
/* -- Banners -- */
.home-970 { width: 970px; height: 90px; margin: 0 auto 25px auto;}
.home-728 { display: none; width: 728px; height: 90px; margin: 0 auto 25px auto;}
.home-468 { display: none; width: 468px; height: 60px; margin: 0 auto 25px auto;}
.home-300 { display: none; width: 300px; height: 250px; margin: 0 auto 25px auto;}
/* -- Search -- */
#searchform2 { height: auto; float: right; margin: 19px 50px 0 0; }
#searchform2 #s { font-family: 'Ruda', sans-serif; font-weight: bold; height: 36px; float: left; border: none; padding: 2px 20px 0 20px; font-size: 13px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
#searchform2 .buttonicon { width: 40px; height: 38px; background:url(images/btn_search.png) 12px 12px 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; }
#s { position: absolute; z-index: 11; right: 65px !important; 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: 300px; }
/* -- 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 -- */
#tags2, #tags3 { display: none;}
.popular-words { width: auto; height: 30px; margin: 9px 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: 16px; font-weight: 700; float: left; margin: 18px 0 0 30px; 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: 10px 15px 8px 15px !important; margin-right: 15px; }
.jquerycssmenu ul li.current_page_item a { border-radius: 3px;}
.jquerycssmenu ul li.current-menu-ancestor a { border-radius: 3px;}
.jquerycssmenu ul li:hover a { border-radius: 3px }
.jquerycssmenu ul li.current-menu-item a { border-radius: 3px;}
.jquerycssmenu ul li.current-post-parent a { border-radius: 3px;}
/*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: -2px; 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; padding: 0px !important; font-weight: 700; }
.jquerycssmenu ul li ul li a:hover { background: url(images/line-menu.png) 15px 26px no-repeat;}
/*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: 17px; right: 17px; }
.rightarrowclass { position: absolute; top: 14px; right: 18px; }
/*Responsive */
.mobileMenu { display: none;}
/* -- Sticky Header -- */
.stickytop { position: fixed; width: 100%; height: 50px; left: 0; top: 0; z-index: 100; border-top: 0; }
.stickytop .jquerycssmenu { margin-top: 5px; }
.stickytop .logo { height: auto; max-height: 50px;}
.stickytop #searchform2 { margin-top: 6px;}
header .stickytop { z-index: 101 !important; /* Show toolbar when viewing site */}
#wpadminbar { z-index: 99 !important;}
/* -- Top social icons -- */
ul.top-social { width: auto; float: right; margin: 0px 40px 0 0; }
.top-social li { float: left; line-height: 15px; padding: 11px 10px 9px 10px; font-size: 20px;}
/*-----------------------------------------------------------------------------
----------------------------- 3 - Home Content --------------------------------
-----------------------------------------------------------------------------*/
/* -- Archive-header -- */
.archive-header { width: 100%; height: auto; margin: 0 auto 20px 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 -- */
#example-1 { margin-left: -25px; }
#example-1 article.list { border-left: 1px solid #eae9e9; width: 265px; height: auto; float: left; margin: 0 0 0 25px; overflow: hidden; padding: 0 0 25px 25px;}
#example-1 article.list img { width: 265px; height: auto; border-radius: 1px; border-top: 1px solid #eae9e9; padding-top: 25px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#example-1 article.list img:hover { -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; 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-1 section.post-content { width: 265px; height: auto; margin: 0 auto; }
#example-1 h2 { overflow-wrap: break-word; word-wrap: break-word; font-size: 18px; padding: 0 20px 0 20px; line-height: 28px; font-weight: 600; text-align: center; }
#example-1 a h2 { color: #000;}
#example-1 a h2:hover { text-decoration: underline;}
#example-1 div.time_ago { color: #000; font-size: 10px; text-align: center; margin: 15px 0 10px 0; }
#example-1 div.time_ago span { text-transform: uppercase; background-color: #ffd800; padding: 2px 10px; border-radius: 10px; }
#example-1 div.review_score { border-radius: 1px; margin: -65px 8px 0 0; padding-top: 20px; text-align: center; font-size: 30px; color: #000; position: relative; width: 60px; height: 55px; float: right; background: #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);}
#example-1 div.review_point { font-size: 12px; text-transform: uppercase; }
#example-1 p { text-align: center; padding-top: 10px;}
#example-1 hr { border-top: 1px solid #eae9e9; opacity: 1.0; border-left: none; border-right: none; border-bottom: none;}
/* -- Home with sidebar -- */
#main-content-2 #example-1 article.list { width: 222px; }
#main-content-2 #example-1 article.list img { width: 222px; }
#main-content-2 #example-1 section.post-content { width: 210px;}
#main-content-2 #example-1 div.review_score { margin: -70px 8px 0 0; }
/* -- Related posts on single page -- */
#bousingle #example-1 { margin-top: 30px !important; }
#bousingle #example-1 h2 { overflow-wrap: break-word; word-wrap: break-word; font-size: 16px; }
#bousingle #example-1 article.list { width: 207px; }
#bousingle #example-1 article.list img { width: 207px; }
#bousingle #example-1 section.post-content { width: 200px;}
/* -- 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: 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;}
hr { margin-bottom: 10px; opacity: 0.2;}
a.author-nrposts { float: left; width: 26px; height: 26px; margin-right: -30px; position: relative; display: inline-block; text-align: center; background-color: #ffd800; color: #000 !important; border-radius: 13px; font-size: 12px; line-height: 26px; position: relative; }
/* -- 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; }
.entry p { padding: 10px 0; }
.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%;}
.entry img, .wp-caption { max-width: 100%; }
.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: 6px 10px 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; float: left; margin-right: 15px; border-radius: 3px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
.article_list li img:hover { -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; 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; }
.article_list li div.an-display-time { display: block; float: left; color: #000; font-size: 10px; margin-top: -5px; }
.article_list li div.an-display-time span { text-transform: uppercase; background-color: #ffd800; padding: 2px 10px; border-radius: 10px; }
.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 16px; 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 16px; 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 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/icon-cat.png) no-repeat 0 13px; 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;}
ul.comment li ul.children { margin: 20px 0 0 0;}
/* -- 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;}
/*-----------------------------------------------------------------------------
----------------------------- 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;}