/*
Theme Name: AdCents - RHW Wordpress Theme
Theme URI: http://wpexplorer.com
Description: A free adsense-optimized WordPress theme by <a href="http://www.wpexplorer.com/">AJ Clarke</a>
Author: AJ Clarke
Author URI: http://www.wpexplorer.com
Version: 1.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: fixed-width, custom-header, custom-background, custom-menu, threaded-comments, right-sidebar, light, two-columns
*/

/* ----------------------  Reset Browser A Bit &Clear Floats -------------------------- */
*{margin:0; padding:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
a img, 
a{outline:0; border:0}
caption, th, td{text-align:left;  font-weight:normal}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}
.clear{clear:both}

/* ---------------------- Responsive image and video settings ----------------------------*/
img, object, embed, video {
	max-width: 100%;
	height: auto;
	width: auto; /* ie8 */
}

.video embed,
.video object,
.video iframe {
	width: 100%;
	height: auto;
}
.video-container {
	position: relative;
	padding-top: 56.25%;
	width: 100%;
	height: 0;
	overflow: hidden;
	box-sizing: border-box;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ----------------------  WordPress Elements -------------------------- */
.aligncenter{display:block; margin:15px auto}
.alignright{float:right; margin:0 0 15px 15px}
.alignleft{float:left; margin:0 15px 15px 0}
.floatleft{float:left}
.floatright{float:right}

.textcenter{text-align:center}
.textright{text-align:right}
.textleft{text-align:left}
.textjustify{text-align:justify}

.wp-caption {
	border: 1px solid #DDD;
	text-align: center;
	background: #F3F3F3;
	padding-top: .2em;
	margin: 1%;
	max-width: 96%;
	width: auto;
}
.wp-caption img{margin:0; padding:0; border:none}
.wp-caption .wp-caption-text{font-size:80%; line-height: 1.2em; padding: 2px 0; margin:0}

table#wp-calendar{font-size:12px; margin:0 auto; width:100%}
#wp-calendar caption{padding:3px; background:#333; color:#FFF; text-shadow:1px 1px #000; text-align:center}
#calendar_wrap table td, 
#calendar_wrap table th{text-align:center; background:#f3f3f3; padding:7px !important}
#calendar_wrap table td#prev{text-align:left; padding:0 0 0 12px}
#calendar_wrap table td a{color:#06F; display:block}

/* ----------------------  Body -------------------------- */
body{font-family:Arial,Helvetica,sans-serif; font-size:100%; line-height:1.5em; color:#333; background:#E2E0E0; margin:0}

/* ----------------------  HTML Elements -------------------------- */
a{color:#0180D1; text-decoration:none}
a:hover{color:#014776; text-decoration:underline}
p{margin:0 0 10px}
strong{font-weight:700}
em, i {font-style:italic}
small, sup{font-size: 75%; line-height: 1.2em !important;}
sup{vertical-align: super;}
pre {
	white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word;
	background-color: #eee;
	padding: .5em .5em .5em 1.5em;
}
hr{width: 35%; margin: 3em auto; color: #ccc;}
blockquote{border-left:2px solid #CCC; margin:20px; padding:0 0 0 10px; font-style:italic}

/* ----------------------  Tables To Flow Text Around -------------------------- */
table.flowright .flowleft{border:0; spacing:0;}
table.flowright{padding: 0 0 0 5px; float:right;}
table.flowleft{padding: 0 5px 0 0; float:left;}

/* ----------------------  Default Headings -------------------------- */
h1, h2, h3, h4, h5, h6{font-family:"Lucida Grande",Arial,"Lucida Sans Unicode",sans-serif; color:#333; line-height:1em; font-weight:bold; padding:0; margin:0}
h1{font-size:28px; margin:0 0 30px 0}
h2{font-size:22px; margin:30px 0 20px 0}
h3{font-size:20px; margin:30px 0 20px 0}
h4{font-size:18px; margin:20px 0 10px 0}

/* ----------------------  Main Wrap &Container -------------------------- */
#main-wrap {
	margin: 0 auto;
	width: 92%;
	max-width: 1260px;
}

#xs-wrap {
	margin: 0 auto;
	padding: 0 1em 1em 1em;
	background: #FFF;
	border-left: 1px solid #BEBEBE;
	border-right: 1px solid #BEBEBE;
}

/* ----------------------  Header -------------------------- */
#xs-header {
	margin:0 auto;
	padding: 1em;
	background: #022330;
	position:relative;
	height: auto;
	overflow: hidden;
}
#xs-header-logo {
	float: left;
	font-family: 'Amaranth',arial,serif;
	text-align:left;
}
#xs-header-description p,
#xs-header-description h2 {
  color: #dee8f0;
  font-size:14px;
  text-shadow: 1px 1px 1px #000;
  padding: 0;
  margin: 0 0 10px 0;
  font-weight: normal;
}
#xs-header-img{}

#xs-header-logo h1,
#xs-header-logo h4 {
  color:#FFF;
  font-size: 40px;
  margin: 0 0 5px;
  text-shadow: 1px 1px 1px #000;
  font-family: 'Changa One', cursive;
}
#xs-header-logo h1 a,
#xs-header-logo h4 a {
  color:#FFF;
  text-decoration:none
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
#xs-header-logo h1 a:hover,
#xs-header-logo h4 a:hover {
  color:#E2E0E0;
  text-decoration:none
}
#xs-header-logo p,
#xs-header-logo h2 {font-size:16px;}

#xs-header-social {
	width:auto !important;
	position:absolute;
	right:20px;
	bottom:2px;
	list-style:none;
	border:none !important;
	float: ritgh;
}
#xs-header-social li{float:left; position:relative; border:none}

/* ----------------------  Main -------------------------- */
#xs-main {
	float:left;
	width: 69%;
	margin: 2em 0 0 0;
	padding-right: 1%;
}
#xs-main-squeeze {
	float:left;
	width: 100%;
	margin: 2em 0 0 0;
}

/* ----------------------  Entries -------------------------- */
.xs-entry {
	float:left;
	width: 100%;
	position:relative;
	margin: 1.6em 0 0;
	padding: 0 0 1.6em;
	border-bottom:1px solid #CCC;
}
.xs-entry-featured-image {
	float:left;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	width: 36.19%;
	padding-right: 1%;
}
.xs-entry-featured-image img {
	border:1px solid #ddd;
	padding:5px;
	background:#f0f0f0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	width: 98%;
}
.xs-entry-featured-image a:hover img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity:0.85;
	opacity:0.85;
}
.xs-post-entry-right {
	float:right;
	width: 59.81%;
	padding-left: 1%;
}
.xs-read-more{font-size:100%}

.xs-entry-title{margin:0 0 20px; font-size:20px}
.xs-entry-title a{color:#333; text-decoration:none}

/* ----------------------  Post -------------------------- */
#xs-post {
	position:relative;
	overflow:hidden;
}
#xs-post ul, #xs-post ol{margin:20px 0 20px 50px}
#xs-post li{margin:0 0 5px}

#xs-post-squeeze{margin:10px 0 20px; position:relative; overflow:hidden}
#xs-post-squeeze ul, #xs-post ol, #xs-post-squeeze ol {margin:20px 0 20px 50px}
#xs-post-squeeze li{margin:0 0 5px}


#xs-post-meta{font-size:80%; color:#999; padding:8px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin:20px 0}
#xs-post-meta span{margin:0 15px 0 0}
#xs-post-meta-clock{padding:0 0 0 15px; background:url(images/clock.gif) left no-repeat}
#xs-post-meta-comments{padding:0 0 0 15px; background:url(images/bubble.gif) left no-repeat}
#xs-post-meta-author{padding:0 0 0 15px; background:url(images/author.gif) left no-repeat}
#xs-post-meta-category{padding:0 0 0 15px; background:url(images/folder.gif) left no-repeat}

#xs-post-top {
	margin:0 0 1.5em;
}
#xs-post-social {
	margin: 1em 0;
	padding-bottom: 1em;
	font-size: 80%;
	color: #999;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	height: 100%;
	overflow: hidden;
}
.social-button{float:left; margin-top: 1em;}

#xs-post-top-image {
	/* width: 54%;
	float:left; */
	width: 100%;
	margin: 0 auto;
}

#xs-post h1{font-family:"Lucida Grande",Arial,"Lucida Sans Unicode",sans-serif; margin:0; line-height: 28px;}
#xs-page-title{margin:0 0 30px !important}

/* ----------------------  Post Admin -------------------------- */
#xs-post-admin{text-align:right; padding:20px 0 0 0}
#xs-post-admin span{padding:0 0 0 15px; background:url(images/doc.gif) left no-repeat; font-size:11px}

/* ----------------------  Post Page Navigation -------------------------- */
#xs-post-page-navigation{margin:20px 0; padding:5px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC}

/* ----------------------  Post Hozzavalok-------------------------- */
#xs-post-hozzavalok{margin:10px 0}
#xs-post-hozzavalok span{margin: 0 5px 0 0;padding:0 0 0 15px;line-height:13px; background: url(images/tag.gif) left no-repeat}

#xs-hozzavalok-title{background:#EEE; font-size:100%; height:30px; line-height:30px; padding:0 10px 0 10px; margin:0 0 20px 0; border-left:1px solid #FFF; border-right:1px solid #FFF; outline:1px solid #CCC; border:1px solid #FFF; text-shadow:1px 1px #FFF}

/* ----------------------  Post Tags-------------------------- */
#xs-post-tags{margin:10px 0}
#xs-post-tags span{margin: 0 5px 0 0;padding:0 0 0 15px;line-height:13px; background: url(images/tag.gif) left no-repeat}

#xs-tags-title{background:#EEE; font-size:100%; height:30px; line-height:30px; padding:0 10px 0 10px; margin:0 0 20px 0; border-left:1px solid #FFF; border-right:1px solid #FFF; outline:1px solid #CCC; border:1px solid #FFF; text-shadow:1px 1px #FFF}

/* ----------------------  Post Author -------------------------- */
#xs-post-author{margin:20px 0}
#xs-post-author .avatar{float:left; margin:0 15px 10px 0; outline:1px solid #DDD; border:1px solid #fff; padding:2px; background:#f0f0f0}

#xs-post-author-meta{padding:10px 0; margin:0; font-size:11px}

#xs-post-author h4{background:#EEE; font-size:12px; height:30px; line-height:30px; padding:0 10px 0 10px; margin:0 0 20px 0; border-left:1px solid #FFF; border-right:1px solid #FFF; outline:1px solid #CCC; border:1px solid #FFF; text-shadow:1px 1px #FFF}

/* ---------------------- Post Related Posts -------------------------- */
#xs-related-posts, #adsense-matched-content-header {margin:20px 0}
#xs-related-posts ul img{float:left; margin: 0 20px 0 0; padding:3px; outline:1px solid #DDD; border:1px solid #fff; background:#EEE}
#xs-related-posts a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85}
#xs-related-posts ul{list-style:none}
#xs-related-posts li{margin:0 0 20px}

#xs-related-posts h3, #adsense-matched-content-header h3 {font-size:120%; line-height:140%; margin: 10px 0}
#xs-related-posts h4, #adsense-matched-content-header h4 {background:#EEE; font-size:110%; height:30px; line-height:30px; padding:0 10px 0 10px; margin:0 0 20px 0; border-left:1px solid #FFF; border-right:1px solid #FFF; border-top:1px solid #FFF; outline:1px solid #CCC; border:1px solid #FFF; text-shadow:1px 1px #FFF}

/* ----------------------  Comments -------------------------- */
#commentsbox{}
h3#comments{background:#EEE; font-size:120%; height:30px; line-height:30px; padding:0 10px; outline:1px solid #CCC; border:1px solid #FFF; text-shadow:1px 1px #FFF}
ol.commentlist{margin:0px 0 0; clear:both; overflow:hidden; list-style:none}
ol.commentlist li{margin:10px 0; line-height:18px; padding:10px; border:1px solid #EEE}
.bypostauthor{}
.comment-author{}
.comment-author a:link, 
.comment-author a:visited{font-weight:bold; text-decoration:none !important}
.comment-author .fn{}
cite.fn{font-weight:700; font-size:14px}
.comment-author .avatar{float:left; margin:0 10px 0 0}
.comment-meta{font-size:11px}
.comment-meta .commentmetadata{color:#000}
.comment-meta a{color:#666; text-decoration:none !important}
ol.commentlist li p{line-height:22px; margin:5px 0 0}
.reply{text-align:right; margin-top:10px; font-size:10px}
.reply a{text-decoration:none}
li.odd{}
li.even{}
.children{list-style:none; margin:1em 0 0; text-indent:0}
.children li.depth-2{margin:0 0 0px 2em}
.children li.depth-3{margin:0 0 0px 2em}
.children li.depth-4{margin:0 0 0px 2em}
.children li.depth-5{margin:0 0 0px 2em}
.comment-nav{padding:5px; height:20px}
.comment-nav a:link, .comment-nav a:visited{}
.cancel-comment-reply a{color:#F00; font-weight:700}
#respond{margin:20px 0px}
#respond h3{font-size:18px; margin:0 0 20px}
#commentform{}
#commentform p{padding:10px 0}
#respond label{display:block; padding:5px 0}
#respond label small{font-size:10px}
#respond input{margin-bottom:10px; padding:5px 5px; margin:0 10px 10px 0; background:#fff; border:1px solid #ddd}
#commentform input{width:50%}
#respond input#commentSubmit{padding:5px 0; width:100px; font-size:12px; background:#211F1D; border-top:1px solid #333; border:1px solid #000; color:#FFF; text-decoration:none; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; margin:10px 0px; cursor:pointer; border:0; outline:none; -moz-box-shadow:2px 2px 5px #CCC; -webkit-box-shadow:2px 2px 5px #CCC; box-shadow:2px 2px 5px #CCC}
#commentSubmit:hover{background:#403D37 !important}
#commentSubmit:active{padding:5px 0 0 !important}
textarea#comment{border:none; background:#fff; border:1px solid #ddd; width:70%; margin:10px 0px 0px 0px; padding:5px 5px}
#comments-closed{padding:10px 0}

/* ----------------------  Author Page -------------------------- */
#xs-author-page{}
#xs-post-author-avatar-wrap{float:left; margin:0 15px 0 0; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
#xs-post-author-avatar-wrap img{border:1px solid #fff; padding:5px; background:#f0f0f0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
#author-links{margin:0 0 0 20px}

#xs-author-latest-posts{margin:20px 0 0; padding:20px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC}

/* ----------------------  Search & Archieve Pages -------------------------- */
#xs-search-title{margin:0 0 20px}
#xs-archive-description{padding:0 0 20px; border-bottom:1px solid #CCC}
#xs-archive-description p{margin:0}

#xs-archive-title h1{margin:0 0 20px}
#xs-search-title h1{margin:0}

/* ----------------------  Sidebar -------------------------- */
#xs-sidebar-right {
	float:right;
	width: 29%;
	margin: 2em 0;
	padding-left: 1%;
	font-size:100%;
}
#xs-sidebar-right ul{list-style:none}
#xs-sidebar-right li{margin:5px 0}
.xs-sidebar-right-box{margin:0 0 20px}
.xs-sidebar-right-box ul li img {margin:0 10px 10px 0; float:left}
.xs-sidebar-right-box ul li ul {margin: 0 0 0 10px}

#xs-sidebar-right h4{background: #022330; color:#FFF; padding: 0 5px; font-size:120%; min-height:30px; line-height:30px; margin:0 0 20px}

#xs-sidebar-right h4 a, #xs-sidebar-right h4 a:visited{color:#FFF !important; text-decoration: none !important}
#xs-sidebar-right h4 a:hover{color:#0180D1 !important; text-decoration: none !important}

/* ----------------------  Pagination-------------------------- */
#xs-pagination{float:left; margin:20px 0 0; font-size:80%}
#xs-pagination span, #xs-pagination a{float:left; display:block; margin:2px 5px 2px 0; padding:1px 8px 1px 8px; text-decoration:none; color:#666; border:1px solid #BEBEBE}
#xs-pagination a:hover{background:#f0f0f0; border:1px solid #BEBEBE; text-shadow:1px 1px 1px #FFF;}
#xs-pagination .current{background:#f0f0f0; border:1px solid #BEBEBE; color:#666; text-shadow:1px 1px 1px #FFF}

/* ---------------------- Copyright / Think Twice Before Removing -------------------------- */
#xs-copyright {
	background:#000;
	position:relative;
	margin:0 auto;
	height: auto;
	overflow: hidden;
	line-height:40px;
	color:#888;
	font-size:80%;
	padding: 0 1em;
}
#xs-copyright p{margin:0}
#xs-copyright a{color:#bbb; text-decoration:none}
#xs-copyright a:hover{text-decoration:none;color:#ddd;}

#xs-copyright-left{float:left;}
#xs-copyright-right{float:right;}

#footer-upper {
	background: #000;
	line-height: 40px;
	padding: 0 1em;
	margin: 0 auto;
}
#footer-upper h3{font-size:20px;text-align:center;color:#ffffff;padding-top:20px;}
#footer-upper h4{font-size:18px;text-align:center;color:#ffffff;padding-top:20px;}
#footer-upper img{padding-right:20px;}

#footer-upper .widget-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(278px, 1fr));
	grid-gap: 25px;
	justify-content: center;
}
.footer-sidebar ul {
	list-style: none;
	margin-left: 0.5em;
	padding: 0;
}
.footer-sidebar ul li a,
.footer-sidebar ul li a:visited {
	text-decoration: none;
	color: #aaa;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.footer-sidebar ul li a:hover {
	text-decoration: none;
	color: #fff;
	
}

/* ----------------------  Search Bar -------------------------- */
#searchbar{position:relative; margin:0 0 20px; height:35px}
#xs-search-input{background:#F5F5F5; width: 90%; height:33px; line-height:30px; padding:0 25px 0 10px; font-size:100%; color:#333; font-weight:bold; border: 1px solid #CCC}
#xs-search-input:focus{background:#F8F8F8 !important;}
#xs-search-submit{display:block; background:url('images/xs-search-icon.png') no-repeat; height:15px; width:15px; position:absolute; top:11px; right:8px; display:block; cursor:pointer; text-indent:-9999px; outline:none; bordeR:none}

/* ----------------------  Adsense Spots -------------------------- */
#header-ad {
	max-width: 728px;
	min-width: 240px;
	width: 95%;
	height: 90px;
	float: right;
}
#header-ad-medium {
	width: 728px;
	height: 90px;
	float: right;
}
#header-ad-tablet {
	display: none;
}
#header-ad-mobile {
	display: none;
}

#post-top-ad-medium,
#post-top-ad {
	float:right;
	margin: 0 0 0 1%;
	width: 336px;
	height: 280px;
}
#post-top-ad-mobile {
	display: none;
}

#xs-header-adsense-nav{background:#000; margin:0 auto; width:960px; height:15px; padding:10px}
#xs-sidebar-ad{margin:5px 0 15px 0;}
#xs-bottom-post-ad{margin:30px 0 0}
#xs-above-post-ad{margin:20px 0;width:460px;margin-right:auto;margin-left:auto;}
#xs-copyright-right{float:right; width:468px; margin:12px 0 0}

/* ----------------------  Menu Wrap -------------------------- */
#xs-primary-menu {
	background: #EBEBEB;
	border-bottom: 1px solid #BEBEBE;
	border-right: 1px solid #BEBEBE;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 99;
	padding: 0 2em 0 0;
}
#xs-primary-menu-items {
	max-width: 85%;
	float: left;
}
#xs-primary-menu ul {
	border-right: 1px solid #BEBEBE;
}
#xs-primary-menu ul li {font-size: 100%;}
}

/* ----------------------  Important Main Meny Style -------------------------- */
.sf-menu{float:left}
.sf-menu li{height: auto}
.sf-menu li li{height: auto}
.sf-menu a{display:block; height:auto; line-height:40px; background:#EBEBEB; color:#333; font-weight:700; text-shadow:1px 1px #FFF; display:block; padding:0 10px; text-decoration:none; border-right:1px solid #FFF; border-left:1px solid #BEBEBE}
.sf-menu a:hover{background:#FFF}
.sf-menu a:active{background:#D1D1D1}
.sf-menu li.sfHover a{outline:0}

/* ----------------------  Drop Down Settings -------------------------- */
.sf-menu, .sf-menu *{margin:0; padding:0; list-style:none}
.sf-menu ul{background:#FFF; position:absolute; top:-999em; width: 17em !important; border-left:1px solid #BEBEBE !important; border-bottom:1px solid #BEBEBE !important; padding-bottom:2px}
.sf-menu ul a{line-height:40px; margin:0; padding:0 20px; border-right:1px solid #FFF; border-left:1px solid #FFF; border-top:1px solid #BEBEBE}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit}
.sf-menu li{float:left; position:relative}
.sf-menu a{display:block; position:relative}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul{left:0; top:40px; z-index:99}
ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul{top:-999em}
ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul{left:15em; top:0}
ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul{top:-999em}
ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul{left:15em; top:0}

/* ---------------------- Tipsy -------------------------- */
.tipsy{padding:5px; font-size:10px; opacity:0.8; filter:alpha(opacity=80); background-repeat:no-repeat; background-image:url(images/tipsy.gif)}
.tipsy-inner{padding:5px 8px 4px 8px; background-color:black; color:white; max-width:200px; text-align:center}
.tipsy-inner{-moz-border-radius:3px; -webkit-border-radius:3px}
.tipsy-north{background-position:top center}

/* ---------------------- Featured Slider -------------------------- */
#xs-featured{width:400px; padding: 0 250px 0 0; position:relative; border:5px solid #ccc; height:250px; margin: 10px 0}
#xs-featured ul.ui-tabs-nav{position:absolute; top:0; left:400px; list-style:none; padding:0; margin:0; width:250px}
#xs-featured ul.ui-tabs-nav li{padding:1px 0; padding-left:13px;  font-size:12px; color:#666;}
#xs-featured ul.ui-tabs-nav li img{float:left; margin:2px 5px; background:#fff; padding:2px; border:1px solid #eee}
#xs-featured ul.ui-tabs-nav li span{font-size:12px;font-weight:bold}
#xs-featured li.ui-tabs-nav-item a{display:block; height:60px; color:#333;  background:#fff; line-height:20px; overflow: hidden;}
#xs-featured li.ui-tabs-nav-item a:hover{background:#f2f2f2}
#xs-featured li.ui-tabs-selected{background:url('images/selected-item.gif') top left no-repeat}
#xs-featured ul.ui-tabs-nav li.ui-tabs-selected a{background:#ccc}
#xs-featured .ui-tabs-panel{width:400px; height:250px; background:#999; position:relative}
#xs-featured .ui-tabs-panel .info{position:absolute; top:180px; left:0; height:50px; padding:10px; background:#000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
#xs-featured .info h2{font-size:14px; color:#fff; margin:0; overflow:hidden}
#xs-featured .info p{margin:0; font-size:11px; line-height:15px; color:#f0f0f0}
#xs-featured .info a{text-decoration:none; color:#fff}
#xs-featured .info a:hover{text-decoration:underline}
#xs-featured .ui-tabs-hide{display:none}

/* ------------------ Recipe Information by bmintbalazs -------------------- */
#recipe-information{margin: 10px 0 10px 0; color:#999; background-color: #E6E6E6; padding:8px 8px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; overflow: auto; text-align:left}
#recipe-information h2,
#recipe-information h3 {
  font-size: 120%;
  font-style: bold;
  margin: 0 0 8px 5px;
  text-align:left;
}
#recipe-information p{font-size: 100%; font-style: italic; margin: 0 0 2px 0}
.basic-info{float:left; width: 65%; display: inline;}
.ingredients{float:right; width: 35%; display: inline; position: relative}
.ingredients li{font-size: 100%; color: #000000}
.ingredients ul{margin: 8px !important; color: #000000; padding-left: 12px !important}

/* ------------------ Facebook teaser by bmintbalazs ------------------ */

#facebook-teaser{background:#325C99; font-size:100%; height:auto !important; line-height:30px; padding: 10px 10px 10px 10px; margin:0 0 20px 0; border-left:1px solid #FFF; border-right:1px solid #FFF; outline:1px solid #CCC; border:1px solid #FFF; color:#FFFFFF;}
#facebook-teaser text{font-family:"Lucida Grande",Arial,"Lucida Sans Unicode",sans-serif; line-height:2.5em; font-weight:bold; padding: 10px; font-size: 100%; margin: 10px 0 0 0; color:#FFFFFF; text-shadow:1px 1px #325C99; letter-spacing:1px; width:100% !important;}

#likebox-frame{
 border:2px solid #325C99;
 width: 590px;
 z-index:10;
 height: 256px;
 overflow: hidden;
 position:relative;
 top:-1px;
 left:-2px;
}
#likebox-frame iframe{
  left:-5px;
  overflow:hidden;
  position:relative;
  top:-1px;
}

.category-desc p {
  padding-bottom: 10px;
}

#xs-post-meta span.recipe-meta {
  padding: 0 !important;
  margin: 0 !important;
}

/* Google custom search settings */
.gsc-control-cse { padding: 0 !important; }
td.gsc-input { width: 80% !important; }
.gsc-search-button { width: 20% !important; }
input.gsc-search-button { padding: 7px 13px 6px 13px !important; margin: 0 ! important; }

/* Smooth slider */
.smooth_slider h2 a,
.smooth_slider h2 a:visited,
.smooth_slider h2 {
	padding: 0 0 0.5em 0 !important;
}
.smooth_slider p.smooth_more a,
.smooth_slider p.smooth_more a:visited {
	padding-top: 1em;
	text-decoration: none !important;
	color: #ff0000 !important;
}
.smooth_slider img {
	margin-right: 25px !important;
}
.smooth_slider {
	padding: 0 !important;
}

/* Mailchimp widget */
input.nm_mc_button {
	background-color: #eb6633;
	width: 179px;
	height: 40px;
	padding: 0;
	margin: 3px auto;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	border: thin solid #808080;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
	left: 35px;
}
.nm_mc_form ul li {
	float: right;
	width: 250px;
	margin-bottom: 8px !important;
}
.nm_mc_form {
	height: 300px;
	min-height: 300px;
	background-color: #ebebeb;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding-top: 10px;
	background-image:url(images/stilizalt_konyv.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.nm_mc_form p {
	padding-left: 4px;
	font-size: 18px;
	font-weight: bold;
	color: #c80000;
	text-align: center;
	margin-right: 115px;
}
.nm_mc_form form {
	height: 130px;
	min-height: 130px;
	padding-top: 32px;
	margin-bottom: 10px;
	background-color: #fcf9ce;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
input.nm_mc_input {
	height: 25px;
	width: 155px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: thin solid #808080;
	float: right;
	margin-right: 4px;
	padding-left: 5px;
}
.nm_mc_form label {
	display: inline;
	margin-right: 4px;
	padding-left: 4px;
	float: left;
	line-height: 25px !important;
	height: 25px;
	font-size: 12px;
}
div.#mc-response-area {
	padding: 5px 0;
	line-height: 16px;
}

#toc li {
	list-style: none;
	padding: 0;
	margin: 0;
}
#toc {
	margin-left: 20px !important;
}
#toc ul, #toc ol {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

#xs-wrap{display: flex; flex-direction: row}
#xs-main{flex-grow: 2;}
#xs-sidebar-right{font-size:100%;}
#xs-post-top-image img {width: 100%; margin: 0 auto;}

/* This is not a real responsive theme, so the following part was added as a hack to remove slider from mobile layout */
.lof-container {
  display: none !important;
}

@media only screen and (max-width: 830px) {
#xs-wrap {flex-direction: column;}
#xs-main {
	flex-grow: 1;
	width: 100%;
/*	float: none;
	display: block;
	width: 100%;
	margin: 2em 0;
	padding: 0;
	overflow: hidden;
	height: 100%;
*/}
#xs-sidebar-right {
	flex-grow: 1;
	width: 100%;
/*	float: none;
	width: 100%;
	margin: 2em 0;
	padding: 0;
*/}
#header-ad {
	float: none;
	display: block;
	clear: both;
}
#header-ad-medium {
	display: none;
}
#header-ad-tablet {
	display: inline;
	width: 468px;
	height: 60px;
	margin: 0 auto;
}
#header-ad-mobile {
	display: none;
}

}

@media screen and (max-width: 480px) {
#header-ad-medium {
	display: none;
}
#header-ad-tablet {
	display: none;
}
#header-ad-mobile {
	display: inline;
}

#post-top-ad-medium {
	display: none;
}
#post-top-ad-mobile,
#post-top-ad {
	float: none;
	margin: 0.5em 0 0 0;
	width: 300px;
	height: 250px;
	display: inline;
}
.xs-entry-featured-image {
	float: none;
	width: 90%;
	padding: 0;
}
.xs-entry-featured-image img {
	margin: 0 auto;
}
.xs-post-entry-right {
	float: none;
	width: 100%;
	padding: 1em 0 0 0;
}
#xs-primary-menu-items {
	width: 100%;
	float: none;
}
#xs-header-social {
	width: 100%;
	float: none;
}

.basic-info{float: none; width: 100; }
.ingredients{float: none; width: 100%; }
.ingredients li{font-size: 100%; color: #000000}
.ingredients ul{margin: 8px !important; color: #000000; padding-left: 12px !important}

.lof-container {
  display: block !important;
}
}

.wprm-recipe-image {
	max-width: 250px;
}
.wprm-container-float-right{
	width: 250px;
}
.wprm-recipe-container {
	width: 98%;
}