/*
Theme Name: Foot WP (shared on wplocker.com)
Theme URI: http://themeforest.net/user/An-Themes/portfolio
Description: Foot = Grid Front-end Submission Content Sharing. For more Premium WordPress Themes, check An-Themes portfolio. More info regarding "Foot" Theme can be found here.
Version: 1.8
Author: An-Themes
Author URI: http://themeforest.net/user/An-Themes/portfolio
Tags: black, white, red
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
-------------------------------------------------- */
/*-----------------------------------------------------------------------------
----------------------------- 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;}
*: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 or bad styling -webkit-transition: none; > */}
html body { font: 14px/22px "Ruda", Helvetica, Arial, sans-serif; font-weight: 400; -webkit-text-size-adjust: none; overflow-x:hidden; }
/* - Header - */
header { width: 100%; height: auto; margin: 0 auto; }
.main-header { width: 1210px; height: 90px; margin: 0 auto; padding: 0 25px; }
.sub-header { width: 100%; height: 70px; margin: 0 auto; }
.wrap-middle { width: 1210px; height: auto; margin: 0 auto; }
/* - Layout content - */
.home-fullwidth { width: 100%; height: auto; margin: 0 auto 0 auto; padding: 0 0px; overflow: hidden;}
.wrap-fullwidth { width: 1210px; height: auto; margin: 40px auto; padding: 0 0px;}
.wrap-fullwidth-bg { width: 1210px; height: auto; margin: 40px auto; padding: 5px 0px 30px 0;}
.wrap-fullwidth-bg .entry { width: auto; padding-left: 115px; padding-right: 115px;}
/* - page-content - */
.wrap-content { width: 1210px; height: auto; margin: 40px auto 40px auto; }
.wrap-content-full { width: 94%; height: auto; margin: 40px auto 40px auto; }
.single-content { width: 875px; float: left; padding: 0 0 25px 0;}
.home-sidebar { width: 875px; float: left; padding: 0 0 25px 0;}
.sidebar { width: 300px; float: right; }
.sidebar-left { width: 250px; height: auto; float: left; padding: 25px 25px 0 25px; z-index:2; margin: 0 0 -20000px 0;}
#sidebar-grid { margin: 0 0 -20000px 0; padding: 25px 25px 20000px 25px;}
/*-----------------------------------------------------------------------------
----------------------------- 2 - Header --------------------------------------
-----------------------------------------------------------------------------*/
/* -- Logo -- */
.logo { float: left; max-height: 90px; }
/* -- Bar Top -- */
.bar-top { width: 100%; height: 36px; }
.bar-top strong { float: left; margin-top: 7px; font-weight: 100; font-size: 12px; }
.bar-top strong a { margin: 0 2px;}
/* -- Chrome CSS -- */
@media screen and (-webkit-min-device-pixel-ratio:0) { .bar-top strong { margin-top: 8px; } }
/* -- Top list bar top menu -- */
.toplist { float: right;}
.toplist li { float: left; margin-top: 7px; font-size: 13px; margin-left: 15px;}
.toplist li a { margin: 0 2px; font-size: 12px;}
.toplist li a i { font-size: 12px; }
/* -- Upload Button -- */
div.uploadbtn { float: right; margin: 21px 0 0 5px;}
div.uploadbtn .simplebtn { padding: 4px 10px 3px 10px; font-size: 13px; }
div.uploadbtn .simplebtn i { padding-right: 0; padding-top: 5px; line-height: 16px;}
div.uploadbtn .simplebtn span { display: none; }
div.uploadbtn .simplebtn:hover span { display: inline-block; }
/* -- Top social icons -- */
.top-social { width: auto; height: 70px; float: right; margin: 0 0 0 0; display: block; padding-left: 20px; }
.top-social li { float: left; font-size: 18px; text-align: center; margin-top: 13px; margin-left: 2px;}
.top-social li a i { padding: 15px 8px;}
/* -- Search -- */
#searchform2 { height: auto; float: right; margin: 31px 0 0 0; border-radius: 5px; }
#searchform2 #s { font-weight: bold; height: 30px; font-family: 'Ruda', sans-serif; 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: 32px; height: 32px; background:url(images/btn_search.png) 8px 9px 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 { width: 100px; -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: 162px; overflow: hidden;}
/* -- Live Search -- */
ul.dwls_search_results { width: 233px !important; z-index: 999999 !important; }
ul.search_results li.post_with_thumb a { width: 130px !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: 15px; font-weight: 700; float: left; padding-top: 24px; margin: 0 0 0 60px; position: relative;}
.jquerycssmenu ul li { position: relative; display: inline; float: left; padding: 0; }
.jquerycssmenu ul li i { padding: 0 2px; font-size: 16px; margin-top: 5px;}
.jquerycssmenu ul li span { display: block; margin-top: -20px; font-size: 12px; font-weight: normal; }
.jquerycssmenu ul li.current_page_item > a:after { width: 100%; position: relative;}
.jquerycssmenu ul li > a:after { display: block; margin-top: -7px; content: ""; width: 0px; height: 2px; transition: all 300ms ease 0s;}
.jquerycssmenu ul li:hover > a:after { width: 100%; position: relative;}
.jquerycssmenu ul li ul li:hover > a:after { width: 0px;}
/*Top level menu link items style*/
.jquerycssmenu ul li a {display: block; padding: 4px 8px 27px 8px !important; margin-right: 15px; line-height: 38px; }
.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: 0px; margin-left: -24px; padding: 15px; 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:-14px 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: 35px; left: 37%; }
.rightarrowclass { position: absolute; top: 14px; right: 18px; }
/* -- Menu Categories -- */
.menu-categories { float: left; margin: 0 0 0 35px; display: block; }
.menu-categories .downarrowclass { top: 45px !important; display: none; }
.menu-categories .jquerycssmenu { float: left; font-size: 11px; padding-top: 15px; margin-left: 25px;}
.menu-categories .jquerycssmenu li { float: left; display: inline-block; text-align: left; margin-top: 0px;}
.menu-categories .jquerycssmenu ul li a { margin-right: 25px !important; padding-bottom: 3px !important; }
.menu-categories .jquerycssmenu ul li ul li a { margin-right: 0px !important;}
.menu-categories .jquerycssmenu ul li ul li ul li a { margin-right: 0px !important;}
.menu-categories .downarrowclass { top: 32px; }
.menu-categories .jquerycssmenu ul li ul { padding: 10px 0 15px 0; margin-top:0px; margin-left: -10px;}
.menu-categories .jquerycssmenu ul li i { margin: 0px 0 -7px 0 !important; display: block; text-align: center; font-size: 19px !important;}
/* -- Sticky Header -- */
header .stickytop { position: fixed; top:0; left:0; height: 60px; width: 100%; z-index: 999999; }
header .stickytop .sticky-on { width: 1260px; height: 60px; margin: 0 auto; }
header .stickytop .logo { height: 60px; margin-left: 2px; }
header .stickytop .jquerycssmenu { margin-top: -15px;}
header .stickytop .jquerycssmenu ul li ul { margin-top: -16px;}
header .stickytop #searchform2 { margin-top: 15px; margin-right: 5px;}
header .stickytop div.uploadbtn { float: right; margin: 5px 40px 0 0px;}
/* -- Custom Drop-down Categories --*/
.custom-dropdown--white form option { font-weight: 700 !important; }
.custom-dropdown--white form > select { font-weight: 700; font-family: 'Ruda', sans-serif; border-radius: 3px; border: 0;}
.custom-dropdown { margin-top: 19px; float: left;}
.custom-dropdown select { padding: 8px 50px 8px 15px; }
.custom-dropdown option { margin: 0 20px;}
.custom-dropdown select:hover { cursor: pointer;}
.custom-dropdown__select{ font-size: inherit; padding: .5em; margin: 0; }
.custom-dropdown__select--white { font-weight: 700; padding: 0 15px; }
@supports (pointer-events: none) and
((-webkit-appearance: none) or
(-moz-appearance: none) or
(appearance: none)) {
.custom-dropdown { position: relative; display: inline-block; vertical-align: middle; }
.custom-dropdown__select { padding-right: 2.5em; border: 0; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.custom-dropdown::before, .custom-dropdown::after { content: ""; position: absolute; pointer-events: none; }
.custom-dropdown::after { content: "\25BC"; height: 1em; font-size: 10px; line-height: 1; right: 1.0em; top: 52%; margin-top: -.5em; }
.custom-dropdown::before { width: 2em; right: 0; top: 0; bottom: 0; border-radius: 0 3px 3px 0; }
@-moz-document url-prefix() {
.custom-dropdown__select { padding-right: .9em }
.custom-dropdown--large .custom-dropdown__select { padding-right: 1.3em }
.custom-dropdown--small .custom-dropdown__select { padding-right: .5em }
}
}
/*-----------------------------------------------------------------------------
----------------------------- 3 - Home Content --------------------------------
-----------------------------------------------------------------------------*/
/* ##### Big Search #####
######################### */
/* -- Sub Header -- */
.front-overlay-content { width: 100%; height: 360px; background-size: cover; background-position: center; position: relative; margin: 0 auto; }
.front-overlay-wrap { width: 100%; height: 360px; text-align: center;}
.front-overlay-wrap h1 { padding-top: 100px; font-weight: 400; font-size: 26px; line-height: 36px; word-spacing:7px; }
.welcome-disable { width: 100%; height: 1px; padding-top: 72px;}
/* -- Sub Header Search -- */
.front-overlay-content #searchform1 { width: 680px; height: auto; margin: 30px auto 5px auto;}
.front-overlay-content #searchform1 #q { width: 520px; font-weight: bold; height: 50px; font-family: 'Ruda', sans-serif; float: left; border: none; padding: 0 20px; font-size: 13px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.front-overlay-content #searchform1 .buttonicon { width: 120px; height: 50px; float: right; border: none; text-align: center; font-size: 20px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.front-overlay-content #searchform1 .buttonicon:hover { cursor: pointer; opacity:.85; }
/* -- Sub Header Search ( Popular Words ) -- */
.popular-words { width: 680px; height: 30px; margin: 0 auto; text-align: left; font-size: 12px !important; }
.popular-words a { font-weight: bold; margin-left: 7px; font-size: 12px !important;}
/* -- Front-end Submission Form -- */
.ap-plugin-link-wrapper { display: none;}
.ap-form-field-wrapper select { height: 40px; -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1); font-weight: bold; border: 1px solid #eae9e9; }
form.ap-form-wrapper div.ap-form-field input { height: 40px; -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1); font-weight: bold; border: 1px solid #eae9e9; }
form.ap-form-wrapper label { font-size:11px !important; font-weight: bold; }
.ap-form-error-message { font-size:11px; font-weight: bold;}
form.ap-form-wrapper div.ap-form-error-message { margin-bottom: 20px !important;}
form.ap-form-wrapper #ap_form_content_editor { -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1); font-weight: bold; border: 1px solid #eae9e9; }
#wp-ap_form_content_editor-editor-tools { margin-top: -35px !important; }
.ap-form-field-wrapper { margin-bottom: 30px; margin-top: 20px;}
.ap-form-wrapper h2 { font-size: 16px; display: none;}
input.ap-form-submit-button { 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: 3px 25px; text-align: center; }
input.ap-form-submit-button:hover { opacity:.85; cursor: pointer; }
.ap-post-submission-message { 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;}
/* ##### Featured Slider home #####
################################## */
#featured-slider { width: 100%; height: auto; display: none; }
#featured-slider .item { width: 480px; height: 385px; float: left; }
#featured-slider .item img { width: 480px; height: 385px; }
#featured-slider .item img:hover { cursor: e-resize; }
#featured-slider .content { width: 100%; height: 110px; margin: -110px auto 0 auto; position: relative; background:url(images/1px.png); }
#featured-slider .content h3 { font-size: 18px; padding: 20px 75px 42px 75px; line-height: 24px; }
#featured-slider:hover .owl-prev { opacity: 1; left: 25px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;}
#featured-slider:hover .owl-next { opacity: 1; right: 25px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
.entry-content-fp { width: auto; height: auto; float: left; margin: -40px 0 0 75px;}
.owl-prev, .owl-next { opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; margin-top: -212px; position: relative; border-radius: 2px;}
.owl-prev i, .owl-next i { font-size: 22px;}
.owl-prev { float: left; left: -5px; padding: 7px 14px 4px 12px; }
.owl-next { float: right; right: -5px; padding: 7px 12px 4px 14px; }
/* ##### Random Slider footer #####
################################### */
#random-slider { width: 100%; height: auto; display: none; }
#random-slider .item { width: 480px; height: 240px; float: left; }
#random-slider .item img { width: 480px; height: 240px; }
#random-slider .item img:hover { cursor: e-resize; }
#random-slider .item:hover img { opacity: 1;}
#random-slider .content { width: 100%; height: 110px; margin: -110px auto 0 auto; position: relative; background:url(images/1px.png); }
#random-slider .content h3 { font-size: 18px; padding: 20px 75px 42px 75px; line-height: 24px;}
#random-slider:hover .owl-prev { opacity: 1; left: 25px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;}
#random-slider:hover .owl-next { opacity: 1; right: 25px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#random-slider .owl-prev, #random-slider .owl-next { opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; margin-top: -140px; position: relative; background-color: #e65f28; border-radius: 2px;}
.owl-prev i, .owl-next i { color: #FFF; font-size: 22px;}
.owl-prev { float: left; left: -5px; padding: 7px 14px 4px 12px; }
.owl-next { float: right; right: -5px; padding: 7px 12px 4px 14px; }
/* -- Categories -- */
.post-category { float: left; display: inline-block; }
.post-category a { padding: 1px 4px; border-radius: 2px; text-transform: uppercase; font-size: 11px; }
/* -- Review -- */
.review-box-nr { float: left; padding: 1px 4px 1px 4px; margin: 3px 10px 0 5px; border-radius: 2px; font-size: 11px !important; line-height: 14px; }
.review-box-nr i { font-size: 10px; }
/* -- Time / Views -- */
.post-time, .post-view { float: left; font-size: 11px; margin-left: 15px; text-transform: uppercase;}
/* ###### Most viewed Articles ######
#################################### */
.mv-wrap { display: none; width: 1210px; height: auto; margin: 40px auto 0 auto; padding: 0 0px; }
.mv-content { width: auto; padding: 30px 0 30px 30px;}
/* -- Small list -- */
ul.mv_list_small { width: 800px; height: auto; float: left; list-style-type: none !important; }
ul.mv_list_small li { float: left; width: 180px; height: 260px; margin: 0 0 0 20px;}
ul.mv_list_small li img { width: 180px; height: 180px; border-radius: 2px;}
ul.mv_list_small li img:hover { cursor: e-resize; }
ul.mv_list_small li h3 { font-size: 14px; line-height: 20px; margin-top: 10px; text-decoration: none;}
ul.mv_list_small li h3 span { padding: 1px 6px 0 6px; border-radius: 2px;}
ul.mv_list_small:hover .owl-prev { opacity: 1; left: 40px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;}
ul.mv_list_small:hover .owl-next { opacity: 1; right: 25px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
ul.mv_list_small .owl-prev, ul.mv_list_small .owl-next { opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; margin-top: -180px; position: relative; border-radius: 2px;}
/* -- Big list -- */
ul.mv_list_big { float: left; position: relative; }
ul.mv_list_big li.item { float: left; width: 350px; height: 350px;}
ul.mv_list_big li img { width: 350px; height: 350px; border-radius: 2px;}
ul.mv_list_big .content { width: 100%; height: 110px; margin: -116px auto 0 auto; position: relative; background: url(images/1px.png); }
ul.mv_list_big .content h3 { font-size: 15px; padding: 20px 25px 42px 25px; line-height: 22px; }
ul.mv_list_big .entry-content-fp { width: auto; height: auto; float: left; margin: -40px 0 0 25px;}
/* -- Responsive AD Area -- */
.mv-adv { width: 780px; height: 90px; float: left; margin-left: 20px; }
/* -- Arrow Left Corner -- */
.mv-arrow i { margin: 5px 0 0 4px;}
.mv-arrow { width: 100px; height: 0px; position: relative; }
.mv-arrow:before { content: ''; position: absolute; border-bottom: 36px solid white; border-left: 36px solid #ddd; width: 0; }
/* -- Tooltip -- */
a.tooltip { outline:none; }
a.tooltip h4 { font-size: 13px; line-height: 18px; margin-top: -5px; }
a.tooltip img { width: auto !important;}
a.tooltip strong { line-height:30px;}
a.tooltip:hover { text-decoration:none;}
a.tooltip span { z-index:102;display:none; padding:14px 20px; margin-top:-12px; margin-left:28px; width:260px; line-height:20px; }
a.tooltip:hover span { display:inline; position:absolute; }
.callout { z-index:20;position:absolute;top:20px;border:0;left:-12px;}
a.tooltip span { border-radius:4px; }
/* -- Chrome CSS -- */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
a.tooltip span { margin-top:-45px; margin-left:40px; }
a.marginchrome span { margin-top: -15px !important;}
}
/* ###### Blog Magazine style ######
#################################### */
.magazine_div { width: auto; height: auto; margin: 0 0 10px 300px; z-index: 1; }
ul.magazine-list { width: 100%; height: auto; margin: 0 0 0 0; }
ul.magazine-list .post-category { margin-right: 5px; }
ul.magazine-list li { width: auto; height: auto; display: block; padding: 25px 0; margin: 0 25px; }
ul.magazine-list li div.m195px {margin-left: 195px;}
ul.magazine-list li.small { min-height: 180px; max-height: auto; }
ul.magazine-list li img.fullwidth { width: 100%; height: 270px;}
ul.magazine-list li:last-child { }
ul.magazine-list li img { float: left; border-radius: 2px; margin-bottom: 0px; }
ul.magazine-list li img.smallleft { width: 180px; height: 180px; margin-right: 15px;}
ul.magazine-list li p { padding-top: 10px;}
ul.magazine-list .article-category i { float: right; border-style: solid; border-width: 11px 5px 11px 10px; margin: -1px -15px -5px 0px; height: 1px; width: 0px; }
ul.magazine-list .article-category { border-radius: 2px; position: absolute; margin: 10px 0 0 30px; font-size: 11px; text-transform: uppercase; padding: 1px 10px 0 10px;}
ul.magazine-list .article-category:hover { opacity: 0.9;}
ul.magazine-list .article-category:hover i { opacity: 0.9;}
ul.magazine-list .an-widget-title h2 { font-size: 22px; line-height: 28px; margin-top: 15px;}
ul.magazine-list .an-widget-title h2.smalltitle { font-size: 18px; line-height: 28px; }
ul.magazine-list .review-box-nr { margin-left: 0px;}
ul.magazine-list .review-box-nr i { font-size: 10px !important; }
ul.magazine-list .an-widget-title i { font-size: 12px; padding-left: 2px;}
ul.magazine-list .an-widget-title span { font-size: 11px; }
/* ###### Blog Pinterest style ######
##################################### */
ul.pinterest-style { margin: 25px 0 25px 25px;}
ul.pinterest-style li { float: left; width: 250px; padding: 10px 10px 10px 10px; margin: 0 30px 30px 0; height: auto; }
ul.pinterest-style li img { width: 100%; height: auto; float: left; border-radius: 2px;}
ul.pinterest-style li { background-color: #FFF; -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1); }
ul.pinterest-style li:hover { -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3); box-shadow: 0 1px 5px rgba(0,0,0,0.3); }
ul.pinterest-style li:hover .sub-article-pinterest { display: block; position: absolute; }
.sub-article-pinterest { background-color: #FFF; width: 100%; height: 20px; margin: 0 0 0 -10px; padding-bottom: 8px; display: none; }
.sub-article-pinterest .an-display-view { float: right; font-size: 11px; padding: 3px 15px 0 0;}
.sub-article-pinterest .an-display-comm { float: right; font-size: 11px; padding: 3px 15px 0 0;}
.sub-article-pinterest .an-display-like { float: right; font-size: 11px; padding: 3px 15px 0 0;}
.sub-article-pinterest .zilla-likes,
.sub-article-pinterest .zilla-likes:hover,
.sub-article-pinterest .zilla-likes.active { margin-bottom: 0px !important; }
.sub-article-pinterest { color: #94979c; }
.sub-article-pinterest i { color: #d2d6db;}
.sub-article-pinterest a { color: #94979c !important; }
ul.pinterest-style li h3 { width: 250px; background-color: #FFF; padding-bottom: 10px; font-size: 16px; line-height: 22px; display: none; }
ul.pinterest-style li:hover h3 { display: block; position: absolute; }
/* ###### Blog Amazing Grid style ######
##################################### */
.grid_div { width: auto; height: auto; margin: 0 0 10px 300px; z-index: 1; }
.grid_div .archive-header { padding: 25px 0 0 25px;}
ul.amazing-grid { margin: 25px;}
ul.amazing-grid li { float: left; width: auto; height: auto; padding: 25px; }
ul.amazing-grid li.small { width: 250px; height: auto; }
ul.amazing-grid li.big { width: 550px; height: auto; }
ul.amazing-grid li img { width: 100%; height: auto; float: left; border-radius: 2px; margin-bottom: 0px; }
ul.amazing-grid li p { padding-top: 10px;}
ul.amazing-grid .post-category { margin-right: 5px; }
ul.amazing-grid .article-category i { float: right; border-style: solid; border-width: 11px 5px 11px 10px; margin: -1px -15px -5px 0px; height: 1px; width: 0px; }
ul.amazing-grid .article-category { border-radius: 2px; position: absolute; margin: 10px 0 0 30px; font-size: 11px; text-transform: uppercase; padding: 1px 10px 0 10px;}
ul.amazing-grid .article-category:hover { opacity: 0.9;}
ul.amazing-grid .article-category:hover i { opacity: 0.9;}
ul.amazing-grid .an-widget-title h2 { font-size: 22px; line-height: 28px; margin-top: 15px;}
ul.amazing-grid .an-widget-title h2.smalltitle { font-size: 18px; line-height: 22px; margin-top: 15px; }
ul.amazing-grid .review-box-nr { margin-left: 0px;}
ul.amazing-grid .review-box-nr i { font-size: 10px !important; }
ul.amazing-grid .an-widget-title i { font-size: 12px; padding-left: 2px;}
ul.amazing-grid .an-widget-title span { font-size: 11px; }
ul.amazing-grid li { background-color: #FFF; -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1); }
ul.amazing-grid li:hover { background-color: #fafafa; -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3); box-shadow: 0 1px 5px rgba(0,0,0,0.3); }
ul.amazing-grid li h3:hover { color: #000; }
ul.amazing-grid li .an-display-author a { color: #ee9622;}
ul.amazing-grid .article-category { background-color: #e23129; }
ul.amazing-grid .article-category a { color: #FFF;}
ul.amazing-grid .an-widget-title i { color: #ee9622; }
ul.amazing-grid .an-widget-title span { color: #94979c;}
ul.amazing-grid .an-widget-title span a { border-bottom: 1px solid #ee9622; }
/* ###### Blog Masonry style ######
#################################### */
#infinite-articles { opacity: 0;}
ul.grid_list { width: auto; height: auto; margin: 0 0 0 -2%; }
ul.grid_list li { width: 23%; height: auto; float: left; margin: 0 0 2% 2%; }
ul.grid_list li img { width: 100%; float: left; margin-bottom: 0px; border-radius: 2px;}
ul.grid_list .content { width: 100%; height: auto; float: left; margin: 25px 0 20px 0; }
ul.grid_list .content h2 { font-size: 15px; padding: 0 20px 0 20px; line-height: 20px;}
ul.grid_list .entry-content-grid { position: relative; width: auto; height: auto; float: left; margin: 3px 0 0 20px;}
ul.grid_list li div.excerpt { padding: 0 20px 20px 20px; font-size: 13px;}
ul.grid_list li div.excerpt .simplebtn { padding: 1px 10px 0 10px; font-size: 12px; }
/* -- Likes -- */
div.post-likes { width: auto; height: 22px; display: inline-block; border-radius: 2px; padding: 1px 10px 0 10px; float: left; margin: 10px 0 -50px 10px; position: relative; z-index: 101; }
div.post-likes { 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);}
div.post-likes a { color: #888 !important; font-size: 13px;}
/* -- author and meta -- */
ul.grid_list .author-box { width: 100%; height: auto; margin-top: 20px; padding-top: 20px;}
.author-box .at-img { float: left; width: 34px; height: 34px;}
.author-box .at-img img { float: left; border-radius: 50%;}
.author-box .at-links { float: left; margin-left: 10px; }
.author-box .at-links a { font-weight: bold; font-size: 12px;}
.author-box .at-time { font-size: 11px; margin-top: -7px; }
#author-box-single { width: 100%; padding: 10px 0; margin-bottom: 10px; border-top: 1px solid rgba(241, 241, 241, 0.7); border-bottom: 1px solid rgba(241, 241, 241, 0.7);}
#author-box-single .author-box .at-img { width: 50px; height: 50px;}
#author-box-single .author-box .at-links a { font-weight: bold; font-size: 16px; }
#author-box-single .author-box .at-links { margin-top: 7px;}
#author-box-single .author-box .at-time { font-size: 12px; margin-top: -5px; }
/* -- Trophy Featured article -- */
.trophy-featured { float: right;}
.trophy-featured i { font-size: 20px; margin: 8px 0 0 0;}
/* -- Home + Sidebar / Masonry style -- */
.home-sidebar ul.grid_list { margin: 0 0 0 -3%; }
.home-sidebar ul.grid_list li { width: 30.3%; height: auto; float: left; margin: 0 0 3% 3%; }
/* -- infinite scroll Pagination -- */
#infscr-loading { width: 40px; height: 40px; border-radius: 3px; display: block; position: fixed; bottom: 10px; right: 55px; z-index:999999;}
#infscr-loading span { margin: 0 0 0 12px; line-height: 40px; font-size: 16px; }
#infscr-loading img { margin: 12px 0 0 12px;}
/* -- Pagination -- */
.wp-pagenavi { float: none; width: 100%; text-align: center; padding: 20px 0; font-size: 15px; }
.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;}
/* -- Default pagination numbers -- */
.defaultpag { }
.defaultpag .sright { float: right; margin: 40px 100px 40px 0;}
.defaultpag .sleft { float: left; margin: 40px 0 40px 100px;}
/* -- Chrome CSS -- */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
/* -- upload button -- */
div.uploadbtn .simplebtn i { padding-bottom: 1px !important; line-height: 17px !important; }
/* -- Review -- */
.review-box-nr { margin: 5px 10px 0 5px !important; line-height: 11px !important;}
/* -- Pagination -- */
.wp-pagenavi a, .wp-pagenavi span { padding:7px 13px 4px 13px !important; }
/* -- Featured Articles Slider -- */
.post-time, .post-view { margin-top: 2px;}
}
/*-----------------------------------------------------------------------------
----------------------------- 4 - Entry Content -------------------------------
-----------------------------------------------------------------------------*/
/* -- Archive-header -- */
.archive-header { text-align: left; margin: 0 0 20px 0;}
.archive-header h3 { font-weight: 400; font-size: 18px; }
.archive-header h3:after { display: block; content: ""; width: 30px; height: 2px; margin-top: 5px; margin-bottom: 15px; }
/* -- About Author -- */
.author-meta { width: 100%; height: auto; float: left; }
.author-info { width: auto; height: auto; margin: 5px 25px -15px 95px;}
.author-meta strong { text-transform: uppercase; padding-right: 10px; }
.author-info p { margin-top: -5px !important; font-size: 13px !important; line-height: 24px !important; }
.author-info a.author-link { text-decoration: underline; padding-left: 8px; font-size: 13px;}
.author-left-meta { width: 70px; height: auto; float: left; padding: 0 25px 0 0;}
.author-left-meta img.avatar { width: 70px; height: 70px; margin-top: 8px; }
ul.author-social-top { float: left; margin: -3px 0 0 -4px !important;}
ul.author-social-top li { float: left; font-size: 12px; display: inline-block; }
ul.author-social-top li a { width: 20px; height: 20px; display: inline-block; }
ul.author-social-top li a:hover{ opacity: 0.7;}
ul.author-social-top li a i { padding-left: 3px;}
/* -- Single Share -- */
#single-share { margin-top: 5px; }
#single-share a span { color: #FFF;}
#single-share a:hover { opacity: 0.8;}
#single-share a.fbbutton { float: left; padding:4px 15px 2px 15px; margin-right: 10px; font-size: 13px; text-transform: uppercase; border-radius: 2px; display: inline-block; background-color: #3b5998; color: #FFF !important;}
#single-share a.twbutton { float: left; padding:4px 15px 2px 15px; margin-right: 10px; font-size: 13px; text-transform: uppercase; border-radius: 2px; display: inline-block; background-color: #00aced; color: #FFF !important;}
#single-share a.pinbutton { float: left; padding:4px 15px 2px 15px; margin-right: 10px; font-size: 13px; text-transform: uppercase; border-radius: 2px; display: inline-block; background-color: #ca212a; color: #FFF !important;}
#single-share a.googlebutton{ float: left; padding:4px 15px 2px 15px; margin-right: 10px; font-size: 13px; text-transform: uppercase; border-radius: 2px; display: inline-block; background-color: #eb4026; color: #FFF !important;}
#single-share a.emailbutton { float: left; padding:4px 15px 2px 15px; margin-right: 10px; font-size: 13px; text-transform: uppercase; border-radius: 2px; display: inline-block; background-color: #666; color: #FFF !important;}
#single-share a.emailbutton i { font-size: 14px; margin-right: 5px;}
#single-share .googlebutton i,
#single-share .pinbutton i,
#single-share .fbbutton i,
#single-share .twbutton i { font-size: 16px; margin-right: 5px; }
/* -- Chrome CSS -- */
@media screen and (-webkit-min-device-pixel-ratio:0) { #single-share i { } }
/* -- Related articles -- */
.arrow-down-related { margin: -23px auto 25px auto; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; }
/* -- Entry Top / Featured Image / Videos -- */
img.attachment-thumbnail-single-image { max-width: 100%; display: block; margin-left: auto; margin-right: auto; height: auto; margin-bottom: -7px;}
.entry-top { width: 720px; height: auto; margin: 0 auto; padding: 30px 0; }
.entry-top i { font-size: 12px; padding-left: 2px;}
.entry-top span { font-size: 12px; }
/* - title - */
h1.article-title { font-size: 36px; font-weight: 500; line-height: 44px; }
.entry h1.page-title { font-size: 36px; font-weight: 500; line-height: 44px; text-align: center; padding-bottom: 10px; margin-bottom: 20px; text-decoration: none; padding-top: 15px;}
/* - featured img / videos - */
.media-single-content { width: 100%; height: auto; margin-bottom: 30px;}
.single-gallery { width: 720px; height: auto; margin-right: auto; margin-left: auto; }
.single-gallery img { margin: 0 0 -7px 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)}}
iframe.single_iframe { max-width: 720px; margin-left: auto; margin-right: auto; float: none; display: block;}
/* -- Entry excerpt -- */
div.entry-excerpt {margin-top: -20px;}
div.entry-excerpt h3 { text-decoration: none; }
div.entry-excerpt p {font-size: 22px; font-weight: normal; line-height: 30px;}
div.entry-excerpt .simplebtn { padding: 1px 15px 0 15px; font-size: 12px; }
/* -- Entry Banner -- */
.entry-img-300 { width: 300px; height: 250px; float: right; margin: 20px -40px 20px 20px; position: relative; }
/* -- Entry bottom -- */
.entry-bottom { width: 720px; height: auto; margin: 50px auto 10px auto;}
.single-content h3.title { font-weight: normal; text-align: center; font-size: 13px; text-transform: uppercase; padding: 2px 10px 1px 10px; margin: 5px 0 20px 0; border-radius: 2px;}
.single-content h3.title span { opacity: 0.8; border-bottom: 1px solid #FFF;}
/*-- Entry button -- */
.entry-btn { font-size: 12px; 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; }
.ct-size a { font-size: 12px; float: left; display: inline-block; padding:3px 10px; list-style: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin:0 4px 4px 0; font-size:12px !important; font-weight:400; background: #f5f5f5 !important; }
.ct-size span { display: none;}
/* -- Entry content style -- */
.entry { width: 720px; height: auto; margin: 0 auto;}
.entry p a { padding: 0 5px; font-size: 12px; }
.entry p a:hover { text-decoration: underline;}
.one_half a, .one_half_last a,.one_third a,.one_third_last a,.one_fourth a,.one_fourth_last a,.boxinfo a, .boxsucces a, .boxerror a, .boxnotice a { padding: 0 5px; font-size: 12px; }
.one_half a:hover, .one_half_last a:hover,.one_third a:hover,.one_third_last a:hover,.one_fourth a:hover,.one_fourth_last a:hover,.boxinfo a:hover, .boxsucces a:hover, .boxerror a:hover, .boxnotice a:hover { text-decoration: underline;}
.entry p { padding: 10px 0; font-size: 15px; line-height: 26px; }
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin-top: 35px; text-decoration: underline; }
.entry strong { font-weight: bold; }
/* -- blockquote -- */
blockquote { text-align: center; font-weight: normal; margin:40px; background:url(images/quotes.png) no-repeat top left; padding:0 0 0 35px;}
blockquote p { font-size: 20px !important; line-height: 30px !important; padding-right: 25px !important; background:url(images/quotes.png) no-repeat bottom right; font-style: italic; }
/* -- Responsive Images -- */
.entry iframe { max-width: 100%;}
.entry embed { max-width: 100%;}
.entry object { 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 -40px; }
.alignright { float: right; margin: 20px -40px 10px 20px; }
.aligncenter { display: block; margin: 30px auto 10px auto;}
.wp-caption img[class*="wp-image-"] { display: block; margin: 0; }
.wp-caption-text { font-size: 12px !important; margin-top: -7px; padding: 0 10px 0 10px; text-align: center; }
p.wp-caption-text a { background: transparent !important; }
p > a.wp-img-bg-off { background: none !important; /* for images manually added */}
/* -- 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;}
/* -- Pagination entry articles -- */
.my-paginated-posts { text-align: center; font-size:10px; margin-bottom: 30px; }
.my-paginated-posts span { padding: 3px 6px 3px 6px; border-radius: 3px;}
.my-paginated-posts p { font-size:1.4em; }
.my-paginated-posts p a { border-radius: 3px; font-weight: bold; padding: 6px 10px; text-decoration:none; margin: 0 1px; }
.my-paginated-posts a:hover { opacity: 0.8; }
/* ###### Resume Builder Style ######
#################################### */
/* - Introduction - */
.rb-resume-block { padding: 50px 0 0 0; }
.rb-resume-block .rb-about .rb-about-text .rb-title { margin-top: 10px; padding-bottom: 0px; }
.rb-resume-block .rb-about .rb-about-text .rb-subtitle { display: inline-block; padding: 0 20px; font-size:16px; margin:0 0 15px 0; border-radius: 2px; }
.rb-resume-block .rb-about .rb-about-text .rb-description p { padding-bottom: 15px;}
.rb-resume-block .rb-about .rb-about-text .rb-description { padding-bottom: 0px;}
/* - widget title - */
h3.widget-title { margin-bottom: 5px; text-transform: uppercase; line-height: 1; font-size: 14px;}
h3.widget-title:after { display: block; content: ""; width: 30px; height: 2px; margin-top: 5px; margin-bottom: 15px; }
/* - Widget Styling skills - */
.rb-widget-experience { font-size: 13px; }
.rb-widget-experience .rb-experience-title { padding: 0px; font-size:15px; }
.rb-experience-rating { font-size: 13px; margin: -5px 0 0 0; padding: 0px;}
.rb-widget-experience .rb-experience-description p { font-weight:14px; line-height:20px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(241, 241, 241, .8); }
/* - Widget Styling contact - */
.widget .rb-contact-block, .widget .rb-contact-block li { list-style:none; }
.widget .rb-contact-block li { font-size: 13px; font-weight: bold; min-height: 35px; margin: 5px 0; padding: 10px 0 5px 0; border-bottom: 1px solid rgba(241, 241, 241, .8); }
.widget .rb-contact-block li span { font-size: 13px; float: left; border-radius: 50%; width: 30px; height: 30px; line-height: 32px; text-align: center; margin: -4px 17px 0 0; }
/* - Buttons - */
.rb-resume-block .rb-btn, .widget .rb-resume-block .rb-btn { border-radius: 3px; padding: 4px 14px 2px 14px; }
/* Experience */
.rb-experience-item {padding: 25px; border: 1px solid rgba(241, 241, 241, .8); }
.rb-section-title { margin-left: 25px !important;}
.rb-resume-block .rb-experience .rb-section-title { border: none; padding: 0 0 0 0;}
.rb-resume-block .rb-experience .rb-section-title:after { display: block; content: ""; width: 30px; height: 2px; margin-top: 15px; margin-bottom: 15px; }
.rb-resume-block .rb-experience-item { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(241, 241, 241, .8);}
.rb-resume-block .rb-experience-item .rb-right p { font-size: 14px;}
.rb-resume-block .rb-experience-item .rb-right p:after { display: block; content: ""; width: 30px; height: 2px; margin-top: 5px; margin-bottom: 15px; }
/* -- Tabs -- */
#tabs_wrapper { width: auto; margin-top: 50px; }
#tabs { list-style: none; padding: 5px 0 4px 0; margin: 0; }
#tabs li { display: inline; padding: 0; margin:0;}
#tabs li a { padding: 8px 20px; text-decoration: none; outline: none; font-weight: bold; font-size: 12px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;}
#tabs_content_container { border-top: none; padding: 20px; width: auto; }
.tab_content { display: none; }
/* -- Tabs 2 -- */
#tabs_wrapper2 { width: auto; margin-top: 50px; }
#tabs2 { list-style: none; padding: 5px 0 4px 0; margin: 0; }
#tabs2 li { display: inline; padding: 0; margin:0;}
#tabs2 li a { padding: 8px 20px; text-decoration: none; outline: none; font-weight: bold; font-size: 12px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;}
#tabs_content_container2 { border-top: none; padding: 20px; width: auto; }
.tab_content2 { display: none; }
#tabs_wrapper2 ul.mv_list_small { width: 100%; height: auto; float: left; list-style-type: none !important; margin-top: 0px; margin-left: 0px; margin-right: -20px; margin-bottom: -5px;}
#tabs_wrapper2 ul.mv_list_small li { float: left; width: 180px; height: auto; margin: 0 20px 0 0;}
/*-----------------------------------------------------------------------------
----------------------------- 5 - Sidebar & Widgets ---------------------------
-----------------------------------------------------------------------------*/
/* -- Sidebar -- */
.widget h3.title, h3.top-title { float: left; margin-bottom: 5px; text-transform: uppercase; line-height: 1; font-size: 14px;}
.sidebar .widget { width: 300px; margin-bottom: 30px; margin-top: 5px;}
h3.top-title { padding-left: 25px;}
.widget h3.title:after, h3.top-title:after { display: block; content: ""; width: 60px; height: 2px; margin-top: 5px; margin-bottom: 15px; }
/* -- Sidebar left for Magazine Style -- */
.sidebar-left .widget { width: 250px; margin-bottom: 40px; }
.sidebar-left #newsletter-form input.newsletter-btn { width:252px; }
.sidebar-left .widget_anthemes_categories ul,
.sidebar-left .widget_archive ul,
.sidebar-left .widget_meta ul { width: 275px;}
.sidebar-left .widget_anthemes_categories li,
.sidebar-left .widget_archive li,
.sidebar-left .widget_meta li { width: 112px;}
.sidebar-left .img-300 { width: 300px; margin-left: -25px; }
/* -- Widget arrow box -- */
.fa-box { padding: 0 8px 4px 8px; margin-top: -5px; float: left; border-top-left-radius: 2px; border-top-right-radius: 2px;}
.fa-box i { font-size: 10px;}
h3.title span { padding-left: 10px;}
/* -- Social Count -- */
.social-count-plus { padding-left: 28px !important; padding-top: 25px; }
.widget_socialcountplus { margin-bottom: 45px !important; padding-bottom: 0px !important;}
/* -- FeedBurner -- */
div.feed-info i { display: block; padding: 10px 0 0px 0; }
div.feed-info { text-align: center; padding: 0 15px 15px 15px;}
#newsletter-form { padding-bottom: 5px;}
#newsletter-form input { width:100%; }
#newsletter-form input.newsletter { height:30px; font-weight: bold; font-size: 12px; text-align: center; margin-bottom: -3px; border-top-left-radius: 2px; border-top-right-radius: 2px; opacity: 0.5; }
#newsletter-form input.newsletter-btn { width:302px; position: relative; font-size: 10px; font-weight: 600; text-transform: uppercase; padding: 8px 0 7px 0; margin: 0 0 0 0; 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; margin-top: -15px;}
ul.article_list li { width: auto; min-height: 60px; display: block; padding: 15px 0; }
ul.article_list li:last-child { }
ul.article_list li img { float: left; border-radius: 2px; margin-bottom: 0px; }
ul.article_list li h3 { font-size: 13px; line-height: 18px; }
ul.article_list .article-category i { float: right; border-style: solid; border-width: 11px 5px 11px 10px; margin: -1px -15px -5px 0px; height: 1px; width: 0px; }
ul.article_list .article-category { border-radius: 2px; position: absolute; margin: 10px 0 0 30px; font-size: 11px; text-transform: uppercase; padding: 1px 10px 0 10px;}
ul.article_list .article-category:hover { opacity: 0.9;}
ul.article_list .article-category:hover i { opacity: 0.9;}
ul.article_list .an-widget-title h3 { font-size: 16px; line-height: 22px; margin-top: 15px;}
ul.article_list .an-widget-title h4 { font-size: 13px; line-height: 18px; }
ul.article_list .review-box-nr { margin-left: 0px;}
ul.article_list .review-box-nr i { font-size: 10px !important; }
ul.article_list .an-widget-title i { font-size: 12px; padding-left: 2px;}
ul.article_list .an-widget-title span { font-size: 11px; }
/* - comments ribbon - */
.article-comm { border-radius: 2px; position: absolute; margin: 10px 0 0 -2px;}
.article-comm a { font-size: 11px; padding: 0 5px; }
/* -- Banner widget 300px -- */
.img-300 { width: 300px; height: auto; }
/* -- Categories in two columns -- */
.widget_anthemes_categories ul { width: 325px; margin-top: -10px; margin-left: -25px; display: inline-block;}
.widget_anthemes_categories li a { font-weight: normal;}
.widget_anthemes_categories li { border-bottom: 1px solid rgba(241, 241, 241, 1); float: left; width: 137px; margin-left: 25px; line-height: 35px; font-size: 12px; font-weight: bold; }
/* -- Custom Text -- */
.widget-text { }
.widget_text img { max-width: 100% !important;}
.widget_text select { width: 100%; padding: 10px 20px;}
.widget_text option { padding: 0 10px;}
/* -- Widget RSS -- */
.widget_rss h3 a img { width: 10px; height: 10px;}
.widget_rss li { background: url(images/li_minus_gold.png) no-repeat 0 16px; border-bottom: 1px solid rgba(241, 241, 241, .8); display: block; padding: 10px 0 10px 20px; }
.widget_rss li a { font-weight: bold;}
/* -- Default Tags -- */
div.widget_tag_cloud { display: inline-block; margin-bottom: 10px;}
div.tagcloud span { font-weight: bold; }
div.tagcloud a { float: left; display: inline-block; padding:3px 10px; list-style: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin:0 4px 4px 0; font-size:12px !important; font-weight:400;}
/* -- Default Search -- */
div.widget_search { padding-bottom: 25px !important; }
div.widget_search #searchform2 { float: left; margin: 0; }
div.widget_search #searchform2 #s { width: 170px; background-color: #fafafa; }
div.widget_search #searchform2 #s:focus { width: 170px; overflow: hidden;}
footer div.widget_search { padding-bottom: 25px !important; }
/* -- 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 in two columns -- */
.widget_archive ul { /* list-style-type: circle; */ width: 325px; margin-top: -10px; margin-left: -25px; display: inline-block;}
.widget_archive li a { font-weight: normal;}
.widget_archive li { border-bottom: 1px solid rgba(241, 241, 241, .8); float: left; width: 137px; margin-left: 25px; line-height: 35px; font-size: 12px; color: #ffd800; font-weight: bold; }
/* -- Archives and Nav menu widget -- */
div.widget_nav_menu ul { }
.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_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 in two columns -- */
.widget_meta ul { list-style-type: circle; width: 325px; margin-top: -10px; margin-left: -25px; display: inline-block;}
.widget_meta li a { font-weight: normal;}
.widget_meta li { border-bottom: 1px solid rgba(241, 241, 241, .8); float: left; width: 137px; margin-left: 25px; line-height: 35px; font-size: 12px; color: #ffd800; font-weight: bold; }
/* -- Meta and Pages widget -- */
div.widget_pages ul { }
.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_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; background: #fff; }
#wp-calendar tbody td { background: #fff; border: 1px solid #f5f5f5; text-align: center; padding:5px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody td a { font-weight: bold; color: #222; display: block;}
#wp-calendar tbody td#today { 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 {}
/* -- Social Share -- */
.ssb-share { z-index: 999999;}
/* 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: 720px; 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: 720px; float: left; height: auto; margin: 0 0 0 0;}
.comments h3.comment-reply-title { text-align: center; 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; color: #F00; font-size: 11px; }
/* -- 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 0 0; font-size:11px;}
form.wpcf7-form span.wpcf7-radio input { width: auto !important; display: inline-block !important; height: auto !important;}
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: 163px !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 - Footer -------------------------------------
-----------------------------------------------------------------------------*/
footer { width: 100%; height: auto; bottom: 0;}
.social-section { width: 100%; height: 75px; text-align: center;}
.wrap-footer { width: 100%; height: auto; margin: 0 auto; }
footer .wrap-middle { padding: 40px 0 0 0;}
/* -- widgets -- */
footer .one_fourth_footer, footer .one_fourth_last_footer { float:left; width: 250px; margin-bottom:10px; margin-right:70px; }
footer .one_fourth_last_footer { margin-right:0;}
footer .widget { width: 250px; margin-bottom: 10px; margin-top: 10px;}
footer .widget h3.title { float: left; margin-bottom: 5px; text-transform: uppercase; line-height: 1; font-size: 14px;}
footer #newsletter-form input.newsletter-btn { width:252px; }
footer .widget_anthemes_categories ul,
footer .widget_archive ul,
footer .widget_meta ul { width: 275px;}
footer .widget_anthemes_categories li,
footer .widget_archive li,
footer .widget_meta li { width: 112px;}
/* -- Copyright -- */
.copyright { width: 980px; height: auto; margin: 0 auto; padding: 40px 0 40px 0; text-align: center; }
/* -- Footer Social Icons -- */
ul.footer-social { margin-left: auto; margin-right: auto; }
ul.footer-social li { height: 40px; font-size: 24px; display: inline-block; margin: 27px 5px 0 5px; }
ul.footer-social li a { text-align: center; padding: 5px 10px; }
/* -- Back to Top -- */
#back-top { position: fixed; display: block; bottom: 10px; right: 10px; z-index:999999; }
#back-top a { width: 40px; display: block; }
#back-top span { width: 40px; height: 40px; display: block; background: url(images/top.png) -5px -5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
/*-----------------------------------------------------------------------------
----------------------------- 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: 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 !important; border: 1px solid #0099cc !important; color: #FFF !important; text-shadow: 0 -1px 0 #0099cc;}
.simplebtn.green { background-color: #7dc34d !important; border: 1px solid #7dc34d !important; color: #FFF !important; text-shadow: 0 -1px 0 #7dc34d;}
.simplebtn.green2 { background-color: #0fbe7c !important; border: 1px solid #0fbe7c !important; color: #FFF !important; text-shadow: 0 -1px 0 #0fbe7c;}
.simplebtn.orange { background-color: #e76b33 !important; border: 1px solid #e76b33 !important; color: #FFF !important; text-shadow: 0 -1px 0 #e76b33;}
.simplebtn.gold { background-color: #ffd62c !important; border: 1px solid #ffd62c !important; color: #FFF !important; text-shadow: 0 -1px 0 #ffd62c;}
.simplebtn.red { background-color: #cc3333 !important; border: 1px solid #cc3333 !important; color: #FFF !important; text-shadow: 0 -1px 0 #cc3333;}
.simplebtn.pink { background-color: #d63f72 !important; border: 1px solid #d63f72 !important; color: #FFF !important; text-shadow: 0 -1px 0 #d63f72;}
.simplebtn.black { background-color: #3b3b3b !important; 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 { -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1); 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 { -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1); 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 { -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1); 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 { -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1); 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;}
.boxinfo,
.boxsucces,
.boxerror,
.boxnotice { max-width: 100% !important; display: inline-block !important; }
/* -- 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;}