/*
Theme Name: Egyhaztortenet
Template: bard
Theme URI: https://wp-royal-themes.com/themes/item-bard-free/
Author: Cseky
Author URI: https://cseky.ro/
Description: Theme for the Egyhaztortenet site
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4
Tested up to: 6.5.2
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: bard
Tags: blog, one-column, two-columns, three-columns, grid-layout, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, flexible-header, full-width-template, custom-menu, custom-logo, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/


/*font family*/
body, .site-description, .widget_wysija_cont, .xdetailed-errors, .widget-title h4, .alt-widget-title h4, .category-description h3, .author-description h3, .related-posts h3, 
#reply-title, #reply-title a, .comment-title h2, .comment-title, pre, .bard-widget > ul li span, .bard-widget > ul li span a, #wp-calendar thead th, #wp-calendar caption, h1,
h2, h3, h4, h5, h6, .blog-pagination  { font-family: Georgia,Times,Times New Roman,serif; }
#main-menu li a { font-family: Georgia,Times,Times New Roman,serif !important; }
.post-categories a, .blog-classic-style .post-title, .single .post-title, .page-title, .blog-grid-style .post-title, .read-more a, .blog-list-style .post-title { text-transform: none !important; }
.blog-classic-style .post-title, .single .post-title, .page-title { text-transform: none !important;  line-height: normal !important;}
body, .wp-block-quote { font-size: 18px !important; }
.widget-title h4 {font-weight: 800 !important; text-transform: none !important;}
.post-header h2.post-title a{ color: #900 !important; }
.szemlegrid{ margin:5px!important; }
.has-text-align-center{ text-align:center !important; }
    
blockquote { 
    padding: 20px 20px 20px 60px;
    background: #fafafa;
    border: 1px solid #eee;
    position: relative;
    font-size: 17px;
    font-style: italic; 
}
blockquote:after {
    content: '”';
    width: 60px;
    font-family: 'Georgia', serif;
    font-size: 60px;
    line-height: 40px;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    color: #ca2017;
    position: absolute;
    top: 25px;
    left: 0px;
}
blockquote cite {
	display: block;
	margin-top: 1.1em;
	font-size: 0.75em;
	font-style: normal;
	font-weight: 900;
	letter-spacing: 1px;
}

blockquote cite:before { 
	content: "— "; 
}
strong { line-height: normal; }
.wp-block-footnotes{
    font-size: 15px;
    border-top: 2px solid #e0e0e0;
    padding-top: 10px;
}
.wp-block-columns { margin-bottom: .5em !important; }
.blog-list-style .related-posts { padding-top: 0px !important; }

ul, ol {
    margin-bottom: 15px;
}

/*kalendarium honap tab*/
.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
  margin-bottom: 1em;
}

.calendar-cell {
  padding: 8px;
  text-align: center;
  background: #eee;
  border-radius: 4px;
  cursor: pointer;
}
.calendar-cell.header, .calendar-cell:hover {
  background: #f9f9f9;
}

.calendar-cell.active {
  background: #fff;
  border: solid 2px #eee;
  font-weight: bold;
}

.calendar-cell.empty {
  background: transparent;
  cursor: default;
}

.tab-content-container {
  border-top: 2px solid #ddd;
  padding-top: 1em;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

.edit-post-button a {
    display: inline-block;
    padding: 8px 16px;
    background: #0073aa;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
}

.edit-post-button a:hover {
    background: #005a87;
}

.edit-post-button a { padding: 3px 4px !important; }

   
/*.sidebar-right h2 { font-size: 25px; }*/
.blog-classic-style .post-title, .single .post-title, .page-title { font-size: 35px !important; margin-top: 10px; }
sup {  top: 0em !important; }
ul.wp-block-post-template { list-style: none !important; }
/*.idezet-thumbnail { max-width: 150px; float: left; margin: 0 10px 10px 0; }*/

#main-menu .sub-menu, #main-menu .sub-menu a { background-color: #eee !important; }

.site-description {     
    font-size: xx-large;
    font-weight: bold;
}

.post-content p{
    text-align: justify;
    text-justify: inter-word;
}

.padding5 { padding: 5px !important; }
.padding10 { padding: 10px !important; }
.margin0 {margin: 0 0 0 0 !important;}

.post-content .biblia-img {}
.post-content .biblia-title { text-align: center; margin-top: 15px; }

.postbg{ background-color: #dfdfdf; padding: 10px; }
.postbg .su-posts-single-post .su-post { margin-bottom: 0em !important; }

.lexikon-subwidget-title{ padding: 2px 0 2px 0; border-top: 1px solid; border-bottom: 1px solid; }

.napievang sup, .napievang em sup{ display:none; }

.previous-post a img{ max-height:75px !important; }
.next-post a img{ max-height:75px !important; }

.featured-image-description{
    background-color: #e4e4e4;
    padding: 3px;
    font-size: 80%;
}

/*-------------------------- list2*/ 
.blog-list-style .has-post-thumbnail .post-media {  float: none !important; max-width: 748px !important;  width: 100%; }
.blog-list-style .has-post-thumbnail .post-content-wrap { width: 100% !important; width: 100% !important; float: none !important; padding-left: 0 !important; }
.blog-list-style .post-title {  font-size: 25px !important; } 


/*calendar*/
.mc_szentek_img{
    width:100%; /*300px*/
    height:170px;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position: top center;
    display:block;
}
.mc_unnepek_img{
    width:100%; /*300px*/
    height:145px;
    background-repeat:no-repeat;
    background-size: 100% auto;
    background-position: center;
    display: block;
}
.mc_szentek_img a, .mc_unnepek_img a{
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}
.divcolor{
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.7);
    padding:10px;
    position:relative;
}
.divcolor:hover{background-color:rgba(0,0,0,0.2);}
.divcolor:hover .mc_szentek_text{background-color:rgba(0,0,0,0.4);}
.mc_szentek_text, .mc_szentek_text a{
    color:#fff !important;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    padding:10px;
}
.mc-image{ 
	width:200px !important; 
	/*max-height:200px; */
	float: left;
	margin:0 10px 5px 0 !important;
}

/*su posts*/
.su-spoiler-content blockquote{ font-size: 16px !important; }
.su-posts-default-loop .su-post-thumbnail2 {
    float: left;
    display: block;
    width: 350px;
    margin-right: 10px;
}
.su-posts-default-loop .su-post-thumbnail2 img {
    max-width: 350px !important;
    max-height: 250px !important;
}
.su-posts-default-loop .su-post-grid {
    margin: 0 6px 20px 6px;
    line-height: 1.5;
    width: 48%;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #eee;
}
.su-posts-teaser-loop .su-post-thumbnail-lexicon {
    width:100%; /*300px*/
    height:130px;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position: center;
    display:block;
}
.su-post-thumbnail-lexicon a{
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}
.divcolor2{
    width:100%;
    height:100%;
    /*background-color:rgba(255,255,255,0.7);*/
    padding:10px;
    position:relative;
}
.divcolor2:hover{ background-color:rgba(255,255,255,0.7); }
.divcolor2:hover .su-post-thumbnail-title { 
    background-color:rgba(0,0,0,0.5); 
    color:#FFF;
}
 
.su-post-thumbnail-title { 
    background-color:rgba(255,255,255,0.7); 
    color:#000;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    display:block;
    padding:10px;
}
/*.su-post-thumbnail-title:hover { 
    background-color:rgba(0,0,0,0.5); 
    color:#FFF;
}*/
/*.su-post-thumbnail-lexicon div:hover a .su-post-thumbnail-title { 
    background-color:rgba(192,192,192,0.6);
    
}*/

.su-post-grid .su-post-title, .su-post-grid .su-post-meta, .su-post-grid .su-post-excerpt{ padding: 0 10px; }
.su-posts-default-loop .su-post-thumbnail-grid img { width: 100%; margin-bottom:10px; }

.su-posts-teaser-loop2 .su-post { 
    margin-bottom: .3em;
    height: auto;
    color: #900;
    display: inline-block;
    width: 100%;
    border-bottom: gray solid 1px;
    padding: 0 0 5px 0;
}
.su-posts-teaser-loop2 .su-post:hover{ color: #000; }
.su-posts-teaser-loop2 .su-post-thumbnail {
    float: left;
    display: block;
    width: 75px;
    height: auto;
    margin: 0 .7em 0 0;
}
.su-posts-teaser-loop2 h2.su-post-title {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 1em;
    font-weight: 800;
    clear: none;
    color: #990000;
}

.szentek_list{
    display:block;
    min-height:85px;
    padding: 5px 0;
    border-bottom: gray solid 1px;
}
.szentek_list:hover{ background-color:rgba(192,192,192,0.3); }
.szentek_title{ width: -webkit-calc(100% - 100px); float: left; padding-left: 15px; }
.igenaptarbg:hover{ background-color:rgba(192,192,192,0.3);  }


.tribe-events-widget-events-list_event-row:hover { background: #fafafa; }
.tribe-events-content img{ max-width: 840px !important; }
/*.textwidget .su-posts img{ max-width: 300px !important; }*/

#tribe-events-pg-template, .tribe-events-pg-template { max-width: 850px !important; }
.tribe-events-view { max-width: 840px !important; }

.single-tribe_events .tribe-blocks-editor .tribe-events-single-event-title {
    font-size: revert;
    line-height: normal !important;
}

.elvalaszto {
  position: relative;
  text-align: left;
  margin: 1em 0;
}

.elvalaszto::before {
  content: "";
  position: absolute;
  top: 50%;                /* középre igazítja */
  left: 0;
  width: 100%;
  height: 1px;
  background: #ccc;        /* színe */
  z-index: 0;
}

.elvalaszto span {
  position: relative;
  background: #fff;        /* háttérszín, hogy ne takarja a vonal */
  padding: 0 10px;
  z-index: 1;
}

/* -------------------Mobile views  */
@media screen and (max-width: 700px) {
    .su-post-thumbnail2{ width:100%; display:block !important; }
}
@media screen and (max-width: 30px) {
    .szentek_title{ width: 100%; display:block; }
    .su-post-thumbnail2{ width:100%; display:block !important; }
    div.wp-block-image figure{ display: block; width: 100%; }
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}